font awesomeを普段使いする

font awesomeの絵文字は今やウェブ作りに欠かせません。
たくさんあって選ぶのが大変なfont awesomeの絵文字の中から、普段使いできそうな絵文字をピックアップしてみました。

<i class=”fa fa-bath” aria-hidden=”true”></i>
<i class=”fa fa-shower” aria-hidden=”true”></i>
<i class=”fa fa-snowflake-o” aria-hidden=”true”></i>
<i class=”fa fa-thermometer-half” aria-hidden=”true”></i>
<i class=”fa fa-anchor” aria-hidden=”true”></i>

<i class=”fa fa-balance-scale” aria-hidden=”true”></i>
<i class=”fa fa-car” aria-hidden=”true”></i>
<i class=”fa fa-university” aria-hidden=”true”></i>
<i class=”fa fa-bed” aria-hidden=”true”></i>
<i class=”fa fa-beer” aria-hidden=”true”></i>

<i class=”fa fa-bell” aria-hidden=”true”></i>
<i class=”fa fa-bicycle” aria-hidden=”true”></i>
<i class=”fa fa-binoculars” aria-hidden=”true”></i>
<i class=”fa fa-birthday-cake” aria-hidden=”true”></i>
<i class=”fa fa-bomb” aria-hidden=”true”></i>

<i class=”fa fa-briefcase” aria-hidden=”true”></i>
<i class=”fa fa-bug” aria-hidden=”true”></i>
<i class=”fa fa-building” aria-hidden=”true”></i>
<i class=”fa fa-bullhorn” aria-hidden=”true”></i>
<i class=”fa fa-bus” aria-hidden=”true”></i>

<i class=”fa fa-taxi” aria-hidden=”true”></i>
<i class=”fa fa-camera” aria-hidden=”true”></i>
<i class=”fa fa-coffee” aria-hidden=”true”></i>
<i class=”fa fa-cutlery” aria-hidden=”true”></i>
<i class=”fa fa-diamond” aria-hidden=”true”></i>

<i class=”fa fa-eraser” aria-hidden=”true”></i>
<i class=”fa fa-eye” aria-hidden=”true”></i>
<i class=”fa fa-fighter-jet” aria-hidden=”true”></i>
<i class=”fa fa-fire-extinguisher” aria-hidden=”true”></i>
<i class=”fa fa-flag” aria-hidden=”true”></i>

<i class=”fa fa-flask” aria-hidden=”true”></i>
<i class=”fa fa-futbol-o” aria-hidden=”true”></i>
<i class=”fa fa-gavel” aria-hidden=”true”></i>
<i class=”fa fa-gift” aria-hidden=”true”></i>
<i class=”fa fa-glass” aria-hidden=”true”></i>

<i class=”fa fa-globe” aria-hidden=”true”></i>
<i class=”fa fa-graduation-cap” aria-hidden=”true”></i>
<i class=”fa fa-headphones” aria-hidden=”true”></i>
<i class=”fa fa-heart” aria-hidden=”true”></i>
<i class=”fa fa-hourglass” aria-hidden=”true”></i>

<i class=”fa fa-industry” aria-hidden=”true”></i>
<i class=”fa fa-key” aria-hidden=”true”></i>
<i class=”fa fa-leaf” aria-hidden=”true”></i>
<i class=”fa fa-lemon-o” aria-hidden=”true”></i>
<i class=”fa fa-life-ring” aria-hidden=”true”></i>

<i class=”fa fa-lightbulb-o” aria-hidden=”true”></i>
<i class=”fa fa-microphone” aria-hidden=”true”></i>
<i class=”fa fa-money” aria-hidden=”true”></i>
<i class=”fa fa-moon-o” aria-hidden=”true”></i>
<i class=”fa fa-motorcycle” aria-hidden=”true”></i>

<i class=”fa fa-paint-brush” aria-hidden=”true”></i>
<i class=”fa fa-paper-plane” aria-hidden=”true”></i>
<i class=”fa fa-paw” aria-hidden=”true”></i>
<i class=”fa fa-plane” aria-hidden=”true”></i>
<i class=”fa fa-plug” aria-hidden=”true”></i>

<i class=”fa fa-recycle” aria-hidden=”true”></i>
<i class=”fa fa-road” aria-hidden=”true”></i>
<i class=”fa fa-rocket” aria-hidden=”true”></i>
<i class=”fa fa-ship” aria-hidden=”true”></i>¥
<i class=”fa fa-space-shuttle” aria-hidden=”true”></i>

<i class=”fa fa-suitcase” aria-hidden=”true”></i>
<i class=”fa fa-tree” aria-hidden=”true”></i>
<i class=”fa fa-trophy” aria-hidden=”true”></i>
<i class=”fa fa-truck” aria-hidden=”true”></i>
<i class=”fa fa-umbrella” aria-hidden=”true”></i>

<i class=”fa fa-wheelchair” aria-hidden=”true”></i>
<i class=”fa fa-wrench” aria-hidden=”true”></i>

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です