【HTML】Font Awesome 5 をWEBサイトに組み込む方法

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 のデータをダウンロードすると以下のファイルがセットになっています。

1fontawesome-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

関連記事

ロリポップの簡単インストールで「WordPress」のインストールに失敗した!?

WEBサイトを構築・公開するために必要となるレンタルサーバー。数あるレンタルサーバーの運営サービスで、価格も手ごろなロリポップを利用する方も多いと思います。ロリポップではWordPressを簡単にインストールすることができますが、簡単インストールの途中で「インストールできませんで...続きを読む

2017.09.17WordPressレンタルサーバロリポップ

【WP】標準ギャラリーをスライド式にするプラグイン『WordPress Canvas Gallery』

『WordPress Canvas Gallery』は、WordPressの標準ギャラリーをスライド式のギャラリーに対応させることができるプラグインです。 『WordPress Canvas Gallery』ダウンロード プラグインは「wordpress.org」のプ...続きを読む

2015.02.18WordPress

【WP】アップロードするメディアフォルダをカスタマイズする

wordpressでは画像などのメディアファイルを投稿すると初期設定では「投稿年」「投稿月」のフォルダが作られ、そのフォルダ内にデータがアップロードされます。 コーポレートサイトとして運用しカスタム投稿や固定ページを多く使用するような場合はカスタム投稿やページ毎に分けて...続きを読む

2015.03.13WordPress

藤枝おんぱく『着物でまちあるき』(4/25)

藤枝おんぱく『着物でまちあるき』(4/25)満開の藤が咲く蓮華寺池公園まで、お気に入りの着物で「まちあるき」をするプロジェクトです。八百年の歴史ある「熊谷山 蓮生寺」での着付け体験に加え、「匂い袋づくり」「着物とマナーの話」と盛り沢山の様子のフォトレポートをお届けします。 ...続きを読む

2015.05.01フォトギャラリー

魚時会館おさかな亭様WEBサイトの制作

藤枝市にある『魚時会館おさかな亭へ』様のWEBサイトの制作いたしました。魚時会館おさかな亭様は、藤枝駅より徒歩3分。昭和8年創業の老舗魚屋の目利きによる上質な海鮮料理、和食など静岡名物や料理を提供しおります。静岡県藤枝市で宴会・出前・法事・仕出し弁当のことなら魚時会館おさかな...続きを読む

2018.09.04WEBサイト制作