Airy-Icons

Introduction

Hi I'm Ali & This Project is 150+ Lite CSS Icons With An Incredible Size That Can Be Used & Controlled Just By Class Names.
Check The Demo On Codepen (CDN Example)

Installation

Install Using CDNs :

// Compressed (min.css)
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/aliamdevs/airy-icons@latest/css/airy.min.css" />

// Uncompressed
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/aliamdevs/airy-icons@latest/css/airy.css" />

Install Using npm Package Manager :

npm i @aliamdevs/airy-icons

// In Your Javascript File
import '@aliamdevs/airy-icons'

Install As A Font & Use It From Font Library :

.ttf .woff .eot .otf -> See Releases.

Usage

You Can Use An i HTML Tag & Select Icon By Class Name :

Replace ${THE_ICON_NAME} With The Name Of Icon You Want To Use (Icons Name Table)

<i class="airy-${THE_ICON_NAME}"></i>

Examples :

<i class="airy-home"></i>
<i class="airy-picture"></i>
<i class="airy-data-shell"></i>

Effects

You Can Use Effects By Class Name :

Example :

<i class="airy-home airy-effect-bevel"></i>
<i class="airy-data-shell airy-effect-bevel"></i>

Effects Name Table : | # | Effect Name | Class Name | | --- | ---------------------- | ----------------------- | | 1 | Bevel | airy-effect-bevel |

Icons Name Table

Just Use These After airy- & Put Them To Classes:

