@alwatr/icon
- <alwatr-icon>
Alwatr Icon - Best practices (The Right Way) of using premium designed icons in the website and webapp.
How to use
<script type="module" src="https://cdn.jsdelivr.net/npm/@alwatr/icon/+esm"></script>
<alwatr-icon name="heart"></alwatr-icon>
<alwatr-icon name="heart-sharp"></alwatr-icon>
<alwatr-icon name="heart-outline"></alwatr-icon>
<style> table img { width: 32px; height: 32px; } @media (prefers-color-scheme: dark) { table img { -webkit-filter: invert(1); filter: invert(1); } } </style> Icons
Outline | Filled | Sharp | |||
---|---|---|---|---|---|
airplane-outline |
airplane |
airplane-sharp |
|||
archive-outline |
archive |
archive-sharp |
|||
apps-outline |
apps |
apps-sharp |