Web フォント
Webフォントで,アイコンを表示できます。
Font Awesome サイト
Font Awesome のサイトで,アイコンを選んで,アイコンのコードをコピー貼り付けすると,アイコンが表示されます。
<i class="fa fa-car"></i>
<i class="fa fa-bed"></i>
<i class="fa fa-child"></i>
<i class="fa fa-tree"></i>
<i class="fa fa-leaf"></i>
<i class="fa fa-bell"></i>
<i class="fa fa-train"></i>
<i class="fa fa-home"></i>
<i class="fa fa-phone"></i>
<i class="fa fa-flag"></i>
<i class="fa fa-arrow-circle-o-right"></i>
アイコンは,サイズを変えることができます。
<i class="fa fa-star"></i>
<i class="fa fa-star fa-lg"></i>
<i class="fa fa-star fa-2x"></i>
<i class="fa fa-star fa-3x"></i>
<i class="fa fa-star fa-4x"></i>
<i class="fa fa-star fa-5x"></i>
アイコンに,色をつけることができます。
<i class="fa fa-music"></i>
<i class="fa fa-music green"></i>
<i class="fa fa-music yellow"></i>
<i class="fa fa-music red"></i>
<i class="fa fa-music blue"></i>
PDFのマークも表示できます。
PDFはこちら
<i class="fa fa-file-pdf-o red"> PDFはこちら</i>
ボタンの上に表示すると