@alwatr/icon
v1.1.3
Published
Best practices (The Right Way) of using premium designed icons in the website and webapp.
Maintainers
alimdReadme
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>Icons
| Outline | | Filled | | Sharp | |
| ----------------------------------------------- | ------------------ | ------------------------------- | ---------- | ------------------------------------------- | ---------------- |
| 
| airplane-outline | 
| airplane | 
| airplane-sharp |
| 
| archive-outline | 
| archive | 
| archive-sharp |
| 
| apps-outline | 
| apps | 
| apps-sharp |
| Icon | Name | Icon | Name | Icon | Name |
| ----------------------------------------------------------------------- | -------------------------- | ----------------------------------------------------------------------- | -------------------------- | --------------------------------------------------------------------------- | ---------------------------- |
| 
| accessibility | 
| add-circle | 
| add |
| | airplane | 
| alarm | 
| albums |
| 
| alert-circle | 
| alert | 
| american-football |
| 
| analytics | 
| aperture | | apps |
| | archive | 
| arrow-back-circle | 
| arrow-back |
| 
| arrow-down-circle | 
| arrow-down | 
| arrow-forward-circle |
| 
| arrow-forward | 
| arrow-redo-circle | 
| arrow-redo |
| 
| arrow-undo-circle | 
| arrow-undo | 
| arrow-up-circle |
| 
| arrow-up | 
| at-circle | 
| at |
| 
| attach | 
| backspace | 
| bag-add |
| 
| bag-check | 
| bag-handle | 
| bag-remove |
| 
| bag | 
| balloon | 
| ban |
| 
| bandage | 
| bar-chart | 
| barbell |
| 
| barcode | 
| baseball | 
| basket |
| 
| basketball | 
| battery-charging | 
| battery-dead |
| 
| battery-full | 
| battery-half | 
| beaker |
| 
| bed | 
| beer | 
| bicycle |
| 
| bluetooth | 
| boat | 
| body |
| 
| bonfire | 
| book | 
| bookmark |
| 
| bookmarks | 
| bowling-ball | 
| briefcase |
| 
| browsers | 
| brush | 
| bug |
| 
| build | 
| bulb | 
| bus |
| 
| business | 
| cafe | 
| calculator |
| 
| calendar-clear | 
| calendar-number | 
| calendar |
| 
| call | 
| camera-reverse | 
| camera |
| 
| car-sport | 
| car | 
| card |
| 
| caret-back-circle | 
| caret-back | 
| caret-down-circle |
| 
| caret-down | 
| caret-forward-circle | 
| caret-forward |
| 
| caret-up-circle | 
| caret-up | 
| cart |
| 
| cash | 
| cellular | 
| chatbox-ellipses |
| 
| chatbox | 
| chatbubble-ellipses | 
| chatbubble |
| 
| chatbubbles | 
| checkbox | 
| checkmark-circle |
| 
| checkmark-done-circle | 
| checkmark-done | 
| checkmark |
| 
| chevron-back-circle | 
| chevron-back | 
| chevron-down-circle |
| 
| chevron-down | 
| chevron-forward-circle | 
| chevron-forward |
| 
| chevron-up-circle | 
| chevron-up | 
| clipboard |
| 
| close-circle | 
| close | 
| cloud-circle |
| 
| cloud-done | 
| cloud-download | 
| cloud-offline |
| 
| cloud-upload | 
| cloud | 
| cloudy-night |
| 
| cloudy | 
| code-download | 
| code-slash |
| 
| code-working | 
| code | 
| cog |
| 
| color-fill | 
| color-filter | 
| color-palette |
| 
| color-wand | 
| compass | 
| construct |
| 
| contract | 
| contrast | 
| copy |
| 
| create | 
| crop | 
| cube |
| 
| cut | 
| desktop | 
| diamond |
| 
| dice | 
| disc | 
| document-attach |
| 
| document-lock | 
| document-text | 
| document |
| 
| documents | 
| download | 
| duplicate |
| 
| ear | 
| earth | 
| easel |
| 
| egg | 
| ellipse | 
| ellipsis-horizontal-circle |
| 
| ellipsis-horizontal | 
| ellipsis-vertical-circle | 
| ellipsis-vertical |
| 
| enter | 
| exit | 
| expand |
| 
| extension-puzzle | 
| eye-off | 
| eye |
| 
| eyedrop | 
| fast-food | 
| female |
| 
| file-tray-full | 
| file-tray-stacked | 
| file-tray |
| 
| film | 
| filter-circle | 
| filter |
| 
| finger-print | 
| fish | 
| fitness |
| 
| flag | 
| flame | 
| flash-off |
| 
| flash | 
| flashlight | 
| flask |
| 
| flower | 
| folder-open | 
| folder |
| 
| football | 
| footsteps | 
| funnel |
| 
| game-controller | 
| gift | 
| git-branch |
| 
| git-commit | 
| git-compare | 
| git-merge |
| 
| git-network | 
| git-pull-request | 
| glasses |
| 
| globe | 
| golf | 
| grid |
| 
| hammer | 
| hand-left | 
| hand-right |
| 
| happy | 
| hardware-chip | 
| headset |
| 
| heart-circle | 
| heart-dislike-circle | 
| heart-dislike |
| 
| heart-half | 
| heart | 
| help-buoy |
| 
| help-circle | 
| help | 
| home |
| 
| hourglass | 
| ice-cream | 
| id-card |
| 
| image | 
| images | 
| infinite |
| 
| information-circle | 
| information | 
| invert-mode |
| 
| journal | 
| key | 
| keypad |
| 
| language | 
| laptop | 
| layers |
| 
| leaf | 
| library | 
| link |
| 
| list-circle | 
| list | 
| locate |
| 
| location | 
| lock-closed | 
| lock-open |
| 
| log-in | 
| log-out | 
| magnet |
| 
| mail-open | 
| mail-unread | 
| mail |
| 
| male-female | 
| male | 
| man |
| 
| map | 
| medal | 
| medical |
| 
| medkit | 
| megaphone | 
| menu |
| 
| mic-circle | 
| mic-off-circle | 
| mic-off |
| 
| mic | 
| moon | 
| move |
| 
| musical-note | 
| musical-notes | 
| navigate-circle |
| 
| navigate | 
| newspaper | 
| notifications-circle |
| 
| notifications-off-circle | 
| notifications-off | 
| notifications |
| 
| nuclear | 
| nutrition | 
| open |
| 
| options | 
| paper-plane | 
| partly-sunny |
| 
| pause-circle | 
| pause | 
| paw |
| 
| pencil | 
| people-circle | 
| people |
| 
| person-add | 
| person-circle | 
| person-remove |
| 
| person | 
| phone-landscape | 
| phone-portrait |
| 
| pie-chart | 
| pin | 
| pint |
| 
| pizza | 
| planet | 
| play-back-circle |
| 
| play-back | 
| play-circle | 
| play-forward-circle |
| 
| play-forward | 
| play-skip-back-circle | 
| play-skip-back |
| 
| play-skip-forward-circle | 
| play-skip-forward | 
| play |
| 
| podium | 
| power | 
| pricetag |
| 
| pricetags | 
| print | 
| prism |
| 
| pulse | 
| push | 
| qr-code |
| 
| radio-button-off | 
| radio-button-on | 
| radio |
| 
| rainy | 
| reader | 
| receipt |
| 
| recording | 
| refresh-circle | 
| refresh |
| 
| reload-circle | 
| reload | 
| remove-circle |
| 
| remove | 
| reorder-four | 
| reorder-three |
| 
| reorder-two | 
| repeat | 
| resize |
| 
| restaurant | 
| return-down-back | 
| return-down-forward |
| 
| return-up-back | 
| return-up-forward | 
| ribbon |
| 
| rocket | 
| rose | 
| sad |
| 
| save | 
| scale | 
| scan-circle |
| 
| scan | 
| school | 
| search-circle |
| 
| search | 
| send | 
| server |
| 
| settings | 
| shapes | 
| share-social |
| 
| share | 
| shield-checkmark | 
| shield-half |
| 
| shield | 
| shirt | 
| shuffle |
| 
| skull | 
| snow | 
| sparkles |
| 
| speedometer | 
| square | 
| star-half |
| 
| star | 
| stats-chart | 
| stop-circle |
| 
| stop | 
| stopwatch | 
| storefront |
| 
| subway | 
| sunny | 
| swap-horizontal |
| 
| swap-vertical | 
| sync-circle | 
| sync |
| 
| tablet-landscape | 
| tablet-portrait | 
| telescope |
| 
| tennisball | 
| terminal | 
| text |
| 
| thermometer | 
| thumbs-down | 
| thumbs-up |
| 
| thunderstorm | 
| ticket | 
| time |
| 
| timer | 
| today | 
| toggle |
| 
| trail-sign | 
| train | 
| transgender |
| 
| trash-bin | 
| trash | 
| trending-down |
| 
| trending-up | 
| triangle | 
| trophy |
| 
| tv | 
| umbrella | 
| unlink |
| 
| videocam-off | 
| videocam | 
| volume-high |
| 
| volume-low | 
| volume-medium | 
| volume-mute |
| 
| volume-off | 
| walk | 
| wallet |
| 
| warning | 
| watch | 
| water |
| 
| wifi | 
| wine | 
| woman |
Logos
| Icon | Name | Icon | Name | Icon | Name |
| ----------------------------------------------- | ------------------ | --------------------------------------------------------- | ----------------------- | ----------------------------------------------------------- | ------------------------ |
| 
| logo-alipay | 
| logo-amazon | 
| logo-amplify |
| 
| logo-android | 
| logo-angular | 
| logo-apple-appstore |
| 
| logo-apple-ar | 
| logo-apple | 
| logo-behance |
| 
| logo-bitbucket | 
| logo-bitcoin | 
| logo-buffer |
| 
| logo-capacitor | 
| logo-chrome | 
| logo-closed-captioning |
| 
| logo-codepen | 
| logo-css3 | 
| logo-designernews |
| 
| logo-deviantart | 
| logo-discord | 
| logo-docker |
| 
| logo-dribbble | 
| logo-dropbox | 
| logo-edge |
| 
| logo-electron | 
| logo-euro | 
| logo-facebook |
| 
| logo-figma | 
| logo-firebase | 
| logo-firefox |
| 
| logo-flickr | 
| logo-foursquare | 
| logo-github |
| 
| logo-gitlab | 
| logo-google-playstore | 
| logo-google |
| 
| logo-hackernews | 
| logo-html5 | 
| logo-instagram |
| 
| logo-ionic | 
| logo-ionitron | 
| logo-javascript |
| 
| logo-laravel | 
| logo-linkedin | 
| logo-markdown |
| 
| logo-mastodon | 
| logo-medium | 
| logo-microsoft |
| 
| logo-no-smoking | 
| logo-nodejs | 
| logo-npm |
| 
| logo-octocat | 
| logo-paypal | 
| logo-pinterest |
| 
| logo-playstation | 
| logo-pwa | 
| logo-python |
| 
| logo-react | 
| logo-reddit | 
| logo-rss |
| 
| logo-sass | 
| logo-skype | 
| logo-slack |
| 
| logo-snapchat | 
| logo-soundcloud | 
| logo-stackoverflow |
| 
| logo-steam | 
| logo-stencil | 
| logo-tableau |
| 
| logo-tiktok | 
| logo-tumblr | 
| logo-tux |
| 
| logo-twitch | 
| logo-twitter | 
| logo-usd |
| 
| logo-venmo | 
| logo-vercel | 
| logo-vimeo |
| 
| logo-vk | 
| logo-vue | 
| logo-web-component |
| 
| logo-wechat | 
| logo-whatsapp | 
| logo-windows |
| 
| logo-wordpress | 
| logo-xbox | 
| logo-xing |
| 
| logo-yahoo | 
| logo-yen | 
| logo-youtube |