<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />
<h1>การใส่ Font Icon</h1>
<p>อ่านบทความแนะนำ สอนการใช้ Icon Font ได้ที่ <a href="http://www.designil.com/">Designil.com</a></p>
<h2>icon-dashboard</h2>
<i class="icon-dashboard"></i>

<h2>ปรับขนาดด้วย icon-large, icon-2x, icon-3x, icon-4x</h2>
<i class="icon-dashboard icon-large"></i>
<i class="icon-dashboard icon-2x"></i>
<i class="icon-dashboard icon-3x"></i>
<i class="icon-dashboard icon-4x"></i>

<h2>หมุนไอคอนได้ทุกมุม ด้วย .icon-rotate-90, 180, 270</h2>
<i class="icon-dashboard icon-rotate-90"></i>
<i class="icon-dashboard icon-rotate-180"></i>
<i class="icon-dashboard icon-rotate-270"></i>

<h2>ทำ Animation หมุน ด้วย icon-spin</h2>
<i class="icon-dashboard icon-spin"></i>

<h2>ซ้อนไอคอนหลายรูปด้วยกันได้ด้วย icon-stack</h2>
<span class="icon-stack">
  <i class="icon-check-empty icon-stack-base"></i>
  <i class="icon-dashboard"></i>
</span>
<span class="icon-stack">
  <i class="icon-circle icon-stack-base"></i>
  <i class="icon-dashboard icon-light"></i>
</span>
<span class="icon-stack">
  <i class="icon-sign-blank icon-stack-base"></i>
  <i class="icon-dashboard icon-light"></i>
</span>
<span class="icon-stack">
  <i class="icon-dashboard"></i>
  <i class="icon-ban-circle icon-stack-base text-error"></i>
</span>
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.