| # | Icon Name | Unicode| # | Icon Name | Unicode| | --- | ---------------------- | ------ | --- | ------------------------------------------------ | ------ | | 1 | add-circle | U+41 | 2 | add-solid | U+3A | | 3 | add | U+42 | 4 | add-circle-solid | U+3A | | 5 | arrow-down-circle | U+43 | 6 | arrow-down-solid | U+3C | | 7 | arrow-down | U+44 | 8 | arrow-down-circle-solid | U+3C | | 9 | arrow-left-circle | U+45 | 10 | arrow-left-solid | U+3D | | 11 | arrow-left | U+46 | 12 | arrow-left-circle-solid | U+3D | | 13 | arrow-right-circle | U+47 | 14 | arrow-right-solid | U+3E | | 15 | arrow-right | U+48 | 16 | arrow-right-circle-solid | U+3E | | 17 | arrow-up-circle | U+49 | 18 | arrow-up-solid | U+3F | | 19 | arrow-up | U+4A | 20 | arrow-up-circle-solid | U+3F | | 21 | bag | U+4B | 22 | bag-solid | U+BA | | 23 | bell | U+4C | 24 | bell-solid | U+BB | | 25 | block | U+4D | 26 | block-solid | U+A1 | | 27 | bookmark | U+4E | 28 | bookmark-solid | U+3B | | 29 | calendar | U+4F | 30 | calendar-solid | U+A2 | | 31 | camera | U+50 | 32 | camera-solid | U+A3 | | 33 | card | U+51 | 34 | card-solid | U+A4 | | 35 | cart | U+52 | 36 | cart-solid | U+BC | | 37 | chevron-down | U+53 | 38 | — | — | | 39 | chevron-left | U+54 | 40 | — | — | | 41 | chevron-right | U+55 | 42 | — | — | | 43 | chevron-up | U+56 | 44 | — | — | | 45 | emphasis-circle | U+57 | 46 | emphasis-circle-solid | U+A5 | | 47 | emphasis | U+67 | 48 | emphasis-solid | — | | 49 | help-circle | U+58 | 50 | help-circle-solid | U+A6 | | 51 | help | U+6D | 52 | help-solid | — | | 53 | info-circle | U+59 | 54 | info-circle-solid | U+F0 | | 55 | info | U+6F | 56 | info-solid | — | | 57 | clock | U+5A | 58 | clock-solid | U+A7 | | 59 | compass | U+61 | 60 | compass-solid | U+A8 | | 61 | data-shell | U+62 | 62 | data-shell-solid | U+A9 | | 63 | file | U+63 | 64 | file-solid | U+BD | | 65 | done | U+64 | 66 | — | — | | 67 | download | U+65 | 68 | — | — | | 69 | edit | U+66 | 70 | edit-solid | U+AA | | 71 | folder-open | U+68 | 72 | folder-open-solid | U+AC | | 73 | folder | U+69 | 74 | folder-solid | U+AB | | 75 | grid | U+6A | 76 | grid-solid | U+BE | | 77 | half-star | U+6B | 78 | — | — | | 79 | heart | U+6C | 80 | heart-solid | U+BF | | 81 | hide | U+6E | 82 | hide-solid | U+C0 | | 83 | input | U+70 | 84 | — | — | | 85 | location | U+71 | 86 | location-solid | U+B0 | | 87 | lock | U+72 | 88 | lock-solid | U+B1 | | 89 | login | U+73 | 90 | login-solid | U+D8 | | 91 | logout | U+74 | 92 | logout-solid | U+D9 | | 93 | mail | U+75 | 94 | mail-solid | U+B4 | | 95 | menu-vertical | U+76 | 96 | — | — | | 97 | menu | U+77 | 98 | — | — | | 99 | message | U+78 | 100 | message-solid | U+B6 | | 101 | mic-mute | U+79 | 102 | mic-mute-solid | U+C1 | | 103 | mic | U+7A | 104 | mic-solid | U+B7 | | 105 | music | U+30 | 106 | music-solid | U+B8 | | 107 | mute | U+31 | 108 | mute-solid | U+B5 | | 109 | home | U+32 | 110 | home-solid | U+AF | | 111 | pause | U+33 | 112 | — | — | | 113 | stop | U+34 | 114 | stop-solid | U+CF | | 115 | paint | U+35 | 116 | paint-solid | U+C8 | | 117 | phone | U+36 | 118 | phone-solid | U+C9 | | 119 | picture | U+37 | 120 | picture-solid | U+C2 | | 121 | power | U+38 | 122 | — | — | | 123 | redo | U+39 | 124 | — | — | | 125 | refresh | U+21 | 126 | — | — | | 127 | repeat | U+22 | 128 | — | — | | 129 | search | U+23 | 130 | — | — | | 131 | send | U+24 | 132 | send-solid | U+CB | | 133 | setting / settings | U+25 | 134 | settings-solid | U+C3 | | 135 | share | U+26 | 136 | share-solid | U+C4 | | 137 | reply | U+80 | 138 | reply-solid | U+C5 | | 139 | show | U+27 | 140 | show-solid | U+CC | | 141 | shuffle | U+28 | 142 | — | — | | 143 | sort | U+29 | 144 | — | — | | 145 | substract-circle | U+2A | 146 | substract-circle-solid | U+CE | | 147 | star | U+2B | 148 | star-solid | U+CD | | 149 | tag | U+2C | 150 | tag-solid | U+D0 | | 151 | trash | U+2D | 152 | trash-solid | U+D1 | | 153 | undo | U+2E | 154 | — | — | | 155 | unlock | U+2F | 156 | unlock-solid | U+D2 | | 157 | upload | U+5B | 158 | — | — | | 159 | user | U+5C | 160 | user-solid | U+C6 | | 161 | users | U+5D | 162 | users-solid | U+C7 | | 163 | volume-up | U+5E | 164 | volume-up-solid | U+D3 | | 165 | substract | U+5F | 166 | substract-solid | U+CE | | 167 | close-circle | U+60 | 168 | close-circle-solid | U+D4 | | 169 | close | U+7B | 170 | close-solid | U+D4 | | 171 | zoom-in | U+7C | 172 | zoom-in-solid | U+D6 | | 173 | zoom-out | U+7D | 174 | zoom-out-solid | U+D7 | | 175 | play | U+7E | 176 | play-solid | U+CA | | 177 | link | U+40 | 178 | — | — | | 179 | volume-down | U+AE | 180 | volume-down-solid | U+D5 | | 181 | github | U+EE | 182 | — | — | | 183 | npm | U+ED | 184 | — | — |