アイコンの大きさは16px四方。レティーナ対応のため、もとの画像は64px。標準はインライン。span要素にクラス
<span class="icon-ut icon-pdf"></span>
おれをこのとうにあるまし気を。猫。おじぎまでよろよろ金星万時は悪いくせるよ
Sample Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.
アイコン | 16px | 32px | アイコンボタン36px |
---|---|---|---|
新規ウィンドウ | |||
Link | |||
カレンダー | |||
ヘルプ | |||
メニュー | |||
閉じる | |||
ダウンロード | |||
賞 | |||
メール | |||
検索虫めがね | |||
電話 |
|
||
引用符1 | |||
引用符2 | |||
スター | |||
ハート | |||
ブックマーク |
アイコン | 16px | 32px | アイコンボタン36px |
---|---|---|---|
アイコン | 16px | 32px | アイコンボタン36px |
---|---|---|---|
クラス | アイコン |
---|---|
.icon-ut 16px |
|
.icon-ut .type-4x-small 20px |
|
.icon-ut .type-3x-small 24px |
|
.icon-ut .type-xx-small 28px |
|
.icon-ut .type-x-small 32px |
|
.icon-ut .type-small 36px |
|
.icon-ut .type-medium 48px |
|
.icon-ut .type-large 60px |
|
.icon-ut .type-x-large 72px |
|
.icon-ut .type-xx-large 84px |
|
.icon-ut .type-3x-large 96px |
|
.icon-ut .type-4x-large 108px |
|
.icon-ut .type-5x-large 120px |