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

書類やクレカなどのアイコンフォントコード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をコピーしました