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

PR

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

Other

2019.02.27

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

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

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

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...

よく使うアイコンフォントのコード７４選まとめでサクっとコピー

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

書類やクレカなどのアイコンフォントコード２６選まとめでサクっとコピー

「Font Awesome」のフリーフォントです。なんとフリーのものだけで1,500もあるので、よく使う、または使えそうなアイコンフォントのコードをまとめまています。このページでは「書類」と「クレジットカード」などのアイコンを２６個載せ...

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

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

Font Awesomeアイコンフォント-バージョン4.7の使い方

利用方法現時点では、バージョンは　ｖ5.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をコピーしました