>> テーマ変更に伴い見づらい箇所や不具合があるかもしれません、ご迷惑をおかけします。→
PR

矢印アイコンフォントのコード32選まとめでサクっとコピー

Other
この記事は約6分で読めます。

 

 

Font Awesome」のフリーフォントです。

なんとフリーのものだけで1,500もあるので、よく使う、または使えそうなアイコンフォントのコードをまとめまています。
このページでは「矢印」のアイコンを32個載せています。

Font Awesomeアイコンフォントの使い方については以下をご覧ください。

Font Awesomeアイコンフォントのサイズ・向き等の変更とコードが消える対処法
当サイトでは Ver.5以降を使用しており、記事もすべて同様のバージョンでの利用に基づいています。 Ver.4.7を使っておられる方で、アイコンフォントを探したい場合は以下をご覧ください。 Font Awesome Ver.6 について 2...

その他のアイコンについては以下をご覧ください。

SNSなどのカラーコードとアイコンフォントまとめ
Twitter・Facebook・LINE・Instagram・YouTube・Tumblr・LinkedIn・はてなブックマーク・feedly・RSS・mixi・Skype・Dropbox・Vimeo・Yahoo・Amazon・楽天・Wo...
よく使うアイコンフォントのコード74選まとめでサクっとコピー
「Font Awesome」のフリーフォントです。 なんとフリーのものだけで1,500もあるので、よく使う、または使えそうなアイコンフォントのコードをまとめまています。 このページではよく使いそうなものに絞って71個載せています。 Font...
書類やクレカなどのアイコンフォントコード26選まとめでサクっとコピー
「Font Awesome」のフリーフォントです。 なんとフリーのものだけで1,500もあるので、よく使う、または使えそうなアイコンフォントのコードをまとめまています。 このページでは「書類」と「クレジットカード」などのアイコンを26個載せ...

 

当サイトでは Ver.5以降を使用しており、記事もすべて同様のバージョンでの利用に基づいています。

Ver.4.7を使っておられる方で、アイコンフォントを探したい場合は以下をご覧ください。

Font Awesomeアイコンフォント-バージョン4.7の使い方
利用方法 現時点では、バージョンは v5.7.2 となっています。 以下のコードを<head></head>内に貼る事で、利用可能です。 <link href=”” rel=”stylesheet”> 既に古いアイコンフォントを利用していて...

 

矢印

  f103
<i class="fas fa-angle-double-down"></i>
  f100
<i class="fas fa-angle-double-left"></i>
  f101
<i class="fas fa-angle-double-right"></i>
  f102
<i class="fas fa-angle-double-up"></i>
  f107
<i class="fas fa-angle-down"></i>
  f104
<i class="fas fa-angle-left"></i>
  f105
<i class="fas fa-angle-right"></i>
  f106
<i class="fas fa-angle-up"></i>
  f358
<i class="fas fa-arrow-alt-circle-down"></i>
  f359
<i class="fas fa-arrow-alt-circle-left"></i>
  f35a
<i class="fas fa-arrow-alt-circle-right"></i>
  f35b
<i class="fas fa-arrow-alt-circle-up"></i>
  f0ab
<i class="fas fa-arrow-circle-down"></i>
  f0a8
<i class="fas fa-arrow-circle-left"></i>
  f0a9
<i class="fas fa-arrow-circle-right"></i>
  f0aa
<i class="fas fa-arrow-circle-up"></i>
  f150
<i class="fas fa-caret-square-down"></i>
  f191
<i class="fas fa-caret-square-left"></i>
  f152
<i class="fas fa-caret-square-right"></i>
  f151
<i class="fas fa-caret-square-up"></i>
  f048
<i class="fas fa-step-backward"></i>
  f051
<i class="fas fa-step-forward"></i>
  f309
<i class="fas fa-long-arrow-alt-down"></i>
  f30a
<i class="fas fa-long-arrow-alt-left"></i>
  f30b
<i class="fas fa-long-arrow-alt-right"></i>
  f30c
<i class="fas fa-long-arrow-alt-up"></i>
  f0a5
<i class="fas fa-hand-point-left"></i>
  f0a4
<i class="fas fa-hand-point-right"></i>
  f064
<i class="fas fa-share"></i>
  f14d
<i class="fas fa-share-square"></i>
f2f6
<i class="fas fa-sign-in-alt"></i>
  f0e2
<i class="fas fa-undo"></i>

コメント

タイトルとURLをコピーしました