Font AwesomeはWEBサイトにも組み込むことができるアイコンフォントです。現行の最新バージョン(Version 5.8.1)では、無料版で1,513種類、有料版で5,097種類ものアイコンが利用することができます。アイコンは矢印やインターフェースで利用でいる記号、SNSなどのロゴなど豊富にそろっており、パソコンにインストールして利用すること、またWEBサイトに組み込み利用することが可能です。WEBサイトでWEBフォントとして組み込むことで、アイコン用の画像を準備することなく、表示することができます。文字フォントと同様にサイズ、色を変えることができ、サイズごとに画像を用意することなく、大きく表示しても小さく表示しても鮮明にキレイにアイコンを表示することが可能です。今回は、Font AwesomeをWEBサイトに導入する方法をご紹介します。
Font Awesome 公式サイト
Font Awesome 5 の導入方法
Font Awesome 5の導入は、CDNによる導入方法と、フォントデータをダウンロードして組み込む2種類の方法があります。またアイコンデータとしてWebfontを使用する方法と、SVGを使用する方法に分かれます。
Font Awesome 5 のCDNによる導入
Font Awesome’s CDN のWebfont版
Webfont版は、アイコンを使用したいページに以下のスタイルシートデータを読み込むことで実装できます。
1 | < link rel = "stylesheet" href = "https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity = "sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin = "anonymous" > |
Font Awesome’s CDN のSVG版
SVG版は、アイコンを使用したいページに以下のjavascriptを読み込むことで実装できます。
1 | < script defer src = "https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity = "sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin = "anonymous" ></ script > |
Font Awesome 5 のダウンロードデータによる導入
Font Awesome 公式サイトよりデータをダウンロードすることができます。Font Awesome 5 のデータをダウンロードすると以下のファイルがセットになっています。
1 | fontawesome-free-5.8.1-web |
2 | │ LICENSE.txt |
3 | │ list.txt |
4 | │ |
5 | ├─css |
6 | │ all.css |
7 | │ all.min.css |
8 | │ brands.css |
9 | │ brands.min.css |
10 | │ fontawesome.css |
11 | │ fontawesome.min.css |
12 | │ regular.css |
13 | │ regular.min.css |
14 | │ solid.css |
15 | │ solid.min.css |
16 | │ svg-with-js.css |
17 | │ svg-with-js.min.css |
18 | │ v4-shims.css |
19 | │ v4-shims.min.css |
20 | │ |
21 | ├─js |
22 | │ all.js |
23 | │ all.min.js |
24 | │ brands.js |
25 | │ brands.min.js |
26 | │ fontawesome.js |
27 | │ fontawesome.min.js |
28 | │ regular.js |
29 | │ regular.min.js |
30 | │ solid.js |
31 | │ solid.min.js |
32 | │ v4-shims.js |
33 | │ v4-shims.min.js |
34 | │ |
35 | ├─less |
36 | │ brands.less |
37 | │ fontawesome.less |
38 | │ regular.less |
39 | │ solid.less |
40 | │ v4-shims.less |
41 | │ _animated.less |
42 | │ _bordered-pulled.less |
43 | │ _core.less |
44 | │ _fixed-width.less |
45 | │ _icons.less |
46 | │ _larger.less |
47 | │ _list.less |
48 | │ _mixins.less |
49 | │ _rotated-flipped.less |
50 | │ _screen-reader.less |
51 | │ _shims.less |
52 | │ _stacked.less |
53 | │ _variables.less |
54 | │ |
55 | ├─metadata |
56 | │ categories.yml |
57 | │ icons.json |
58 | │ icons.yml |
59 | │ shims.json |
60 | │ shims.yml |
61 | │ sponsors.yml |
62 | │ |
63 | ├─scss |
64 | │ brands.scss |
65 | │ fontawesome.scss |
66 | │ regular.scss |
67 | │ solid.scss |
68 | │ v4-shims.scss |
69 | │ _animated.scss |
70 | │ _bordered-pulled.scss |
71 | │ _core.scss |
72 | │ _fixed-width.scss |
73 | │ _icons.scss |
74 | │ _larger.scss |
75 | │ _list.scss |
76 | │ _mixins.scss |
77 | │ _rotated-flipped.scss |
78 | │ _screen-reader.scss |
79 | │ _shims.scss |
80 | │ _stacked.scss |
81 | │ _variables.scss |
82 | │ |
83 | ├─sprites |
84 | │ brands.svg |
85 | │ regular.svg |
86 | │ solid.svg |
87 | │ |
88 | ├─svgs |
89 | │ ├─brands |
90 | │ │ 500px.svg |
91 | │ │ accessible-icon.svg |
92 | │ │ accusoft.svg |
93 | │ │ acquisitions-incorporated.svg |
94 | │ │ adn.svg |
95 | │ │ adobe.svg |
96 | │ │ adversal.svg |
97 | │ │ affiliatetheme.svg |
98 | │ │ airbnb.svg |
99 | │ │ algolia.svg |
100 | │ │ alipay.svg |
101 | │ │ amazon-pay.svg |
102 | │ │ amazon.svg |
103 | │ │ amilia.svg |
104 | │ │ android.svg |
105 | │ │ angellist.svg |
106 | │ │ angrycreative.svg |
107 | │ │ angular.svg |
108 | │ │ app-store-ios.svg |
109 | │ │ app-store.svg |
110 | │ │ apper.svg |
111 | │ │ apple-pay.svg |
112 | │ │ apple.svg |
113 | │ │ artstation.svg |
114 | │ │ asymmetrik.svg |
115 | │ │ atlassian.svg |
116 | │ │ audible.svg |
117 | │ │ autoprefixer.svg |
118 | │ │ avianex.svg |
119 | │ │ aviato.svg |
120 | │ │ aws.svg |
121 | │ │ bandcamp.svg |
122 | │ │ battle-net.svg |
123 | │ │ behance-square.svg |
124 | │ │ behance.svg |
125 | │ │ bimobject.svg |
126 | │ │ bitbucket.svg |
127 | │ │ bitcoin.svg |
128 | │ │ bity.svg |
129 | │ │ black-tie.svg |
130 | │ │ blackberry.svg |
131 | │ │ blogger-b.svg |
132 | │ │ blogger.svg |
133 | │ │ bluetooth-b.svg |
134 | │ │ bluetooth.svg |
135 | │ │ bootstrap.svg |
136 | │ │ btc.svg |
137 | │ │ buffer.svg |
138 | │ │ buromobelexperte.svg |
139 | │ │ buysellads.svg |
140 | │ │ canadian-maple-leaf.svg |
141 | │ │ cc-amazon-pay.svg |
142 | │ │ cc-amex.svg |
143 | │ │ cc-apple-pay.svg |
144 | │ │ cc-diners-club.svg |
145 | │ │ cc-discover.svg |
146 | │ │ cc-jcb.svg |
147 | │ │ cc-mastercard.svg |
148 | │ │ cc-paypal.svg |
149 | │ │ cc-stripe.svg |
150 | │ │ cc-visa.svg |
151 | │ │ centercode.svg |
152 | │ │ centos.svg |
153 | │ │ chrome.svg |
154 | │ │ chromecast.svg |
155 | │ │ cloudscale.svg |
156 | │ │ cloudsmith.svg |
157 | │ │ cloudversify.svg |
158 | │ │ codepen.svg |
159 | │ │ codiepie.svg |
160 | │ │ confluence.svg |
161 | │ │ connectdevelop.svg |
162 | │ │ contao.svg |
163 | │ │ cpanel.svg |
164 | │ │ creative-commons-by.svg |
165 | │ │ creative-commons-nc-eu.svg |
166 | │ │ creative-commons-nc-jp.svg |
167 | │ │ creative-commons-nc.svg |
168 | │ │ creative-commons-nd.svg |
169 | │ │ creative-commons-pd-alt.svg |
170 | │ │ creative-commons-pd.svg |
171 | │ │ creative-commons-remix.svg |
172 | │ │ creative-commons-sa.svg |
173 | │ │ creative-commons-sampling-plus.svg |
174 | │ │ creative-commons-sampling.svg |
175 | │ │ creative-commons-share.svg |
176 | │ │ creative-commons-zero.svg |
177 | │ │ creative-commons.svg |
178 | │ │ critical-role.svg |
179 | │ │ css3-alt.svg |
180 | │ │ css3.svg |
181 | │ │ cuttlefish.svg |
182 | │ │ d-and-d-beyond.svg |
183 | │ │ d-and-d.svg |
184 | │ │ dashcube.svg |
185 | │ │ delicious.svg |
186 | │ │ deploydog.svg |
187 | │ │ deskpro.svg |
188 | │ │ dev.svg |
189 | │ │ deviantart.svg |
190 | │ │ dhl.svg |
191 | │ │ diaspora.svg |
192 | │ │ digg.svg |
193 | │ │ digital-ocean.svg |
194 | │ │ discord.svg |
195 | │ │ discourse.svg |
196 | │ │ dochub.svg |
197 | │ │ docker.svg |
198 | │ │ draft2digital.svg |
199 | │ │ dribbble-square.svg |
200 | │ │ dribbble.svg |
201 | │ │ dropbox.svg |
202 | │ │ drupal.svg |
203 | │ │ dyalog.svg |
204 | │ │ earlybirds.svg |
205 | │ │ ebay.svg |
206 | │ │ edge.svg |
207 | │ │ elementor.svg |
208 | │ │ ello.svg |
209 | │ │ ember.svg |
210 | │ │ empire.svg |
211 | │ │ envira.svg |
212 | │ │ erlang.svg |
213 | │ │ ethereum.svg |
214 | │ │ etsy.svg |
215 | │ │ evernote.svg |
216 | │ │ expeditedssl.svg |
217 | │ │ facebook-f.svg |
218 | │ │ facebook-messenger.svg |
219 | │ │ facebook-square.svg |
220 | │ │ facebook.svg |
221 | │ │ fantasy-flight-games.svg |
222 | │ │ fedex.svg |
223 | │ │ fedora.svg |
224 | │ │ figma.svg |
225 | │ │ firefox.svg |
226 | │ │ first-order-alt.svg |
227 | │ │ first-order.svg |
228 | │ │ firstdraft.svg |
229 | │ │ flickr.svg |
230 | │ │ flipboard.svg |
231 | │ │ fly.svg |
232 | │ │ font-awesome-alt.svg |
233 | │ │ font-awesome-flag.svg |
234 | │ │ font-awesome-logo-full.svg |
235 | │ │ font-awesome.svg |
236 | │ │ fonticons-fi.svg |
237 | │ │ fonticons.svg |
238 | │ │ fort-awesome-alt.svg |
239 | │ │ fort-awesome.svg |
240 | │ │ forumbee.svg |
241 | │ │ foursquare.svg |
242 | │ │ free-code-camp.svg |
243 | │ │ freebsd.svg |
244 | │ │ fulcrum.svg |
245 | │ │ galactic-republic.svg |
246 | │ │ galactic-senate.svg |
247 | │ │ get-pocket.svg |
248 | │ │ gg-circle.svg |
249 | │ │ gg.svg |
250 | │ │ git-square.svg |
251 | │ │ git.svg |
252 | │ │ github-alt.svg |
253 | │ │ github-square.svg |
254 | │ │ github.svg |
255 | │ │ gitkraken.svg |
256 | │ │ gitlab.svg |
257 | │ │ gitter.svg |
258 | │ │ glide-g.svg |
259 | │ │ glide.svg |
260 | │ │ gofore.svg |
261 | │ │ goodreads-g.svg |
262 | │ │ goodreads.svg |
263 | │ │ google-drive.svg |
264 | │ │ google-play.svg |
265 | │ │ google-plus-g.svg |
266 | │ │ google-plus-square.svg |
267 | │ │ google-plus.svg |
268 | │ │ google-wallet.svg |
269 | │ │ google.svg |
270 | │ │ gratipay.svg |
271 | │ │ grav.svg |
272 | │ │ gripfire.svg |
273 | │ │ grunt.svg |
274 | │ │ gulp.svg |
275 | │ │ hacker-news-square.svg |
276 | │ │ hacker-news.svg |
277 | │ │ hackerrank.svg |
278 | │ │ hips.svg |
279 | │ │ hire-a-helper.svg |
280 | │ │ hooli.svg |
281 | │ │ hornbill.svg |
282 | │ │ hotjar.svg |
283 | │ │ houzz.svg |
284 | │ │ html5.svg |
285 | │ │ hubspot.svg |
286 | │ │ imdb.svg |
287 | │ │ instagram.svg |
288 | │ │ intercom.svg |
289 | │ │ internet-explorer.svg |
290 | │ │ invision.svg |
291 | │ │ ioxhost.svg |
292 | │ │ itch-io.svg |
293 | │ │ itunes-note.svg |
294 | │ │ itunes.svg |
295 | │ │ java.svg |
296 | │ │ jedi-order.svg |
297 | │ │ jenkins.svg |
298 | │ │ jira.svg |
299 | │ │ joget.svg |
300 | │ │ joomla.svg |
301 | │ │ js-square.svg |
302 | │ │ js.svg |
303 | │ │ jsfiddle.svg |
304 | │ │ kaggle.svg |
305 | │ │ keybase.svg |
306 | │ │ keycdn.svg |
307 | │ │ kickstarter-k.svg |
308 | │ │ kickstarter.svg |
309 | │ │ korvue.svg |
310 | │ │ laravel.svg |
311 | │ │ lastfm-square.svg |
312 | │ │ lastfm.svg |
313 | │ │ leanpub.svg |
314 | │ │ less.svg |
315 | │ │ line.svg |
316 | │ │ linkedin-in.svg |
317 | │ │ linkedin.svg |
318 | │ │ linode.svg |
319 | │ │ linux.svg |
320 | │ │ lyft.svg |
321 | │ │ magento.svg |
322 | │ │ mailchimp.svg |
323 | │ │ mandalorian.svg |
324 | │ │ markdown.svg |
325 | │ │ mastodon.svg |
326 | │ │ maxcdn.svg |
327 | │ │ medapps.svg |
328 | │ │ medium-m.svg |
329 | │ │ medium.svg |
330 | │ │ medrt.svg |
331 | │ │ meetup.svg |
332 | │ │ megaport.svg |
333 | │ │ mendeley.svg |
334 | │ │ microsoft.svg |
335 | │ │ mix.svg |
336 | │ │ mixcloud.svg |
337 | │ │ mizuni.svg |
338 | │ │ modx.svg |
339 | │ │ monero.svg |
340 | │ │ napster.svg |
341 | │ │ neos.svg |
342 | │ │ nimblr.svg |
343 | │ │ nintendo-switch.svg |
344 | │ │ node-js.svg |
345 | │ │ node.svg |
346 | │ │ npm.svg |
347 | │ │ ns8.svg |
348 | │ │ nutritionix.svg |
349 | │ │ odnoklassniki-square.svg |
350 | │ │ odnoklassniki.svg |
351 | │ │ old-republic.svg |
352 | │ │ opencart.svg |
353 | │ │ openid.svg |
354 | │ │ opera.svg |
355 | │ │ optin-monster.svg |
356 | │ │ osi.svg |
357 | │ │ page4.svg |
358 | │ │ pagelines.svg |
359 | │ │ palfed.svg |
360 | │ │ patreon.svg |
361 | │ │ paypal.svg |
362 | │ │ penny-arcade.svg |
363 | │ │ periscope.svg |
364 | │ │ phabricator.svg |
365 | │ │ phoenix-framework.svg |
366 | │ │ phoenix-squadron.svg |
367 | │ │ php.svg |
368 | │ │ pied-piper-alt.svg |
369 | │ │ pied-piper-hat.svg |
370 | │ │ pied-piper-pp.svg |
371 | │ │ pied-piper.svg |
372 | │ │ pinterest-p.svg |
373 | │ │ pinterest-square.svg |
374 | │ │ pinterest.svg |
375 | │ │ playstation.svg |
376 | │ │ product-hunt.svg |
377 | │ │ pushed.svg |
378 | │ │ python.svg |
379 | │ │ qq.svg |
380 | │ │ quinscape.svg |
381 | │ │ quora.svg |
382 | │ │ r-project.svg |
383 | │ │ raspberry-pi.svg |
384 | │ │ ravelry.svg |
385 | │ │ react.svg |
386 | │ │ reacteurope.svg |
387 | │ │ readme.svg |
388 | │ │ rebel.svg |
389 | │ │ red-river.svg |
390 | │ │ reddit-alien.svg |
391 | │ │ reddit-square.svg |
392 | │ │ reddit.svg |
393 | │ │ redhat.svg |
394 | │ │ renren.svg |
395 | │ │ replyd.svg |
396 | │ │ researchgate.svg |
397 | │ │ resolving.svg |
398 | │ │ rev.svg |
399 | │ │ rocketchat.svg |
400 | │ │ rockrms.svg |
401 | │ │ safari.svg |
402 | │ │ salesforce.svg |
403 | │ │ sass.svg |
404 | │ │ schlix.svg |
405 | │ │ scribd.svg |
406 | │ │ searchengin.svg |
407 | │ │ sellcast.svg |
408 | │ │ sellsy.svg |
409 | │ │ servicestack.svg |
410 | │ │ shirtsinbulk.svg |
411 | │ │ shopware.svg |
412 | │ │ simplybuilt.svg |
413 | │ │ sistrix.svg |
414 | │ │ sith.svg |
415 | │ │ sketch.svg |
416 | │ │ skyatlas.svg |
417 | │ │ skype.svg |
418 | │ │ slack-hash.svg |
419 | │ │ slack.svg |
420 | │ │ slideshare.svg |
421 | │ │ snapchat-ghost.svg |
422 | │ │ snapchat-square.svg |
423 | │ │ snapchat.svg |
424 | │ │ soundcloud.svg |
425 | │ │ sourcetree.svg |
426 | │ │ speakap.svg |
427 | │ │ speaker-deck.svg |
428 | │ │ spotify.svg |
429 | │ │ squarespace.svg |
430 | │ │ stack-exchange.svg |
431 | │ │ stack-overflow.svg |
432 | │ │ staylinked.svg |
433 | │ │ steam-square.svg |
434 | │ │ steam-symbol.svg |
435 | │ │ steam.svg |
436 | │ │ sticker-mule.svg |
437 | │ │ strava.svg |
438 | │ │ stripe-s.svg |
439 | │ │ stripe.svg |
440 | │ │ studiovinari.svg |
441 | │ │ stumbleupon-circle.svg |
442 | │ │ stumbleupon.svg |
443 | │ │ superpowers.svg |
444 | │ │ supple.svg |
445 | │ │ suse.svg |
446 | │ │ symfony.svg |
447 | │ │ teamspeak.svg |
448 | │ │ telegram-plane.svg |
449 | │ │ telegram.svg |
450 | │ │ tencent-weibo.svg |
451 | │ │ the-red-yeti.svg |
452 | │ │ themeco.svg |
453 | │ │ themeisle.svg |
454 | │ │ think-peaks.svg |
455 | │ │ trade-federation.svg |
456 | │ │ trello.svg |
457 | │ │ tripadvisor.svg |
458 | │ │ tumblr-square.svg |
459 | │ │ tumblr.svg |
460 | │ │ twitch.svg |
461 | │ │ twitter-square.svg |
462 | │ │ twitter.svg |
463 | │ │ typo3.svg |
464 | │ │ uber.svg |
465 | │ │ ubuntu.svg |
466 | │ │ uikit.svg |
467 | │ │ uniregistry.svg |
468 | │ │ untappd.svg |
469 | │ │ ups.svg |
470 | │ │ usb.svg |
471 | │ │ usps.svg |
472 | │ │ ussunnah.svg |
473 | │ │ vaadin.svg |
474 | │ │ viacoin.svg |
475 | │ │ viadeo-square.svg |
476 | │ │ viadeo.svg |
477 | │ │ viber.svg |
478 | │ │ vimeo-square.svg |
479 | │ │ vimeo-v.svg |
480 | │ │ vimeo.svg |
481 | │ │ vine.svg |
482 | │ │ vk.svg |
483 | │ │ vnv.svg |
484 | │ │ vuejs.svg |
485 | │ │ waze.svg |
486 | │ │ weebly.svg |
487 | │ │ weibo.svg |
488 | │ │ weixin.svg |
489 | │ │ whatsapp-square.svg |
490 | │ │ whatsapp.svg |
491 | │ │ whmcs.svg |
492 | │ │ wikipedia-w.svg |
493 | │ │ windows.svg |
494 | │ │ wix.svg |
495 | │ │ wizards-of-the-coast.svg |
496 | │ │ wolf-pack-battalion.svg |
497 | │ │ wordpress-simple.svg |
498 | │ │ wordpress.svg |
499 | │ │ wpbeginner.svg |
500 | │ │ wpexplorer.svg |
501 | │ │ wpforms.svg |
502 | │ │ wpressr.svg |
503 | │ │ xbox.svg |
504 | │ │ xing-square.svg |
505 | │ │ xing.svg |
506 | │ │ y-combinator.svg |
507 | │ │ yahoo.svg |
508 | │ │ yammer.svg |
509 | │ │ yandex-international.svg |
510 | │ │ yandex.svg |
511 | │ │ yarn.svg |
512 | │ │ yelp.svg |
513 | │ │ yoast.svg |
514 | │ │ youtube-square.svg |
515 | │ │ youtube.svg |
516 | │ │ zhihu.svg |
517 | │ │ |
518 | │ ├─regular |
519 | │ │ address-book.svg |
520 | │ │ address-card.svg |
521 | │ │ angry.svg |
522 | │ │ arrow-alt-circle-down.svg |
523 | │ │ arrow-alt-circle-left.svg |
524 | │ │ arrow-alt-circle-right.svg |
525 | │ │ arrow-alt-circle-up.svg |
526 | │ │ bell-slash.svg |
527 | │ │ bell.svg |
528 | │ │ bookmark.svg |
529 | │ │ building.svg |
530 | │ │ calendar-alt.svg |
531 | │ │ calendar-check.svg |
532 | │ │ calendar-minus.svg |
533 | │ │ calendar-plus.svg |
534 | │ │ calendar-times.svg |
535 | │ │ calendar.svg |
536 | │ │ caret-square-down.svg |
537 | │ │ caret-square-left.svg |
538 | │ │ caret-square-right.svg |
539 | │ │ caret-square-up.svg |
540 | │ │ chart-bar.svg |
541 | │ │ check-circle.svg |
542 | │ │ check-square.svg |
543 | │ │ circle.svg |
544 | │ │ clipboard.svg |
545 | │ │ clock.svg |
546 | │ │ clone.svg |
547 | │ │ closed-captioning.svg |
548 | │ │ comment-alt.svg |
549 | │ │ comment-dots.svg |
550 | │ │ comment.svg |
551 | │ │ comments.svg |
552 | │ │ compass.svg |
553 | │ │ copy.svg |
554 | │ │ copyright.svg |
555 | │ │ credit-card.svg |
556 | │ │ dizzy.svg |
557 | │ │ dot-circle.svg |
558 | │ │ edit.svg |
559 | │ │ envelope-open.svg |
560 | │ │ envelope.svg |
561 | │ │ eye-slash.svg |
562 | │ │ eye.svg |
563 | │ │ file-alt.svg |
564 | │ │ file-archive.svg |
565 | │ │ file-audio.svg |
566 | │ │ file-code.svg |
567 | │ │ file-excel.svg |
568 | │ │ file-image.svg |
569 | │ │ file-pdf.svg |
570 | │ │ file-powerpoint.svg |
571 | │ │ file-video.svg |
572 | │ │ file-word.svg |
573 | │ │ file.svg |
574 | │ │ flag.svg |
575 | │ │ flushed.svg |
576 | │ │ folder-open.svg |
577 | │ │ folder.svg |
578 | │ │ font-awesome-logo-full.svg |
579 | │ │ frown-open.svg |
580 | │ │ frown.svg |
581 | │ │ futbol.svg |
582 | │ │ gem.svg |
583 | │ │ grimace.svg |
584 | │ │ grin-alt.svg |
585 | │ │ grin-beam-sweat.svg |
586 | │ │ grin-beam.svg |
587 | │ │ grin-hearts.svg |
588 | │ │ grin-squint-tears.svg |
589 | │ │ grin-squint.svg |
590 | │ │ grin-stars.svg |
591 | │ │ grin-tears.svg |
592 | │ │ grin-tongue-squint.svg |
593 | │ │ grin-tongue-wink.svg |
594 | │ │ grin-tongue.svg |
595 | │ │ grin-wink.svg |
596 | │ │ grin.svg |
597 | │ │ hand-lizard.svg |
598 | │ │ hand-paper.svg |
599 | │ │ hand-peace.svg |
600 | │ │ hand-point-down.svg |
601 | │ │ hand-point-left.svg |
602 | │ │ hand-point-right.svg |
603 | │ │ hand-point-up.svg |
604 | │ │ hand-pointer.svg |
605 | │ │ hand-rock.svg |
606 | │ │ hand-scissors.svg |
607 | │ │ hand-spock.svg |
608 | │ │ handshake.svg |
609 | │ │ hdd.svg |
610 | │ │ heart.svg |
611 | │ │ hospital.svg |
612 | │ │ hourglass.svg |
613 | │ │ id-badge.svg |
614 | │ │ id-card.svg |
615 | │ │ image.svg |
616 | │ │ images.svg |
617 | │ │ keyboard.svg |
618 | │ │ kiss-beam.svg |
619 | │ │ kiss-wink-heart.svg |
620 | │ │ kiss.svg |
621 | │ │ laugh-beam.svg |
622 | │ │ laugh-squint.svg |
623 | │ │ laugh-wink.svg |
624 | │ │ laugh.svg |
625 | │ │ lemon.svg |
626 | │ │ life-ring.svg |
627 | │ │ lightbulb.svg |
628 | │ │ list-alt.svg |
629 | │ │ map.svg |
630 | │ │ meh-blank.svg |
631 | │ │ meh-rolling-eyes.svg |
632 | │ │ meh.svg |
633 | │ │ minus-square.svg |
634 | │ │ money-bill-alt.svg |
635 | │ │ moon.svg |
636 | │ │ newspaper.svg |
637 | │ │ object-group.svg |
638 | │ │ object-ungroup.svg |
639 | │ │ paper-plane.svg |
640 | │ │ pause-circle.svg |
641 | │ │ play-circle.svg |
642 | │ │ plus-square.svg |
643 | │ │ question-circle.svg |
644 | │ │ registered.svg |
645 | │ │ sad-cry.svg |
646 | │ │ sad-tear.svg |
647 | │ │ save.svg |
648 | │ │ share-square.svg |
649 | │ │ smile-beam.svg |
650 | │ │ smile-wink.svg |
651 | │ │ smile.svg |
652 | │ │ snowflake.svg |
653 | │ │ square.svg |
654 | │ │ star-half.svg |
655 | │ │ star.svg |
656 | │ │ sticky-note.svg |
657 | │ │ stop-circle.svg |
658 | │ │ sun.svg |
659 | │ │ surprise.svg |
660 | │ │ thumbs-down.svg |
661 | │ │ thumbs-up.svg |
662 | │ │ times-circle.svg |
663 | │ │ tired.svg |
664 | │ │ trash-alt.svg |
665 | │ │ user-circle.svg |
666 | │ │ user.svg |
667 | │ │ window-close.svg |
668 | │ │ window-maximize.svg |
669 | │ │ window-minimize.svg |
670 | │ │ window-restore.svg |
671 | │ │ |
672 | │ └─solid |
673 | │ ad.svg |
674 | │ address-book.svg |
675 | │ address-card.svg |
676 | │ adjust.svg |
677 | │ air-freshener.svg |
678 | │ align-center.svg |
679 | │ align-justify.svg |
680 | │ align-left.svg |
681 | │ align-right.svg |
682 | │ allergies.svg |
683 | │ ambulance.svg |
684 | │ american-sign-language-interpreting.svg |
685 | │ anchor.svg |
686 | │ angle-double-down.svg |
687 | │ angle-double-left.svg |
688 | │ angle-double-right.svg |
689 | │ angle-double-up.svg |
690 | │ angle-down.svg |
691 | │ angle-left.svg |
692 | │ angle-right.svg |
693 | │ angle-up.svg |
694 | │ angry.svg |
695 | │ ankh.svg |
696 | │ apple-alt.svg |
697 | │ archive.svg |
698 | │ archway.svg |
699 | │ arrow-alt-circle-down.svg |
700 | │ arrow-alt-circle-left.svg |
701 | │ arrow-alt-circle-right.svg |
702 | │ arrow-alt-circle-up.svg |
703 | │ arrow-circle-down.svg |
704 | │ arrow-circle-left.svg |
705 | │ arrow-circle-right.svg |
706 | │ arrow-circle-up.svg |
707 | │ arrow-down.svg |
708 | │ arrow-left.svg |
709 | │ arrow-right.svg |
710 | │ arrow-up.svg |
711 | │ arrows-alt-h.svg |
712 | │ arrows-alt-v.svg |
713 | │ arrows-alt.svg |
714 | │ assistive-listening-systems.svg |
715 | │ asterisk.svg |
716 | │ at.svg |
717 | │ atlas.svg |
718 | │ atom.svg |
719 | │ audio-description.svg |
720 | │ award.svg |
721 | │ baby-carriage.svg |
722 | │ baby.svg |
723 | │ backspace.svg |
724 | │ backward.svg |
725 | │ bacon.svg |
726 | │ balance-scale.svg |
727 | │ ban.svg |
728 | │ band-aid.svg |
729 | │ barcode.svg |
730 | │ bars.svg |
731 | │ baseball-ball.svg |
732 | │ basketball-ball.svg |
733 | │ bath.svg |
734 | │ battery-empty.svg |
735 | │ battery-full.svg |
736 | │ battery-half.svg |
737 | │ battery-quarter.svg |
738 | │ battery-three-quarters.svg |
739 | │ bed.svg |
740 | │ beer.svg |
741 | │ bell-slash.svg |
742 | │ bell.svg |
743 | │ bezier-curve.svg |
744 | │ bible.svg |
745 | │ bicycle.svg |
746 | │ binoculars.svg |
747 | │ biohazard.svg |
748 | │ birthday-cake.svg |
749 | │ blender-phone.svg |
750 | │ blender.svg |
751 | │ blind.svg |
752 | │ blog.svg |
753 | │ bold.svg |
754 | │ bolt.svg |
755 | │ bomb.svg |
756 | │ bone.svg |
757 | │ bong.svg |
758 | │ book-dead.svg |
759 | │ book-medical.svg |
760 | │ book-open.svg |
761 | │ book-reader.svg |
762 | │ book.svg |
763 | │ bookmark.svg |
764 | │ bowling-ball.svg |
765 | │ box-open.svg |
766 | │ box.svg |
767 | │ boxes.svg |
768 | │ braille.svg |
769 | │ brain.svg |
770 | │ bread-slice.svg |
771 | │ briefcase-medical.svg |
772 | │ briefcase.svg |
773 | │ broadcast-tower.svg |
774 | │ broom.svg |
775 | │ brush.svg |
776 | │ bug.svg |
777 | │ building.svg |
778 | │ bullhorn.svg |
779 | │ bullseye.svg |
780 | │ burn.svg |
781 | │ bus-alt.svg |
782 | │ bus.svg |
783 | │ business-time.svg |
784 | │ calculator.svg |
785 | │ calendar-alt.svg |
786 | │ calendar-check.svg |
787 | │ calendar-day.svg |
788 | │ calendar-minus.svg |
789 | │ calendar-plus.svg |
790 | │ calendar-times.svg |
791 | │ calendar-week.svg |
792 | │ calendar.svg |
793 | │ camera-retro.svg |
794 | │ camera.svg |
795 | │ campground.svg |
796 | │ candy-cane.svg |
797 | │ cannabis.svg |
798 | │ capsules.svg |
799 | │ car-alt.svg |
800 | │ car-battery.svg |
801 | │ car-crash.svg |
802 | │ car-side.svg |
803 | │ car.svg |
804 | │ caret-down.svg |
805 | │ caret-left.svg |
806 | │ caret-right.svg |
807 | │ caret-square-down.svg |
808 | │ caret-square-left.svg |
809 | │ caret-square-right.svg |
810 | │ caret-square-up.svg |
811 | │ caret-up.svg |
812 | │ carrot.svg |
813 | │ cart-arrow-down.svg |
814 | │ cart-plus.svg |
815 | │ cash-register.svg |
816 | │ cat.svg |
817 | │ certificate.svg |
818 | │ chair.svg |
819 | │ chalkboard-teacher.svg |
820 | │ chalkboard.svg |
821 | │ charging-station.svg |
822 | │ chart-area.svg |
823 | │ chart-bar.svg |
824 | │ chart-line.svg |
825 | │ chart-pie.svg |
826 | │ check-circle.svg |
827 | │ check-double.svg |
828 | │ check-square.svg |
829 | │ check.svg |
830 | │ cheese.svg |
831 | │ chess-bishop.svg |
832 | │ chess-board.svg |
833 | │ chess-king.svg |
834 | │ chess-knight.svg |
835 | │ chess-pawn.svg |
836 | │ chess-queen.svg |
837 | │ chess-rook.svg |
838 | │ chess.svg |
839 | │ chevron-circle-down.svg |
840 | │ chevron-circle-left.svg |
841 | │ chevron-circle-right.svg |
842 | │ chevron-circle-up.svg |
843 | │ chevron-down.svg |
844 | │ chevron-left.svg |
845 | │ chevron-right.svg |
846 | │ chevron-up.svg |
847 | │ child.svg |
848 | │ church.svg |
849 | │ circle-notch.svg |
850 | │ circle.svg |
851 | │ city.svg |
852 | │ clinic-medical.svg |
853 | │ clipboard-check.svg |
854 | │ clipboard-list.svg |
855 | │ clipboard.svg |
856 | │ clock.svg |
857 | │ clone.svg |
858 | │ closed-captioning.svg |
859 | │ cloud-download-alt.svg |
860 | │ cloud-meatball.svg |
861 | │ cloud-moon-rain.svg |
862 | │ cloud-moon.svg |
863 | │ cloud-rain.svg |
864 | │ cloud-showers-heavy.svg |
865 | │ cloud-sun-rain.svg |
866 | │ cloud-sun.svg |
867 | │ cloud-upload-alt.svg |
868 | │ cloud.svg |
869 | │ cocktail.svg |
870 | │ code-branch.svg |
871 | │ code.svg |
872 | │ coffee.svg |
873 | │ cog.svg |
874 | │ cogs.svg |
875 | │ coins.svg |
876 | │ columns.svg |
877 | │ comment-alt.svg |
878 | │ comment-dollar.svg |
879 | │ comment-dots.svg |
880 | │ comment-medical.svg |
881 | │ comment-slash.svg |
882 | │ comment.svg |
883 | │ comments-dollar.svg |
884 | │ comments.svg |
885 | │ compact-disc.svg |
886 | │ compass.svg |
887 | │ compress-arrows-alt.svg |
888 | │ compress.svg |
889 | │ concierge-bell.svg |
890 | │ cookie-bite.svg |
891 | │ cookie.svg |
892 | │ copy.svg |
893 | │ copyright.svg |
894 | │ couch.svg |
895 | │ credit-card.svg |
896 | │ crop-alt.svg |
897 | │ crop.svg |
898 | │ cross.svg |
899 | │ crosshairs.svg |
900 | │ crow.svg |
901 | │ crown.svg |
902 | │ crutch.svg |
903 | │ cube.svg |
904 | │ cubes.svg |
905 | │ cut.svg |
906 | │ database.svg |
907 | │ deaf.svg |
908 | │ democrat.svg |
909 | │ desktop.svg |
910 | │ dharmachakra.svg |
911 | │ diagnoses.svg |
912 | │ dice-d20.svg |
913 | │ dice-d6.svg |
914 | │ dice-five.svg |
915 | │ dice-four.svg |
916 | │ dice-one.svg |
917 | │ dice-six.svg |
918 | │ dice-three.svg |
919 | │ dice-two.svg |
920 | │ dice.svg |
921 | │ digital-tachograph.svg |
922 | │ directions.svg |
923 | │ divide.svg |
924 | │ dizzy.svg |
925 | │ dna.svg |
926 | │ dog.svg |
927 | │ dollar-sign.svg |
928 | │ dolly-flatbed.svg |
929 | │ dolly.svg |
930 | │ donate.svg |
931 | │ door-closed.svg |
932 | │ door-open.svg |
933 | │ dot-circle.svg |
934 | │ dove.svg |
935 | │ download.svg |
936 | │ drafting-compass.svg |
937 | │ dragon.svg |
938 | │ draw-polygon.svg |
939 | │ drum-steelpan.svg |
940 | │ drum.svg |
941 | │ drumstick-bite.svg |
942 | │ dumbbell.svg |
943 | │ dumpster-fire.svg |
944 | │ dumpster.svg |
945 | │ dungeon.svg |
946 | │ edit.svg |
947 | │ egg.svg |
948 | │ eject.svg |
949 | │ ellipsis-h.svg |
950 | │ ellipsis-v.svg |
951 | │ envelope-open-text.svg |
952 | │ envelope-open.svg |
953 | │ envelope-square.svg |
954 | │ envelope.svg |
955 | │ equals.svg |
956 | │ eraser.svg |
957 | │ ethernet.svg |
958 | │ euro-sign.svg |
959 | │ exchange-alt.svg |
960 | │ exclamation-circle.svg |
961 | │ exclamation-triangle.svg |
962 | │ exclamation.svg |
963 | │ expand-arrows-alt.svg |
964 | │ expand.svg |
965 | │ external-link-alt.svg |
966 | │ external-link-square-alt.svg |
967 | │ eye-dropper.svg |
968 | │ eye-slash.svg |
969 | │ eye.svg |
970 | │ fast-backward.svg |
971 | │ fast-forward.svg |
972 | │ fax.svg |
973 | │ feather-alt.svg |
974 | │ feather.svg |
975 | │ female.svg |
976 | │ fighter-jet.svg |
977 | │ file-alt.svg |
978 | │ file-archive.svg |
979 | │ file-audio.svg |
980 | │ file-code.svg |
981 | │ file-contract.svg |
982 | │ file-csv.svg |
983 | │ file-download.svg |
984 | │ file-excel.svg |
985 | │ file-export.svg |
986 | │ file-image.svg |
987 | │ file-import.svg |
988 | │ file-invoice-dollar.svg |
989 | │ file-invoice.svg |
990 | │ file-medical-alt.svg |
991 | │ file-medical.svg |
992 | │ file-pdf.svg |
993 | │ file-powerpoint.svg |
994 | │ file-prescription.svg |
995 | │ file-signature.svg |
996 | │ file-upload.svg |
997 | │ file-video.svg |
998 | │ file-word.svg |
999 | │ file.svg |
1000 | │ fill-drip.svg |
1001 | │ fill.svg |
1002 | │ film.svg |
1003 | │ filter.svg |
1004 | │ fingerprint.svg |
1005 | │ fire-alt.svg |
1006 | │ fire-extinguisher.svg |
1007 | │ fire.svg |
1008 | │ first-aid.svg |
1009 | │ fish.svg |
1010 | │ fist-raised.svg |
1011 | │ flag-checkered.svg |
1012 | │ flag-usa.svg |
1013 | │ flag.svg |
1014 | │ flask.svg |
1015 | │ flushed.svg |
1016 | │ folder-minus.svg |
1017 | │ folder-open.svg |
1018 | │ folder-plus.svg |
1019 | │ folder.svg |
1020 | │ font-awesome-logo-full.svg |
1021 | │ font.svg |
1022 | │ football-ball.svg |
1023 | │ forward.svg |
1024 | │ frog.svg |
1025 | │ frown-open.svg |
1026 | │ frown.svg |
1027 | │ funnel-dollar.svg |
1028 | │ futbol.svg |
1029 | │ gamepad.svg |
1030 | │ gas-pump.svg |
1031 | │ gavel.svg |
1032 | │ gem.svg |
1033 | │ genderless.svg |
1034 | │ ghost.svg |
1035 | │ gift.svg |
1036 | │ gifts.svg |
1037 | │ glass-cheers.svg |
1038 | │ glass-martini-alt.svg |
1039 | │ glass-martini.svg |
1040 | │ glass-whiskey.svg |
1041 | │ glasses.svg |
1042 | │ globe-africa.svg |
1043 | │ globe-americas.svg |
1044 | │ globe-asia.svg |
1045 | │ globe-europe.svg |
1046 | │ globe.svg |
1047 | │ golf-ball.svg |
1048 | │ gopuram.svg |
1049 | │ graduation-cap.svg |
1050 | │ greater-than-equal.svg |
1051 | │ greater-than.svg |
1052 | │ grimace.svg |
1053 | │ grin-alt.svg |
1054 | │ grin-beam-sweat.svg |
1055 | │ grin-beam.svg |
1056 | │ grin-hearts.svg |
1057 | │ grin-squint-tears.svg |
1058 | │ grin-squint.svg |
1059 | │ grin-stars.svg |
1060 | │ grin-tears.svg |
1061 | │ grin-tongue-squint.svg |
1062 | │ grin-tongue-wink.svg |
1063 | │ grin-tongue.svg |
1064 | │ grin-wink.svg |
1065 | │ grin.svg |
1066 | │ grip-horizontal.svg |
1067 | │ grip-lines-vertical.svg |
1068 | │ grip-lines.svg |
1069 | │ grip-vertical.svg |
1070 | │ guitar.svg |
1071 | │ h-square.svg |
1072 | │ hamburger.svg |
1073 | │ hammer.svg |
1074 | │ hamsa.svg |
1075 | │ hand-holding-heart.svg |
1076 | │ hand-holding-usd.svg |
1077 | │ hand-holding.svg |
1078 | │ hand-lizard.svg |
1079 | │ hand-middle-finger.svg |
1080 | │ hand-paper.svg |
1081 | │ hand-peace.svg |
1082 | │ hand-point-down.svg |
1083 | │ hand-point-left.svg |
1084 | │ hand-point-right.svg |
1085 | │ hand-point-up.svg |
1086 | │ hand-pointer.svg |
1087 | │ hand-rock.svg |
1088 | │ hand-scissors.svg |
1089 | │ hand-spock.svg |
1090 | │ hands-helping.svg |
1091 | │ hands.svg |
1092 | │ handshake.svg |
1093 | │ hanukiah.svg |
1094 | │ hard-hat.svg |
1095 | │ hashtag.svg |
1096 | │ hat-wizard.svg |
1097 | │ haykal.svg |
1098 | │ hdd.svg |
1099 | │ heading.svg |
1100 | │ headphones-alt.svg |
1101 | │ headphones.svg |
1102 | │ headset.svg |
1103 | │ heart-broken.svg |
1104 | │ heart.svg |
1105 | │ heartbeat.svg |
1106 | │ helicopter.svg |
1107 | │ highlighter.svg |
1108 | │ hiking.svg |
1109 | │ hippo.svg |
1110 | │ history.svg |
1111 | │ hockey-puck.svg |
1112 | │ holly-berry.svg |
1113 | │ home.svg |
1114 | │ horse-head.svg |
1115 | │ horse.svg |
1116 | │ hospital-alt.svg |
1117 | │ hospital-symbol.svg |
1118 | │ hospital.svg |
1119 | │ hot-tub.svg |
1120 | │ hotdog.svg |
1121 | │ hotel.svg |
1122 | │ hourglass-end.svg |
1123 | │ hourglass-half.svg |
1124 | │ hourglass-start.svg |
1125 | │ hourglass.svg |
1126 | │ house-damage.svg |
1127 | │ hryvnia.svg |
1128 | │ i-cursor.svg |
1129 | │ ice-cream.svg |
1130 | │ icicles.svg |
1131 | │ id-badge.svg |
1132 | │ id-card-alt.svg |
1133 | │ id-card.svg |
1134 | │ igloo.svg |
1135 | │ image.svg |
1136 | │ images.svg |
1137 | │ inbox.svg |
1138 | │ indent.svg |
1139 | │ industry.svg |
1140 | │ infinity.svg |
1141 | │ info-circle.svg |
1142 | │ info.svg |
1143 | │ italic.svg |
1144 | │ jedi.svg |
1145 | │ joint.svg |
1146 | │ journal-whills.svg |
1147 | │ kaaba.svg |
1148 | │ key.svg |
1149 | │ keyboard.svg |
1150 | │ khanda.svg |
1151 | │ kiss-beam.svg |
1152 | │ kiss-wink-heart.svg |
1153 | │ kiss.svg |
1154 | │ kiwi-bird.svg |
1155 | │ landmark.svg |
1156 | │ language.svg |
1157 | │ laptop-code.svg |
1158 | │ laptop-medical.svg |
1159 | │ laptop.svg |
1160 | │ laugh-beam.svg |
1161 | │ laugh-squint.svg |
1162 | │ laugh-wink.svg |
1163 | │ laugh.svg |
1164 | │ layer-group.svg |
1165 | │ leaf.svg |
1166 | │ lemon.svg |
1167 | │ less-than-equal.svg |
1168 | │ less-than.svg |
1169 | │ level-down-alt.svg |
1170 | │ level-up-alt.svg |
1171 | │ life-ring.svg |
1172 | │ lightbulb.svg |
1173 | │ link.svg |
1174 | │ lira-sign.svg |
1175 | │ list-alt.svg |
1176 | │ list-ol.svg |
1177 | │ list-ul.svg |
1178 | │ list.svg |
1179 | │ location-arrow.svg |
1180 | │ lock-open.svg |
1181 | │ lock.svg |
1182 | │ long-arrow-alt-down.svg |
1183 | │ long-arrow-alt-left.svg |
1184 | │ long-arrow-alt-right.svg |
1185 | │ long-arrow-alt-up.svg |
1186 | │ low-vision.svg |
1187 | │ luggage-cart.svg |
1188 | │ magic.svg |
1189 | │ magnet.svg |
1190 | │ mail-bulk.svg |
1191 | │ male.svg |
1192 | │ map-marked-alt.svg |
1193 | │ map-marked.svg |
1194 | │ map-marker-alt.svg |
1195 | │ map-marker.svg |
1196 | │ map-pin.svg |
1197 | │ map-signs.svg |
1198 | │ map.svg |
1199 | │ marker.svg |
1200 | │ mars-double.svg |
1201 | │ mars-stroke-h.svg |
1202 | │ mars-stroke-v.svg |
1203 | │ mars-stroke.svg |
1204 | │ mars.svg |
1205 | │ mask.svg |
1206 | │ medal.svg |
1207 | │ medkit.svg |
1208 | │ meh-blank.svg |
1209 | │ meh-rolling-eyes.svg |
1210 | │ meh.svg |
1211 | │ memory.svg |
1212 | │ menorah.svg |
1213 | │ mercury.svg |
1214 | │ meteor.svg |
1215 | │ microchip.svg |
1216 | │ microphone-alt-slash.svg |
1217 | │ microphone-alt.svg |
1218 | │ microphone-slash.svg |
1219 | │ microphone.svg |
1220 | │ microscope.svg |
1221 | │ minus-circle.svg |
1222 | │ minus-square.svg |
1223 | │ minus.svg |
1224 | │ mitten.svg |
1225 | │ mobile-alt.svg |
1226 | │ mobile.svg |
1227 | │ money-bill-alt.svg |
1228 | │ money-bill-wave-alt.svg |
1229 | │ money-bill-wave.svg |
1230 | │ money-bill.svg |
1231 | │ money-check-alt.svg |
1232 | │ money-check.svg |
1233 | │ monument.svg |
1234 | │ moon.svg |
1235 | │ mortar-pestle.svg |
1236 | │ mosque.svg |
1237 | │ motorcycle.svg |
1238 | │ mountain.svg |
1239 | │ mouse-pointer.svg |
1240 | │ mug-hot.svg |
1241 | │ music.svg |
1242 | │ network-wired.svg |
1243 | │ neuter.svg |
1244 | │ newspaper.svg |
1245 | │ not-equal.svg |
1246 | │ notes-medical.svg |
1247 | │ object-group.svg |
1248 | │ object-ungroup.svg |
1249 | │ oil-can.svg |
1250 | │ om.svg |
1251 | │ otter.svg |
1252 | │ outdent.svg |
1253 | │ pager.svg |
1254 | │ paint-brush.svg |
1255 | │ paint-roller.svg |
1256 | │ palette.svg |
1257 | │ pallet.svg |
1258 | │ paper-plane.svg |
1259 | │ paperclip.svg |
1260 | │ parachute-box.svg |
1261 | │ paragraph.svg |
1262 | │ parking.svg |
1263 | │ passport.svg |
1264 | │ pastafarianism.svg |
1265 | │ paste.svg |
1266 | │ pause-circle.svg |
1267 | │ pause.svg |
1268 | │ paw.svg |
1269 | │ peace.svg |
1270 | │ pen-alt.svg |
1271 | │ pen-fancy.svg |
1272 | │ pen-nib.svg |
1273 | │ pen-square.svg |
1274 | │ pen.svg |
1275 | │ pencil-alt.svg |
1276 | │ pencil-ruler.svg |
1277 | │ people-carry.svg |
1278 | │ pepper-hot.svg |
1279 | │ percent.svg |
1280 | │ percentage.svg |
1281 | │ person-booth.svg |
1282 | │ phone-slash.svg |
1283 | │ phone-square.svg |
1284 | │ phone-volume.svg |
1285 | │ phone.svg |
1286 | │ piggy-bank.svg |
1287 | │ pills.svg |
1288 | │ pizza-slice.svg |
1289 | │ place-of-worship.svg |
1290 | │ plane-arrival.svg |
1291 | │ plane-departure.svg |
1292 | │ plane.svg |
1293 | │ play-circle.svg |
1294 | │ play.svg |
1295 | │ plug.svg |
1296 | │ plus-circle.svg |
1297 | │ plus-square.svg |
1298 | │ plus.svg |
1299 | │ podcast.svg |
1300 | │ poll-h.svg |
1301 | │ poll.svg |
1302 | │ poo-storm.svg |
1303 | │ poo.svg |
1304 | │ poop.svg |
1305 | │ portrait.svg |
1306 | │ pound-sign.svg |
1307 | │ power-off.svg |
1308 | │ pray.svg |
1309 | │ praying-hands.svg |
1310 | │ prescription-bottle-alt.svg |
1311 | │ prescription-bottle.svg |
1312 | │ prescription.svg |
1313 | │ print.svg |
1314 | │ procedures.svg |
1315 | │ project-diagram.svg |
1316 | │ puzzle-piece.svg |
1317 | │ qrcode.svg |
1318 | │ question-circle.svg |
1319 | │ question.svg |
1320 | │ quidditch.svg |
1321 | │ quote-left.svg |
1322 | │ quote-right.svg |
1323 | │ quran.svg |
1324 | │ radiation-alt.svg |
1325 | │ radiation.svg |
1326 | │ rainbow.svg |
1327 | │ random.svg |
1328 | │ receipt.svg |
1329 | │ recycle.svg |
1330 | │ redo-alt.svg |
1331 | │ redo.svg |
1332 | │ registered.svg |
1333 | │ reply-all.svg |
1334 | │ reply.svg |
1335 | │ republican.svg |
1336 | │ restroom.svg |
1337 | │ retweet.svg |
1338 | │ ribbon.svg |
1339 | │ ring.svg |
1340 | │ road.svg |
1341 | │ robot.svg |
1342 | │ rocket.svg |
1343 | │ route.svg |
1344 | │ rss-square.svg |
1345 | │ rss.svg |
1346 | │ ruble-sign.svg |
1347 | │ ruler-combined.svg |
1348 | │ ruler-horizontal.svg |
1349 | │ ruler-vertical.svg |
1350 | │ ruler.svg |
1351 | │ running.svg |
1352 | │ rupee-sign.svg |
1353 | │ sad-cry.svg |
1354 | │ sad-tear.svg |
1355 | │ satellite-dish.svg |
1356 | │ satellite.svg |
1357 | │ save.svg |
1358 | │ school.svg |
1359 | │ screwdriver.svg |
1360 | │ scroll.svg |
1361 | │ sd-card.svg |
1362 | │ search-dollar.svg |
1363 | │ search-location.svg |
1364 | │ search-minus.svg |
1365 | │ search-plus.svg |
1366 | │ search.svg |
1367 | │ seedling.svg |
1368 | │ server.svg |
1369 | │ shapes.svg |
1370 | │ share-alt-square.svg |
1371 | │ share-alt.svg |
1372 | │ share-square.svg |
1373 | │ share.svg |
1374 | │ shekel-sign.svg |
1375 | │ shield-alt.svg |
1376 | │ ship.svg |
1377 | │ shipping-fast.svg |
1378 | │ shoe-prints.svg |
1379 | │ shopping-bag.svg |
1380 | │ shopping-basket.svg |
1381 | │ shopping-cart.svg |
1382 | │ shower.svg |
1383 | │ shuttle-van.svg |
1384 | │ sign-in-alt.svg |
1385 | │ sign-language.svg |
1386 | │ sign-out-alt.svg |
1387 | │ sign.svg |
1388 | │ signal.svg |
1389 | │ signature.svg |
1390 | │ sim-card.svg |
1391 | │ sitemap.svg |
1392 | │ skating.svg |
1393 | │ skiing-nordic.svg |
1394 | │ skiing.svg |
1395 | │ skull-crossbones.svg |
1396 | │ skull.svg |
1397 | │ slash.svg |
1398 | │ sleigh.svg |
1399 | │ sliders-h.svg |
1400 | │ smile-beam.svg |
1401 | │ smile-wink.svg |
1402 | │ smile.svg |
1403 | │ smog.svg |
1404 | │ smoking-ban.svg |
1405 | │ smoking.svg |
1406 | │ sms.svg |
1407 | │ snowboarding.svg |
1408 | │ snowflake.svg |
1409 | │ snowman.svg |
1410 | │ snowplow.svg |
1411 | │ socks.svg |
1412 | │ solar-panel.svg |
1413 | │ sort-alpha-down.svg |
1414 | │ sort-alpha-up.svg |
1415 | │ sort-amount-down.svg |
1416 | │ sort-amount-up.svg |
1417 | │ sort-down.svg |
1418 | │ sort-numeric-down.svg |
1419 | │ sort-numeric-up.svg |
1420 | │ sort-up.svg |
1421 | │ sort.svg |
1422 | │ spa.svg |
1423 | │ space-shuttle.svg |
1424 | │ spider.svg |
1425 | │ spinner.svg |
1426 | │ splotch.svg |
1427 | │ spray-can.svg |
1428 | │ square-full.svg |
1429 | │ square-root-alt.svg |
1430 | │ square.svg |
1431 | │ stamp.svg |
1432 | │ star-and-crescent.svg |
1433 | │ star-half-alt.svg |
1434 | │ star-half.svg |
1435 | │ star-of-david.svg |
1436 | │ star-of-life.svg |
1437 | │ star.svg |
1438 | │ step-backward.svg |
1439 | │ step-forward.svg |
1440 | │ stethoscope.svg |
1441 | │ sticky-note.svg |
1442 | │ stop-circle.svg |
1443 | │ stop.svg |
1444 | │ stopwatch.svg |
1445 | │ store-alt.svg |
1446 | │ store.svg |
1447 | │ stream.svg |
1448 | │ street-view.svg |
1449 | │ strikethrough.svg |
1450 | │ stroopwafel.svg |
1451 | │ subscript.svg |
1452 | │ subway.svg |
1453 | │ suitcase-rolling.svg |
1454 | │ suitcase.svg |
1455 | │ sun.svg |
1456 | │ superscript.svg |
1457 | │ surprise.svg |
1458 | │ swatchbook.svg |
1459 | │ swimmer.svg |
1460 | │ swimming-pool.svg |
1461 | │ synagogue.svg |
1462 | │ sync-alt.svg |
1463 | │ sync.svg |
1464 | │ syringe.svg |
1465 | │ table-tennis.svg |
1466 | │ table.svg |
1467 | │ tablet-alt.svg |
1468 | │ tablet.svg |
1469 | │ tablets.svg |
1470 | │ tachometer-alt.svg |
1471 | │ tag.svg |
1472 | │ tags.svg |
1473 | │ tape.svg |
1474 | │ tasks.svg |
1475 | │ taxi.svg |
1476 | │ teeth-open.svg |
1477 | │ teeth.svg |
1478 | │ temperature-high.svg |
1479 | │ temperature-low.svg |
1480 | │ tenge.svg |
1481 | │ terminal.svg |
1482 | │ text-height.svg |
1483 | │ text-width.svg |
1484 | │ th-large.svg |
1485 | │ th-list.svg |
1486 | │ th.svg |
1487 | │ theater-masks.svg |
1488 | │ thermometer-empty.svg |
1489 | │ thermometer-full.svg |
1490 | │ thermometer-half.svg |
1491 | │ thermometer-quarter.svg |
1492 | │ thermometer-three-quarters.svg |
1493 | │ thermometer.svg |
1494 | │ thumbs-down.svg |
1495 | │ thumbs-up.svg |
1496 | │ thumbtack.svg |
1497 | │ ticket-alt.svg |
1498 | │ times-circle.svg |
1499 | │ times.svg |
1500 | │ tint-slash.svg |
1501 | │ tint.svg |
1502 | │ tired.svg |
1503 | │ toggle-off.svg |
1504 | │ toggle-on.svg |
1505 | │ toilet-paper.svg |
1506 | │ toilet.svg |
1507 | │ toolbox.svg |
1508 | │ tools.svg |
1509 | │ tooth.svg |
1510 | │ torah.svg |
1511 | │ torii-gate.svg |
1512 | │ tractor.svg |
1513 | │ trademark.svg |
1514 | │ traffic-light.svg |
1515 | │ train.svg |
1516 | │ tram.svg |
1517 | │ transgender-alt.svg |
1518 | │ transgender.svg |
1519 | │ trash-alt.svg |
1520 | │ trash-restore-alt.svg |
1521 | │ trash-restore.svg |
1522 | │ trash.svg |
1523 | │ tree.svg |
1524 | │ trophy.svg |
1525 | │ truck-loading.svg |
1526 | │ truck-monster.svg |
1527 | │ truck-moving.svg |
1528 | │ truck-pickup.svg |
1529 | │ truck.svg |
1530 | │ tshirt.svg |
1531 | │ tty.svg |
1532 | │ tv.svg |
1533 | │ umbrella-beach.svg |
1534 | │ umbrella.svg |
1535 | │ underline.svg |
1536 | │ undo-alt.svg |
1537 | │ undo.svg |
1538 | │ universal-access.svg |
1539 | │ university.svg |
1540 | │ unlink.svg |
1541 | │ unlock-alt.svg |
1542 | │ unlock.svg |
1543 | │ upload.svg |
1544 | │ user-alt-slash.svg |
1545 | │ user-alt.svg |
1546 | │ user-astronaut.svg |
1547 | │ user-check.svg |
1548 | │ user-circle.svg |
1549 | │ user-clock.svg |
1550 | │ user-cog.svg |
1551 | │ user-edit.svg |
1552 | │ user-friends.svg |
1553 | │ user-graduate.svg |
1554 | │ user-injured.svg |
1555 | │ user-lock.svg |
1556 | │ user-md.svg |
1557 | │ user-minus.svg |
1558 | │ user-ninja.svg |
1559 | │ user-nurse.svg |
1560 | │ user-plus.svg |
1561 | │ user-secret.svg |
1562 | │ user-shield.svg |
1563 | │ user-slash.svg |
1564 | │ user-tag.svg |
1565 | │ user-tie.svg |
1566 | │ user-times.svg |
1567 | │ user.svg |
1568 | │ users-cog.svg |
1569 | │ users.svg |
1570 | │ utensil-spoon.svg |
1571 | │ utensils.svg |
1572 | │ vector-square.svg |
1573 | │ venus-double.svg |
1574 | │ venus-mars.svg |
1575 | │ venus.svg |
1576 | │ vial.svg |
1577 | │ vials.svg |
1578 | │ video-slash.svg |
1579 | │ video.svg |
1580 | │ vihara.svg |
1581 | │ volleyball-ball.svg |
1582 | │ volume-down.svg |
1583 | │ volume-mute.svg |
1584 | │ volume-off.svg |
1585 | │ volume-up.svg |
1586 | │ vote-yea.svg |
1587 | │ vr-cardboard.svg |
1588 | │ walking.svg |
1589 | │ wallet.svg |
1590 | │ warehouse.svg |
1591 | │ water.svg |
1592 | │ wave-square.svg |
1593 | │ weight-hanging.svg |
1594 | │ weight.svg |
1595 | │ wheelchair.svg |
1596 | │ wifi.svg |
1597 | │ wind.svg |
1598 | │ window-close.svg |
1599 | │ window-maximize.svg |
1600 | │ window-minimize.svg |
1601 | │ window-restore.svg |
1602 | │ wine-bottle.svg |
1603 | │ wine-glass-alt.svg |
1604 | │ wine-glass.svg |
1605 | │ won-sign.svg |
1606 | │ wrench.svg |
1607 | │ x-ray.svg |
1608 | │ yen-sign.svg |
1609 | │ yin-yang.svg |
1610 | │ |
1611 | └─webfonts |
1612 | fa-brands-400.eot |
1613 | fa-brands-400.svg |
1614 | fa-brands-400.ttf |
1615 | fa-brands-400.woff |
1616 | fa-brands-400.woff2 |
1617 | fa-regular-400.eot |
1618 | fa-regular-400.svg |
1619 | fa-regular-400.ttf |
1620 | fa-regular-400.woff |
1621 | fa-regular-400.woff2 |
1622 | fa-solid-900.eot |
1623 | fa-solid-900.svg |
1624 | fa-solid-900.ttf |
1625 | fa-solid-900.woff |
1626 | fa-solid-900.woff2 |
Webfont版
WEBサイトを公開するサーバ上に、ダウンロードした「webfonts」フォルダと「css」フォルダをアップします。すべてのアイコンを利用する場合は「css」フォルダ内の「all.min.css」または「all.css」のみアップします。
1 | // サーバ上のデータ |
2 | ├─css |
3 | │ all.min.css |
4 | └─webfonts |
5 | fa-brands-400.eot |
6 | fa-brands-400.svg |
7 | fa-brands-400.ttf |
8 | fa-brands-400.woff |
9 | fa-brands-400.woff2 |
10 | fa-regular-400.eot |
11 | fa-regular-400.svg |
12 | fa-regular-400.ttf |
13 | fa-regular-400.woff |
14 | fa-regular-400.woff2 |
15 | fa-solid-900.eot |
16 | fa-solid-900.svg |
17 | fa-solid-900.ttf |
18 | fa-solid-900.woff |
19 | fa-solid-900.woff2 |
アイコンを表示したいページのHTMLソース内で、以下のようにスタイルシートを読み込みます。スタイルシート内に「webfonts」内のファイルを読み込むためのリンクが記述されていますので、フォルダ注意してください。
1 | < link rel = "stylesheet" href = "/css/all.min.css" > |
SVG版
WEBサイトを公開するサーバ上に、ダウンロードした「js」フォルダをアップします。すべてのアイコンを利用する場合は「css」フォルダ内の「all.min.js」または「all.js」のみアップします。
1 | // サーバ上のデータ |
2 | └─css |
3 | all.min.js |
アイコンを表示したいページのHTMLソース内で、以下のようにjavascriptを読み込みます。javascript内にSVG形式でアイコンの情報が記述されているので、javascriptのみでアイコンを表示することができます。
1 | < script defer src = "/js/all.js" ></ script > |
Font Awesome 5 の使用方法
アイコンを表示したいページのHTMLソース内で、アイコンを表示するiタグとクラス指定する方法と、ユニコードを使用する方法があります。
1 | // 記述例:フォントアイコン |
2 | < i class = "fas fa-font" ></ i > |
クラス指定の「fa-font」部分を変えることでアイコンを変更することができます。
Font Awesome 5のライセンス
Font Awesome Free のライセンスはMIT, SIL OFL, and CC BYにより、オープンソースとして個人、商用にも利用することが可能です。アイコンデータ、ソースコードごとライセンスが異なるので、詳しくはFont Awesome の公式サイトを参照ください。
Icons — CC BY 4.0 License
Fonts — SIL OFL 1.1 License
Code — MIT License