>> サイト内には広告が含まれます。プライバシーポリシーはこちら　→

PR

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

Other

2019.02.27

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

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

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

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

Font Awesomeアイコンフォントのサイズ・向き等の変更とコードが消える対処法

当サイトでは　Ver.5以降を使用しており、記事もすべて同様のバージョンでの利用に基づいています。Ver.4.7を使っておられる方で、アイコンフォントを探したい場合は以下をご覧ください。Font Awesome Ver.6　について2020...

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

SNSなどのカラーコードとアイコンフォントまとめ

Twitter・Facebook・LINE・Instagram・YouTube・Tumblr・LinkedIn・はてなブックマーク・feedly・RSS・mixi・Skype・Dropbox・Vimeo・Yahoo・Amazon・楽天・Wo...

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

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

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

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

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

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

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

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

目次

書類
カード

書類

f044

<i class="fas fa-edit"></i>

f24d

<i class="fas fa-clone"></i>

f328

<i class="fas fa-clipboard"></i>

f46c

<i class="fas fa-clipboard-check"></i>

f46d

<i class="fas fa-clipboard-list"></i>

f15b

<i class="fas fa-file"></i>

f15c

<i class="fas fa-file-alt"></i>

f6dd

<i class="fas fa-file-csv"></i>

f1c3

<i class="fas fa-file-excel"></i>

f1c2

<i class="fas fa-file-word"></i>

f2c1

<i class="far fa-id-badge"></i>

f2c2

<i class="far fa-id-card"></i>

f47f

<i class="fas fa-id-card-alt"></i>

f022

<i class="far fa-list-alt"></i>

f0cb

<i class="fas fa-list-ol"></i>

f0ca

<i class="fas fa-list-ul"></i>

カード

f1f3

<i class="fab fa-cc-amex"></i>

f416

<i class="fab fa-cc-apple-pay"></i>

f1f0

<i class="fab fa-cc-visa"></i>

f1f1

<i class="fab fa-cc-mastercard"></i>

f24b

<i class="fab fa-cc-jcb"></i>

f1f4

<i class="fab fa-cc-paypal"></i>

f42d

<i class="fab fa-cc-amazon-pay"></i>

f1f2

<i class="fab fa-cc-discover"></i>

f24c

<i class="fab fa-cc-diners-club"></i>

　

f1f5

<i class="fab fa-cc-stripe"></i>

コメント

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