アイコンの大きさは16px四方。レティーナ対応のため、もとの画像は64px。標準はインライン。span要素にクラス
<span class="icon-ut icon-pdf"></span>
おれをこのとうにあるまし気を。猫。おじぎまでよろよろ金星万時は悪いくせるよ
おれをこのとうにあるまし気を。猫。おじぎ .type-vertical-middle までよろよろ金星万時は悪いくせるよ
おれをこのとうにあるまし気を。猫。おじぎ .type-vertical-bottom までよろよろ金星万時は悪いくせるよ
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-2x-small 28px |
|
| .icon-ut .type-x-small 32px |
|
| .icon-ut .type-small 36px |
|
| .icon-ut .type-normal 40px |
|
| .icon-ut .type-medium 48px |
|
| .icon-ut .type-large 60px |
|
| .icon-ut .type-x-large 72px |
|
| .icon-ut .type-2x-large 84px |
|
| .icon-ut .type-3x-large 96px |
|
| .icon-ut .type-4x-large 108px |
|
| .icon-ut .type-5x-large 120px |
| クラス | アイコン |
|---|---|
| xxx |
|