@alwatr/icon NPM

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


`airplane-outline`	`airplane`	`airplane-sharp`
`archive-outline`	`archive`	`archive-sharp`
`apps-outline`	`apps`	`apps-sharp`

Name	Name	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

Name	Name	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`