「icongram」はEntypo・ Feather・Font Awesomeといった種類も多く有名なアイコンフォントを
手軽に表示させることができるもので、簡単にアイコンを表示させることができます。

この文章はダミーです。

文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、

この文章はダミーです。

文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、

この文章はダミーです。

文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、

この文章はダミーです。

文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、

この文章はダミーです。

文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、

この文章はダミーです。

文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、

この文章はダミーです。

文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、

この文章はダミーです。

文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、

この文章はダミーです。

文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、

 

 

 

 

 

アイコンリストサイト https://icongr.am/fontawesome
Quicktags アイコン挿入
挿入タグ <img src=”https://icongr.am/カテゴリ/アイコン.svg?size=文字の大きさ&amp;color=文字色コード6桁” />
カテゴリ https://icongr.am/fontawesome/{icon}.svg?size={number}&color={hex}
左メニューを選択して、ページ上部のURLこの場合は赤字部分
アイコン アイコン画像アイコンの右側にあるアイコン名
文字の大きさ 半角数字で大きさを指定
文字色コード6桁 色コードを6桁の英数字で入れる 色コードは原色大辞典などを参考にしてください
コードの差し替え例 <img src=”https://icongr.am/fontawesome/angellist.svg?size=72&amp;color=b3add1” />
どこにでも入れられる ?アイコン挿入で、どこにでも入れられます

 

 

このように100の大きさで表示してみる

画像の変わりに、アイコンを大きく中央表示にいれることで、レイアウトにリズムができて、
読みやすくなる。「箸休め」のような効果や、注目してもらう効果があります。



流れを説明する時に使えます

色をかえることで雰囲気がかわります

通常の数字よりもキャッチー

読み進めたくなります

この色群は洋色です

もちろんアイコンの大きさも自由。これは72です

Material Designには他の種類の数字があります

他の数字もためしてください

サイトのイメージにあわせてください

数字は0から9まであります