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)
// 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" />
npm i @aliamdevs/airy-icons
// In Your Javascript File
import '@aliamdevs/airy-icons'
.ttf .woff .eot .otf -> See Releases.
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>
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 |
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 | — | — |