>> 2024/1/25 サイトリニューアルにつき、見づらい箇所や不具合があるかもしれません、ご迷惑をおかけします。→

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

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

 

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

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

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...
矢印アイコンフォントのコード32選まとめでサクっとコピー
「Font Awesome」のフリーフォントです。 なんとフリーのものだけで1,500もあるので、よく使う、または使えそうなアイコンフォントのコードをまとめまています。 このページでは「矢印」のアイコンを32個載せています。 Font Aw...

 

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

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

Font Awesomeアイコンフォント-バージョン4.7の使い方
利用方法 現時点では、バージョンは v5.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をコピーしました