追記（2017/06/21）
公式からの発表もありました。理由は技術的負債を予防する観点で納得できるものですね。
代わりとしては、絵文字(emoji)を使うと良いのではないでしょうか。
Font Awesome がご利用いただけなくなる点について
前述の通り、今回の変更によってこれまで暗黙的に利用できていた Font Awesome のアイコン指定はご利用いただけなくなります。(繰り返しになりますが、Qiita:TeamやQiitaのOrganizationでは引き続きご利用いただけます） Font Awesome を含めて禁止にしたのは以下の理由です。
- Qiita が Font Awesome を利用していることは公式な仕様ではなく、将来にわたって Font Awesome を使い続ける保証がない
- 将来的に何かしらの後方非互換な変更が Font Awesome に入ったとき、その変更に追従することができなくなる
記事中で使用していた方にはご不便おかけいたしますが、ご理解いただけますと幸いです。
QiitaにおいてHTML要素の属性指定ができなくなりました - Qiita Blog
追記（2017/06/19）
公式の発表はありませんが、残念ながらQiita記事中でFont Awesomeが利用できなくなりました。この記事はFont Awesomeページからの抽出方法がまだ有用だと思いますので残しておきますね。
はじめに
QiitaではFont Awesomeが読み込まれているため、記事中でもHTMLでFont Awesome Iconsを使用することが出来ます。
Font Awesome Iconsページから必要なものを検索して使えば良いのですが、アイコン一覧と使用時の書き方が同時に載っている方が使いやすいと思ったので一覧を用意してみました。
Ctrl+FやCommand+Fなどで検索してみてください。
注意
このアイコンは、現時点（2016/06/30, ver4.6.1）では記事内で使用できていますがQiitaの公式機能ではありません。そのため、Qiitaによるサービス変更などにより表示されなくなったりする可能性があります。
前置きは以上です。役に立ちそうでしたら「ストック」してもらえると嬉しいです。
それでは良いQiitaライフをお過ごしください。
アイコン一覧
30 New Icons in 4.6
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 1 | american-sign-language-interpreting | <i class="fa fa-american-sign-language-interpreting"></i> |
|
| 2 | asl-interpreting | <i class="fa fa-asl-interpreting"></i> |
|
| 3 | assistive-listening-systems | <i class="fa fa-assistive-listening-systems"></i> |
|
| 4 | audio-description | <i class="fa fa-audio-description"></i> |
|
| 5 | blind | <i class="fa fa-blind"></i> |
|
| 6 | braille | <i class="fa fa-braille"></i> |
|
| 7 | deaf | <i class="fa fa-deaf"></i> |
|
| 8 | deafness | <i class="fa fa-deafness"></i> |
|
| 9 | envira | <i class="fa fa-envira"></i> |
|
| 13 | gitlab | <i class="fa fa-gitlab"></i> |
|
| 14 | glide | <i class="fa fa-glide"></i> |
|
| 15 | glide-g | <i class="fa fa-glide-g"></i> |
|
| 18 | hard-of-hearing | <i class="fa fa-hard-of-hearing"></i> |
|
| 19 | <i class="fa fa-instagram"></i> |
||
| 20 | low-vision | <i class="fa fa-low-vision"></i> |
|
| 21 | pied-piper | <i class="fa fa-pied-piper"></i> |
|
| 22 | question-circle-o | <i class="fa fa-question-circle-o"></i> |
|
| 23 | sign-language | <i class="fa fa-sign-language"></i> |
|
| 24 | signing | <i class="fa fa-signing"></i> |
|
| 25 | snapchat | <i class="fa fa-snapchat"></i> |
|
| 26 | snapchat-ghost | <i class="fa fa-snapchat-ghost"></i> |
|
| 27 | snapchat-square | <i class="fa fa-snapchat-square"></i> |
|
| 29 | universal-access | <i class="fa fa-universal-access"></i> |
|
| 30 | viadeo | <i class="fa fa-viadeo"></i> |
|
| 31 | viadeo-square | <i class="fa fa-viadeo-square"></i> |
|
| 32 | volume-control-phone | <i class="fa fa-volume-control-phone"></i> |
|
| 33 | wheelchair-alt | <i class="fa fa-wheelchair-alt"></i> |
|
| 34 | wpbeginner | <i class="fa fa-wpbeginner"></i> |
|
| 35 | wpforms | <i class="fa fa-wpforms"></i> |
Web Application Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 37 | adjust | <i class="fa fa-adjust"></i> |
|
| 38 | american-sign-language-interpreting | <i class="fa fa-american-sign-language-interpreting"></i> |
|
| 39 | anchor | <i class="fa fa-anchor"></i> |
|
| 40 | archive | <i class="fa fa-archive"></i> |
|
| 41 | area-chart | <i class="fa fa-area-chart"></i> |
|
| 42 | arrows | <i class="fa fa-arrows"></i> |
|
| 43 | arrows-h | <i class="fa fa-arrows-h"></i> |
|
| 44 | arrows-v | <i class="fa fa-arrows-v"></i> |
|
| 45 | asl-interpreting | <i class="fa fa-asl-interpreting"></i> |
|
| 46 | assistive-listening-systems | <i class="fa fa-assistive-listening-systems"></i> |
|
| 47 | asterisk | <i class="fa fa-asterisk"></i> |
|
| 48 | at | <i class="fa fa-at"></i> |
|
| 49 | audio-description | <i class="fa fa-audio-description"></i> |
|
| 50 | automobile | <i class="fa fa-automobile"></i> |
|
| 51 | balance-scale | <i class="fa fa-balance-scale"></i> |
|
| 52 | ban | <i class="fa fa-ban"></i> |
|
| 53 | bank | <i class="fa fa-bank"></i> |
|
| 54 | bar-chart | <i class="fa fa-bar-chart"></i> |
|
| 55 | bar-chart-o | <i class="fa fa-bar-chart-o"></i> |
|
| 56 | barcode | <i class="fa fa-barcode"></i> |
|
| 57 | bars | <i class="fa fa-bars"></i> |
|
| 58 | battery-0 | <i class="fa fa-battery-0"></i> |
|
| 59 | battery-1 | <i class="fa fa-battery-1"></i> |
|
| 60 | battery-2 | <i class="fa fa-battery-2"></i> |
|
| 61 | battery-3 | <i class="fa fa-battery-3"></i> |
|
| 62 | battery-4 | <i class="fa fa-battery-4"></i> |
|
| 63 | battery-empty | <i class="fa fa-battery-empty"></i> |
|
| 64 | battery-full | <i class="fa fa-battery-full"></i> |
|
| 65 | battery-half | <i class="fa fa-battery-half"></i> |
|
| 66 | battery-quarter | <i class="fa fa-battery-quarter"></i> |
|
| 67 | battery-three-quarters | <i class="fa fa-battery-three-quarters"></i> |
|
| 68 | bed | <i class="fa fa-bed"></i> |
|
| 69 | beer | <i class="fa fa-beer"></i> |
|
| 70 | bell | <i class="fa fa-bell"></i> |
|
| 71 | bell-o | <i class="fa fa-bell-o"></i> |
|
| 72 | bell-slash | <i class="fa fa-bell-slash"></i> |
|
| 73 | bell-slash-o | <i class="fa fa-bell-slash-o"></i> |
|
| 74 | bicycle | <i class="fa fa-bicycle"></i> |
|
| 75 | binoculars | <i class="fa fa-binoculars"></i> |
|
| 76 | birthday-cake | <i class="fa fa-birthday-cake"></i> |
|
| 77 | blind | <i class="fa fa-blind"></i> |
|
| 78 | bluetooth | <i class="fa fa-bluetooth"></i> |
|
| 79 | bluetooth-b | <i class="fa fa-bluetooth-b"></i> |
|
| 80 | bolt | <i class="fa fa-bolt"></i> |
|
| 81 | bomb | <i class="fa fa-bomb"></i> |
|
| 82 | book | <i class="fa fa-book"></i> |
|
| 83 | bookmark | <i class="fa fa-bookmark"></i> |
|
| 84 | bookmark-o | <i class="fa fa-bookmark-o"></i> |
|
| 85 | braille | <i class="fa fa-braille"></i> |
|
| 86 | briefcase | <i class="fa fa-briefcase"></i> |
|
| 87 | bug | <i class="fa fa-bug"></i> |
|
| 88 | building | <i class="fa fa-building"></i> |
|
| 89 | building-o | <i class="fa fa-building-o"></i> |
|
| 90 | bullhorn | <i class="fa fa-bullhorn"></i> |
|
| 91 | bullseye | <i class="fa fa-bullseye"></i> |
|
| 92 | bus | <i class="fa fa-bus"></i> |
|
| 93 | cab | <i class="fa fa-cab"></i> |
|
| 94 | calculator | <i class="fa fa-calculator"></i> |
|
| 95 | calendar | <i class="fa fa-calendar"></i> |
|
| 96 | calendar-check-o | <i class="fa fa-calendar-check-o"></i> |
|
| 97 | calendar-minus-o | <i class="fa fa-calendar-minus-o"></i> |
|
| 98 | calendar-o | <i class="fa fa-calendar-o"></i> |
|
| 99 | calendar-plus-o | <i class="fa fa-calendar-plus-o"></i> |
|
| 100 | calendar-times-o | <i class="fa fa-calendar-times-o"></i> |
|
| 101 | camera | <i class="fa fa-camera"></i> |
|
| 102 | camera-retro | <i class="fa fa-camera-retro"></i> |
|
| 103 | car | <i class="fa fa-car"></i> |
|
| 104 | caret-square-o-down | <i class="fa fa-caret-square-o-down"></i> |
|
| 105 | caret-square-o-left | <i class="fa fa-caret-square-o-left"></i> |
|
| 106 | caret-square-o-right | <i class="fa fa-caret-square-o-right"></i> |
|
| 107 | caret-square-o-up | <i class="fa fa-caret-square-o-up"></i> |
|
| 108 | cart-arrow-down | <i class="fa fa-cart-arrow-down"></i> |
|
| 109 | cart-plus | <i class="fa fa-cart-plus"></i> |
|
| 110 | cc | <i class="fa fa-cc"></i> |
|
| 111 | certificate | <i class="fa fa-certificate"></i> |
|
| 112 | check | <i class="fa fa-check"></i> |
|
| 113 | check-circle | <i class="fa fa-check-circle"></i> |
|
| 114 | check-circle-o | <i class="fa fa-check-circle-o"></i> |
|
| 115 | check-square | <i class="fa fa-check-square"></i> |
|
| 116 | check-square-o | <i class="fa fa-check-square-o"></i> |
|
| 117 | child | <i class="fa fa-child"></i> |
|
| 118 | circle | <i class="fa fa-circle"></i> |
|
| 119 | circle-o | <i class="fa fa-circle-o"></i> |
|
| 120 | circle-o-notch | <i class="fa fa-circle-o-notch"></i> |
|
| 121 | circle-thin | <i class="fa fa-circle-thin"></i> |
|
| 122 | clock-o | <i class="fa fa-clock-o"></i> |
|
| 123 | clone | <i class="fa fa-clone"></i> |
|
| 124 | close | <i class="fa fa-close"></i> |
|
| 125 | cloud | <i class="fa fa-cloud"></i> |
|
| 126 | cloud-download | <i class="fa fa-cloud-download"></i> |
|
| 127 | cloud-upload | <i class="fa fa-cloud-upload"></i> |
|
| 128 | code | <i class="fa fa-code"></i> |
|
| 129 | code-fork | <i class="fa fa-code-fork"></i> |
|
| 130 | coffee | <i class="fa fa-coffee"></i> |
|
| 131 | cog | <i class="fa fa-cog"></i> |
|
| 132 | cogs | <i class="fa fa-cogs"></i> |
|
| 133 | comment | <i class="fa fa-comment"></i> |
|
| 134 | comment-o | <i class="fa fa-comment-o"></i> |
|
| 135 | commenting | <i class="fa fa-commenting"></i> |
|
| 136 | commenting-o | <i class="fa fa-commenting-o"></i> |
|
| 137 | comments | <i class="fa fa-comments"></i> |
|
| 138 | comments-o | <i class="fa fa-comments-o"></i> |
|
| 139 | compass | <i class="fa fa-compass"></i> |
|
| 140 | copyright | <i class="fa fa-copyright"></i> |
|
| 141 | creative-commons | <i class="fa fa-creative-commons"></i> |
|
| 142 | credit-card | <i class="fa fa-credit-card"></i> |
|
| 143 | credit-card-alt | <i class="fa fa-credit-card-alt"></i> |
|
| 144 | crop | <i class="fa fa-crop"></i> |
|
| 145 | crosshairs | <i class="fa fa-crosshairs"></i> |
|
| 146 | cube | <i class="fa fa-cube"></i> |
|
| 147 | cubes | <i class="fa fa-cubes"></i> |
|
| 148 | cutlery | <i class="fa fa-cutlery"></i> |
|
| 149 | dashboard | <i class="fa fa-dashboard"></i> |
|
| 150 | database | <i class="fa fa-database"></i> |
|
| 151 | deaf | <i class="fa fa-deaf"></i> |
|
| 152 | deafness | <i class="fa fa-deafness"></i> |
|
| 153 | desktop | <i class="fa fa-desktop"></i> |
|
| 154 | diamond | <i class="fa fa-diamond"></i> |
|
| 155 | dot-circle-o | <i class="fa fa-dot-circle-o"></i> |
|
| 156 | download | <i class="fa fa-download"></i> |
|
| 157 | edit | <i class="fa fa-edit"></i> |
|
| 158 | ellipsis-h | <i class="fa fa-ellipsis-h"></i> |
|
| 159 | ellipsis-v | <i class="fa fa-ellipsis-v"></i> |
|
| 160 | envelope | <i class="fa fa-envelope"></i> |
|
| 161 | envelope-o | <i class="fa fa-envelope-o"></i> |
|
| 162 | envelope-square | <i class="fa fa-envelope-square"></i> |
|
| 163 | eraser | <i class="fa fa-eraser"></i> |
|
| 164 | exchange | <i class="fa fa-exchange"></i> |
|
| 165 | exclamation | <i class="fa fa-exclamation"></i> |
|
| 166 | exclamation-circle | <i class="fa fa-exclamation-circle"></i> |
|
| 167 | exclamation-triangle | <i class="fa fa-exclamation-triangle"></i> |
|
| 168 | external-link | <i class="fa fa-external-link"></i> |
|
| 169 | external-link-square | <i class="fa fa-external-link-square"></i> |
|
| 170 | eye | <i class="fa fa-eye"></i> |
|
| 171 | eye-slash | <i class="fa fa-eye-slash"></i> |
|
| 172 | eyedropper | <i class="fa fa-eyedropper"></i> |
|
| 173 | fax | <i class="fa fa-fax"></i> |
|
| 174 | feed | <i class="fa fa-feed"></i> |
|
| 175 | female | <i class="fa fa-female"></i> |
|
| 176 | fighter-jet | <i class="fa fa-fighter-jet"></i> |
|
| 177 | file-archive-o | <i class="fa fa-file-archive-o"></i> |
|
| 178 | file-audio-o | <i class="fa fa-file-audio-o"></i> |
|
| 179 | file-code-o | <i class="fa fa-file-code-o"></i> |
|
| 180 | file-excel-o | <i class="fa fa-file-excel-o"></i> |
|
| 181 | file-image-o | <i class="fa fa-file-image-o"></i> |
|
| 182 | file-movie-o | <i class="fa fa-file-movie-o"></i> |
|
| 183 | file-pdf-o | <i class="fa fa-file-pdf-o"></i> |
|
| 184 | file-photo-o | <i class="fa fa-file-photo-o"></i> |
|
| 185 | file-picture-o | <i class="fa fa-file-picture-o"></i> |
|
| 186 | file-powerpoint-o | <i class="fa fa-file-powerpoint-o"></i> |
|
| 187 | file-sound-o | <i class="fa fa-file-sound-o"></i> |
|
| 188 | file-video-o | <i class="fa fa-file-video-o"></i> |
|
| 189 | file-word-o | <i class="fa fa-file-word-o"></i> |
|
| 190 | file-zip-o | <i class="fa fa-file-zip-o"></i> |
|
| 191 | film | <i class="fa fa-film"></i> |
|
| 192 | filter | <i class="fa fa-filter"></i> |
|
| 193 | fire | <i class="fa fa-fire"></i> |
|
| 194 | fire-extinguisher | <i class="fa fa-fire-extinguisher"></i> |
|
| 195 | flag | <i class="fa fa-flag"></i> |
|
| 196 | flag-checkered | <i class="fa fa-flag-checkered"></i> |
|
| 197 | flag-o | <i class="fa fa-flag-o"></i> |
|
| 198 | flash | <i class="fa fa-flash"></i> |
|
| 199 | flask | <i class="fa fa-flask"></i> |
|
| 200 | folder | <i class="fa fa-folder"></i> |
|
| 201 | folder-o | <i class="fa fa-folder-o"></i> |
|
| 202 | folder-open | <i class="fa fa-folder-open"></i> |
|
| 203 | folder-open-o | <i class="fa fa-folder-open-o"></i> |
|
| 204 | frown-o | <i class="fa fa-frown-o"></i> |
|
| 205 | futbol-o | <i class="fa fa-futbol-o"></i> |
|
| 206 | gamepad | <i class="fa fa-gamepad"></i> |
|
| 207 | gavel | <i class="fa fa-gavel"></i> |
|
| 208 | gear | <i class="fa fa-gear"></i> |
|
| 209 | gears | <i class="fa fa-gears"></i> |
|
| 210 | gift | <i class="fa fa-gift"></i> |
|
| 211 | glass | <i class="fa fa-glass"></i> |
|
| 212 | globe | <i class="fa fa-globe"></i> |
|
| 213 | graduation-cap | <i class="fa fa-graduation-cap"></i> |
|
| 214 | group | <i class="fa fa-group"></i> |
|
| 215 | hand-grab-o | <i class="fa fa-hand-grab-o"></i> |
|
| 216 | hand-lizard-o | <i class="fa fa-hand-lizard-o"></i> |
|
| 217 | hand-paper-o | <i class="fa fa-hand-paper-o"></i> |
|
| 218 | hand-peace-o | <i class="fa fa-hand-peace-o"></i> |
|
| 219 | hand-pointer-o | <i class="fa fa-hand-pointer-o"></i> |
|
| 220 | hand-rock-o | <i class="fa fa-hand-rock-o"></i> |
|
| 221 | hand-scissors-o | <i class="fa fa-hand-scissors-o"></i> |
|
| 222 | hand-spock-o | <i class="fa fa-hand-spock-o"></i> |
|
| 223 | hand-stop-o | <i class="fa fa-hand-stop-o"></i> |
|
| 224 | hard-of-hearing | <i class="fa fa-hard-of-hearing"></i> |
|
| 225 | hashtag | <i class="fa fa-hashtag"></i> |
|
| 226 | hdd-o | <i class="fa fa-hdd-o"></i> |
|
| 227 | headphones | <i class="fa fa-headphones"></i> |
|
| 228 | heart | <i class="fa fa-heart"></i> |
|
| 229 | heart-o | <i class="fa fa-heart-o"></i> |
|
| 230 | heartbeat | <i class="fa fa-heartbeat"></i> |
|
| 231 | history | <i class="fa fa-history"></i> |
|
| 232 | home | <i class="fa fa-home"></i> |
|
| 233 | hotel | <i class="fa fa-hotel"></i> |
|
| 234 | hourglass | <i class="fa fa-hourglass"></i> |
|
| 235 | hourglass-1 | <i class="fa fa-hourglass-1"></i> |
|
| 236 | hourglass-2 | <i class="fa fa-hourglass-2"></i> |
|
| 237 | hourglass-3 | <i class="fa fa-hourglass-3"></i> |
|
| 238 | hourglass-end | <i class="fa fa-hourglass-end"></i> |
|
| 239 | hourglass-half | <i class="fa fa-hourglass-half"></i> |
|
| 240 | hourglass-o | <i class="fa fa-hourglass-o"></i> |
|
| 241 | hourglass-start | <i class="fa fa-hourglass-start"></i> |
|
| 242 | i-cursor | <i class="fa fa-i-cursor"></i> |
|
| 243 | image | <i class="fa fa-image"></i> |
|
| 244 | inbox | <i class="fa fa-inbox"></i> |
|
| 245 | industry | <i class="fa fa-industry"></i> |
|
| 246 | info | <i class="fa fa-info"></i> |
|
| 247 | info-circle | <i class="fa fa-info-circle"></i> |
|
| 248 | institution | <i class="fa fa-institution"></i> |
|
| 249 | key | <i class="fa fa-key"></i> |
|
| 250 | keyboard-o | <i class="fa fa-keyboard-o"></i> |
|
| 251 | language | <i class="fa fa-language"></i> |
|
| 252 | laptop | <i class="fa fa-laptop"></i> |
|
| 253 | leaf | <i class="fa fa-leaf"></i> |
|
| 254 | legal | <i class="fa fa-legal"></i> |
|
| 255 | lemon-o | <i class="fa fa-lemon-o"></i> |
|
| 256 | level-down | <i class="fa fa-level-down"></i> |
|
| 257 | level-up | <i class="fa fa-level-up"></i> |
|
| 258 | life-bouy | <i class="fa fa-life-bouy"></i> |
|
| 259 | life-buoy | <i class="fa fa-life-buoy"></i> |
|
| 260 | life-ring | <i class="fa fa-life-ring"></i> |
|
| 261 | life-saver | <i class="fa fa-life-saver"></i> |
|
| 262 | lightbulb-o | <i class="fa fa-lightbulb-o"></i> |
|
| 263 | line-chart | <i class="fa fa-line-chart"></i> |
|
| 264 | location-arrow | <i class="fa fa-location-arrow"></i> |
|
| 265 | lock | <i class="fa fa-lock"></i> |
|
| 266 | low-vision | <i class="fa fa-low-vision"></i> |
|
| 267 | magic | <i class="fa fa-magic"></i> |
|
| 268 | magnet | <i class="fa fa-magnet"></i> |
|
| 269 | mail-forward | <i class="fa fa-mail-forward"></i> |
|
| 270 | mail-reply | <i class="fa fa-mail-reply"></i> |
|
| 271 | mail-reply-all | <i class="fa fa-mail-reply-all"></i> |
|
| 272 | male | <i class="fa fa-male"></i> |
|
| 273 | map | <i class="fa fa-map"></i> |
|
| 274 | map-marker | <i class="fa fa-map-marker"></i> |
|
| 275 | map-o | <i class="fa fa-map-o"></i> |
|
| 276 | map-pin | <i class="fa fa-map-pin"></i> |
|
| 277 | map-signs | <i class="fa fa-map-signs"></i> |
|
| 278 | meh-o | <i class="fa fa-meh-o"></i> |
|
| 279 | microphone | <i class="fa fa-microphone"></i> |
|
| 280 | microphone-slash | <i class="fa fa-microphone-slash"></i> |
|
| 281 | minus | <i class="fa fa-minus"></i> |
|
| 282 | minus-circle | <i class="fa fa-minus-circle"></i> |
|
| 283 | minus-square | <i class="fa fa-minus-square"></i> |
|
| 284 | minus-square-o | <i class="fa fa-minus-square-o"></i> |
|
| 285 | mobile | <i class="fa fa-mobile"></i> |
|
| 286 | mobile-phone | <i class="fa fa-mobile-phone"></i> |
|
| 287 | money | <i class="fa fa-money"></i> |
|
| 288 | moon-o | <i class="fa fa-moon-o"></i> |
|
| 289 | mortar-board | <i class="fa fa-mortar-board"></i> |
|
| 290 | motorcycle | <i class="fa fa-motorcycle"></i> |
|
| 291 | mouse-pointer | <i class="fa fa-mouse-pointer"></i> |
|
| 292 | music | <i class="fa fa-music"></i> |
|
| 293 | navicon | <i class="fa fa-navicon"></i> |
|
| 294 | newspaper-o | <i class="fa fa-newspaper-o"></i> |
|
| 295 | object-group | <i class="fa fa-object-group"></i> |
|
| 296 | object-ungroup | <i class="fa fa-object-ungroup"></i> |
|
| 297 | paint-brush | <i class="fa fa-paint-brush"></i> |
|
| 298 | paper-plane | <i class="fa fa-paper-plane"></i> |
|
| 299 | paper-plane-o | <i class="fa fa-paper-plane-o"></i> |
|
| 300 | paw | <i class="fa fa-paw"></i> |
|
| 301 | pencil | <i class="fa fa-pencil"></i> |
|
| 302 | pencil-square | <i class="fa fa-pencil-square"></i> |
|
| 303 | pencil-square-o | <i class="fa fa-pencil-square-o"></i> |
|
| 304 | percent | <i class="fa fa-percent"></i> |
|
| 305 | phone | <i class="fa fa-phone"></i> |
|
| 306 | phone-square | <i class="fa fa-phone-square"></i> |
|
| 307 | photo | <i class="fa fa-photo"></i> |
|
| 308 | picture-o | <i class="fa fa-picture-o"></i> |
|
| 309 | pie-chart | <i class="fa fa-pie-chart"></i> |
|
| 310 | plane | <i class="fa fa-plane"></i> |
|
| 311 | plug | <i class="fa fa-plug"></i> |
|
| 312 | plus | <i class="fa fa-plus"></i> |
|
| 313 | plus-circle | <i class="fa fa-plus-circle"></i> |
|
| 314 | plus-square | <i class="fa fa-plus-square"></i> |
|
| 315 | plus-square-o | <i class="fa fa-plus-square-o"></i> |
|
| 316 | power-off | <i class="fa fa-power-off"></i> |
|
| 317 | <i class="fa fa-print"></i> |
||
| 318 | puzzle-piece | <i class="fa fa-puzzle-piece"></i> |
|
| 319 | qrcode | <i class="fa fa-qrcode"></i> |
|
| 320 | question | <i class="fa fa-question"></i> |
|
| 321 | question-circle | <i class="fa fa-question-circle"></i> |
|
| 322 | question-circle-o | <i class="fa fa-question-circle-o"></i> |
|
| 323 | quote-left | <i class="fa fa-quote-left"></i> |
|
| 324 | quote-right | <i class="fa fa-quote-right"></i> |
|
| 325 | random | <i class="fa fa-random"></i> |
|
| 326 | recycle | <i class="fa fa-recycle"></i> |
|
| 327 | refresh | <i class="fa fa-refresh"></i> |
|
| 328 | registered | <i class="fa fa-registered"></i> |
|
| 329 | remove | <i class="fa fa-remove"></i> |
|
| 330 | reorder | <i class="fa fa-reorder"></i> |
|
| 331 | reply | <i class="fa fa-reply"></i> |
|
| 332 | reply-all | <i class="fa fa-reply-all"></i> |
|
| 333 | retweet | <i class="fa fa-retweet"></i> |
|
| 334 | road | <i class="fa fa-road"></i> |
|
| 335 | rocket | <i class="fa fa-rocket"></i> |
|
| 336 | rss | <i class="fa fa-rss"></i> |
|
| 337 | rss-square | <i class="fa fa-rss-square"></i> |
|
| 338 | search | <i class="fa fa-search"></i> |
|
| 339 | search-minus | <i class="fa fa-search-minus"></i> |
|
| 340 | search-plus | <i class="fa fa-search-plus"></i> |
|
| 341 | send | <i class="fa fa-send"></i> |
|
| 342 | send-o | <i class="fa fa-send-o"></i> |
|
| 343 | server | <i class="fa fa-server"></i> |
|
| 344 | share | <i class="fa fa-share"></i> |
|
| 345 | share-alt | <i class="fa fa-share-alt"></i> |
|
| 346 | share-alt-square | <i class="fa fa-share-alt-square"></i> |
|
| 347 | share-square | <i class="fa fa-share-square"></i> |
|
| 348 | share-square-o | <i class="fa fa-share-square-o"></i> |
|
| 349 | shield | <i class="fa fa-shield"></i> |
|
| 350 | ship | <i class="fa fa-ship"></i> |
|
| 351 | shopping-bag | <i class="fa fa-shopping-bag"></i> |
|
| 352 | shopping-basket | <i class="fa fa-shopping-basket"></i> |
|
| 353 | shopping-cart | <i class="fa fa-shopping-cart"></i> |
|
| 354 | sign-in | <i class="fa fa-sign-in"></i> |
|
| 355 | sign-language | <i class="fa fa-sign-language"></i> |
|
| 356 | sign-out | <i class="fa fa-sign-out"></i> |
|
| 357 | signal | <i class="fa fa-signal"></i> |
|
| 358 | signing | <i class="fa fa-signing"></i> |
|
| 359 | sitemap | <i class="fa fa-sitemap"></i> |
|
| 360 | sliders | <i class="fa fa-sliders"></i> |
|
| 361 | smile-o | <i class="fa fa-smile-o"></i> |
|
| 362 | soccer-ball-o | <i class="fa fa-soccer-ball-o"></i> |
|
| 363 | sort | <i class="fa fa-sort"></i> |
|
| 364 | sort-alpha-asc | <i class="fa fa-sort-alpha-asc"></i> |
|
| 365 | sort-alpha-desc | <i class="fa fa-sort-alpha-desc"></i> |
|
| 366 | sort-amount-asc | <i class="fa fa-sort-amount-asc"></i> |
|
| 367 | sort-amount-desc | <i class="fa fa-sort-amount-desc"></i> |
|
| 368 | sort-asc | <i class="fa fa-sort-asc"></i> |
|
| 369 | sort-desc | <i class="fa fa-sort-desc"></i> |
|
| 370 | sort-down | <i class="fa fa-sort-down"></i> |
|
| 371 | sort-numeric-asc | <i class="fa fa-sort-numeric-asc"></i> |
|
| 372 | sort-numeric-desc | <i class="fa fa-sort-numeric-desc"></i> |
|
| 373 | sort-up | <i class="fa fa-sort-up"></i> |
|
| 374 | space-shuttle | <i class="fa fa-space-shuttle"></i> |
|
| 375 | spinner | <i class="fa fa-spinner"></i> |
|
| 376 | spoon | <i class="fa fa-spoon"></i> |
|
| 377 | square | <i class="fa fa-square"></i> |
|
| 378 | square-o | <i class="fa fa-square-o"></i> |
|
| 379 | star | <i class="fa fa-star"></i> |
|
| 380 | star-half | <i class="fa fa-star-half"></i> |
|
| 381 | star-half-empty | <i class="fa fa-star-half-empty"></i> |
|
| 382 | star-half-full | <i class="fa fa-star-half-full"></i> |
|
| 383 | star-half-o | <i class="fa fa-star-half-o"></i> |
|
| 384 | star-o | <i class="fa fa-star-o"></i> |
|
| 385 | sticky-note | <i class="fa fa-sticky-note"></i> |
|
| 386 | sticky-note-o | <i class="fa fa-sticky-note-o"></i> |
|
| 387 | street-view | <i class="fa fa-street-view"></i> |
|
| 388 | suitcase | <i class="fa fa-suitcase"></i> |
|
| 389 | sun-o | <i class="fa fa-sun-o"></i> |
|
| 390 | support | <i class="fa fa-support"></i> |
|
| 391 | tablet | <i class="fa fa-tablet"></i> |
|
| 392 | tachometer | <i class="fa fa-tachometer"></i> |
|
| 393 | tag | <i class="fa fa-tag"></i> |
|
| 394 | tags | <i class="fa fa-tags"></i> |
|
| 395 | tasks | <i class="fa fa-tasks"></i> |
|
| 396 | taxi | <i class="fa fa-taxi"></i> |
|
| 397 | television | <i class="fa fa-television"></i> |
|
| 398 | terminal | <i class="fa fa-terminal"></i> |
|
| 399 | thumb-tack | <i class="fa fa-thumb-tack"></i> |
|
| 400 | thumbs-down | <i class="fa fa-thumbs-down"></i> |
|
| 401 | thumbs-o-down | <i class="fa fa-thumbs-o-down"></i> |
|
| 402 | thumbs-o-up | <i class="fa fa-thumbs-o-up"></i> |
|
| 403 | thumbs-up | <i class="fa fa-thumbs-up"></i> |
|
| 404 | ticket | <i class="fa fa-ticket"></i> |
|
| 405 | times | <i class="fa fa-times"></i> |
|
| 406 | times-circle | <i class="fa fa-times-circle"></i> |
|
| 407 | times-circle-o | <i class="fa fa-times-circle-o"></i> |
|
| 408 | tint | <i class="fa fa-tint"></i> |
|
| 409 | toggle-down | <i class="fa fa-toggle-down"></i> |
|
| 410 | toggle-left | <i class="fa fa-toggle-left"></i> |
|
| 411 | toggle-off | <i class="fa fa-toggle-off"></i> |
|
| 412 | toggle-on | <i class="fa fa-toggle-on"></i> |
|
| 413 | toggle-right | <i class="fa fa-toggle-right"></i> |
|
| 414 | toggle-up | <i class="fa fa-toggle-up"></i> |
|
| 415 | trademark | <i class="fa fa-trademark"></i> |
|
| 416 | trash | <i class="fa fa-trash"></i> |
|
| 417 | trash-o | <i class="fa fa-trash-o"></i> |
|
| 418 | tree | <i class="fa fa-tree"></i> |
|
| 419 | trophy | <i class="fa fa-trophy"></i> |
|
| 420 | truck | <i class="fa fa-truck"></i> |
|
| 421 | tty | <i class="fa fa-tty"></i> |
|
| 422 | tv | <i class="fa fa-tv"></i> |
|
| 423 | umbrella | <i class="fa fa-umbrella"></i> |
|
| 424 | universal-access | <i class="fa fa-universal-access"></i> |
|
| 425 | university | <i class="fa fa-university"></i> |
|
| 426 | unlock | <i class="fa fa-unlock"></i> |
|
| 427 | unlock-alt | <i class="fa fa-unlock-alt"></i> |
|
| 428 | unsorted | <i class="fa fa-unsorted"></i> |
|
| 429 | upload | <i class="fa fa-upload"></i> |
|
| 430 | user | <i class="fa fa-user"></i> |
|
| 431 | user-plus | <i class="fa fa-user-plus"></i> |
|
| 432 | user-secret | <i class="fa fa-user-secret"></i> |
|
| 433 | user-times | <i class="fa fa-user-times"></i> |
|
| 434 | users | <i class="fa fa-users"></i> |
|
| 435 | video-camera | <i class="fa fa-video-camera"></i> |
|
| 436 | volume-control-phone | <i class="fa fa-volume-control-phone"></i> |
|
| 437 | volume-down | <i class="fa fa-volume-down"></i> |
|
| 438 | volume-off | <i class="fa fa-volume-off"></i> |
|
| 439 | volume-up | <i class="fa fa-volume-up"></i> |
|
| 440 | warning | <i class="fa fa-warning"></i> |
|
| 441 | wheelchair | <i class="fa fa-wheelchair"></i> |
|
| 442 | wheelchair-alt | <i class="fa fa-wheelchair-alt"></i> |
|
| 443 | wifi | <i class="fa fa-wifi"></i> |
|
| 444 | wrench | <i class="fa fa-wrench"></i> |
Accessibility Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 445 | american-sign-language-interpreting | <i class="fa fa-american-sign-language-interpreting"></i> |
|
| 446 | asl-interpreting | <i class="fa fa-asl-interpreting"></i> |
|
| 447 | assistive-listening-systems | <i class="fa fa-assistive-listening-systems"></i> |
|
| 448 | audio-description | <i class="fa fa-audio-description"></i> |
|
| 449 | blind | <i class="fa fa-blind"></i> |
|
| 450 | braille | <i class="fa fa-braille"></i> |
|
| 451 | cc | <i class="fa fa-cc"></i> |
|
| 452 | deaf | <i class="fa fa-deaf"></i> |
|
| 453 | deafness | <i class="fa fa-deafness"></i> |
|
| 454 | hard-of-hearing | <i class="fa fa-hard-of-hearing"></i> |
|
| 455 | low-vision | <i class="fa fa-low-vision"></i> |
|
| 456 | question-circle-o | <i class="fa fa-question-circle-o"></i> |
|
| 457 | sign-language | <i class="fa fa-sign-language"></i> |
|
| 458 | signing | <i class="fa fa-signing"></i> |
|
| 459 | tty | <i class="fa fa-tty"></i> |
|
| 460 | universal-access | <i class="fa fa-universal-access"></i> |
|
| 461 | volume-control-phone | <i class="fa fa-volume-control-phone"></i> |
|
| 462 | wheelchair | <i class="fa fa-wheelchair"></i> |
|
| 463 | wheelchair-alt | <i class="fa fa-wheelchair-alt"></i> |
Hand Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 464 | hand-grab-o | <i class="fa fa-hand-grab-o"></i> |
|
| 465 | hand-lizard-o | <i class="fa fa-hand-lizard-o"></i> |
|
| 466 | hand-o-down | <i class="fa fa-hand-o-down"></i> |
|
| 467 | hand-o-left | <i class="fa fa-hand-o-left"></i> |
|
| 468 | hand-o-right | <i class="fa fa-hand-o-right"></i> |
|
| 469 | hand-o-up | <i class="fa fa-hand-o-up"></i> |
|
| 470 | hand-paper-o | <i class="fa fa-hand-paper-o"></i> |
|
| 471 | hand-peace-o | <i class="fa fa-hand-peace-o"></i> |
|
| 472 | hand-pointer-o | <i class="fa fa-hand-pointer-o"></i> |
|
| 473 | hand-rock-o | <i class="fa fa-hand-rock-o"></i> |
|
| 474 | hand-scissors-o | <i class="fa fa-hand-scissors-o"></i> |
|
| 475 | hand-spock-o | <i class="fa fa-hand-spock-o"></i> |
|
| 476 | hand-stop-o | <i class="fa fa-hand-stop-o"></i> |
|
| 477 | thumbs-down | <i class="fa fa-thumbs-down"></i> |
|
| 478 | thumbs-o-down | <i class="fa fa-thumbs-o-down"></i> |
|
| 479 | thumbs-o-up | <i class="fa fa-thumbs-o-up"></i> |
|
| 480 | thumbs-up | <i class="fa fa-thumbs-up"></i> |
Transportation Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 481 | ambulance | <i class="fa fa-ambulance"></i> |
|
| 482 | automobile | <i class="fa fa-automobile"></i> |
|
| 483 | bicycle | <i class="fa fa-bicycle"></i> |
|
| 484 | bus | <i class="fa fa-bus"></i> |
|
| 485 | cab | <i class="fa fa-cab"></i> |
|
| 486 | car | <i class="fa fa-car"></i> |
|
| 487 | fighter-jet | <i class="fa fa-fighter-jet"></i> |
|
| 488 | motorcycle | <i class="fa fa-motorcycle"></i> |
|
| 489 | plane | <i class="fa fa-plane"></i> |
|
| 490 | rocket | <i class="fa fa-rocket"></i> |
|
| 491 | ship | <i class="fa fa-ship"></i> |
|
| 492 | space-shuttle | <i class="fa fa-space-shuttle"></i> |
|
| 493 | subway | <i class="fa fa-subway"></i> |
|
| 494 | taxi | <i class="fa fa-taxi"></i> |
|
| 495 | train | <i class="fa fa-train"></i> |
|
| 496 | truck | <i class="fa fa-truck"></i> |
|
| 497 | wheelchair | <i class="fa fa-wheelchair"></i> |
Gender Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 498 | genderless | <i class="fa fa-genderless"></i> |
|
| 499 | intersex | <i class="fa fa-intersex"></i> |
|
| 500 | mars | <i class="fa fa-mars"></i> |
|
| 501 | mars-double | <i class="fa fa-mars-double"></i> |
|
| 502 | mars-stroke | <i class="fa fa-mars-stroke"></i> |
|
| 503 | mars-stroke-h | <i class="fa fa-mars-stroke-h"></i> |
|
| 504 | mars-stroke-v | <i class="fa fa-mars-stroke-v"></i> |
|
| 505 | mercury | <i class="fa fa-mercury"></i> |
|
| 506 | neuter | <i class="fa fa-neuter"></i> |
|
| 507 | transgender | <i class="fa fa-transgender"></i> |
|
| 508 | transgender-alt | <i class="fa fa-transgender-alt"></i> |
|
| 509 | venus | <i class="fa fa-venus"></i> |
|
| 510 | venus-double | <i class="fa fa-venus-double"></i> |
|
| 511 | venus-mars | <i class="fa fa-venus-mars"></i> |
File Type Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 512 | file | <i class="fa fa-file"></i> |
|
| 513 | file-archive-o | <i class="fa fa-file-archive-o"></i> |
|
| 514 | file-audio-o | <i class="fa fa-file-audio-o"></i> |
|
| 515 | file-code-o | <i class="fa fa-file-code-o"></i> |
|
| 516 | file-excel-o | <i class="fa fa-file-excel-o"></i> |
|
| 517 | file-image-o | <i class="fa fa-file-image-o"></i> |
|
| 518 | file-movie-o | <i class="fa fa-file-movie-o"></i> |
|
| 519 | file-o | <i class="fa fa-file-o"></i> |
|
| 520 | file-pdf-o | <i class="fa fa-file-pdf-o"></i> |
|
| 521 | file-photo-o | <i class="fa fa-file-photo-o"></i> |
|
| 522 | file-picture-o | <i class="fa fa-file-picture-o"></i> |
|
| 523 | file-powerpoint-o | <i class="fa fa-file-powerpoint-o"></i> |
|
| 524 | file-sound-o | <i class="fa fa-file-sound-o"></i> |
|
| 525 | file-text | <i class="fa fa-file-text"></i> |
|
| 526 | file-text-o | <i class="fa fa-file-text-o"></i> |
|
| 527 | file-video-o | <i class="fa fa-file-video-o"></i> |
|
| 528 | file-word-o | <i class="fa fa-file-word-o"></i> |
|
| 529 | file-zip-o | <i class="fa fa-file-zip-o"></i> |
Spinner Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 530 | circle-o-notch | <i class="fa fa-circle-o-notch fa-spin"></i> |
|
| 531 | cog | <i class="fa fa-cog fa-spin"></i> |
|
| 532 | gear | <i class="fa fa-gear fa-spin"></i> |
|
| 533 | refresh | <i class="fa fa-refresh fa-spin"></i> |
|
| 534 | spinner | <i class="fa fa-spinner fa-spin"></i> |
Form Control Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 535 | check-square | <i class="fa fa-check-square"></i> |
|
| 536 | check-square-o | <i class="fa fa-check-square-o"></i> |
|
| 537 | circle | <i class="fa fa-circle"></i> |
|
| 538 | circle-o | <i class="fa fa-circle-o"></i> |
|
| 539 | dot-circle-o | <i class="fa fa-dot-circle-o"></i> |
|
| 540 | minus-square | <i class="fa fa-minus-square"></i> |
|
| 541 | minus-square-o | <i class="fa fa-minus-square-o"></i> |
|
| 542 | plus-square | <i class="fa fa-plus-square"></i> |
|
| 543 | plus-square-o | <i class="fa fa-plus-square-o"></i> |
|
| 544 | square | <i class="fa fa-square"></i> |
|
| 545 | square-o | <i class="fa fa-square-o"></i> |
Payment Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 546 | cc-amex | <i class="fa fa-cc-amex"></i> |
|
| 547 | cc-diners-club | <i class="fa fa-cc-diners-club"></i> |
|
| 548 | cc-discover | <i class="fa fa-cc-discover"></i> |
|
| 549 | cc-jcb | <i class="fa fa-cc-jcb"></i> |
|
| 550 | cc-mastercard | <i class="fa fa-cc-mastercard"></i> |
|
| 551 | cc-paypal | <i class="fa fa-cc-paypal"></i> |
|
| 552 | cc-stripe | <i class="fa fa-cc-stripe"></i> |
|
| 553 | cc-visa | <i class="fa fa-cc-visa"></i> |
|
| 554 | credit-card | <i class="fa fa-credit-card"></i> |
|
| 555 | credit-card-alt | <i class="fa fa-credit-card-alt"></i> |
|
| 556 | google-wallet | <i class="fa fa-google-wallet"></i> |
|
| 557 | paypal | <i class="fa fa-paypal"></i> |
Chart Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 558 | area-chart | <i class="fa fa-area-chart"></i> |
|
| 559 | bar-chart | <i class="fa fa-bar-chart"></i> |
|
| 560 | bar-chart-o | <i class="fa fa-bar-chart-o"></i> |
|
| 561 | line-chart | <i class="fa fa-line-chart"></i> |
|
| 562 | pie-chart | <i class="fa fa-pie-chart"></i> |
Currency Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 563 | bitcoin | <i class="fa fa-bitcoin"></i> |
|
| 564 | btc | <i class="fa fa-btc"></i> |
|
| 565 | cny | <i class="fa fa-cny"></i> |
|
| 566 | dollar | <i class="fa fa-dollar"></i> |
|
| 567 | eur | <i class="fa fa-eur"></i> |
|
| 568 | euro | <i class="fa fa-euro"></i> |
|
| 569 | gbp | <i class="fa fa-gbp"></i> |
|
| 570 | gg | <i class="fa fa-gg"></i> |
|
| 571 | gg-circle | <i class="fa fa-gg-circle"></i> |
|
| 572 | ils | <i class="fa fa-ils"></i> |
|
| 573 | inr | <i class="fa fa-inr"></i> |
|
| 574 | jpy | <i class="fa fa-jpy"></i> |
|
| 575 | krw | <i class="fa fa-krw"></i> |
|
| 576 | money | <i class="fa fa-money"></i> |
|
| 577 | rmb | <i class="fa fa-rmb"></i> |
|
| 578 | rouble | <i class="fa fa-rouble"></i> |
|
| 579 | rub | <i class="fa fa-rub"></i> |
|
| 580 | ruble | <i class="fa fa-ruble"></i> |
|
| 581 | rupee | <i class="fa fa-rupee"></i> |
|
| 582 | shekel | <i class="fa fa-shekel"></i> |
|
| 583 | sheqel | <i class="fa fa-sheqel"></i> |
|
| 584 | try | <i class="fa fa-try"></i> |
|
| 585 | turkish-lira | <i class="fa fa-turkish-lira"></i> |
|
| 586 | usd | <i class="fa fa-usd"></i> |
|
| 587 | won | <i class="fa fa-won"></i> |
|
| 588 | yen | <i class="fa fa-yen"></i> |
Text Editor Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 589 | align-center | <i class="fa fa-align-center"></i> |
|
| 590 | align-justify | <i class="fa fa-align-justify"></i> |
|
| 591 | align-left | <i class="fa fa-align-left"></i> |
|
| 592 | align-right | <i class="fa fa-align-right"></i> |
|
| 593 | bold | <i class="fa fa-bold"></i> |
|
| 594 | chain | <i class="fa fa-chain"></i> |
|
| 595 | chain-broken | <i class="fa fa-chain-broken"></i> |
|
| 596 | clipboard | <i class="fa fa-clipboard"></i> |
|
| 597 | columns | <i class="fa fa-columns"></i> |
|
| 598 | copy | <i class="fa fa-copy"></i> |
|
| 599 | cut | <i class="fa fa-cut"></i> |
|
| 600 | dedent | <i class="fa fa-dedent"></i> |
|
| 601 | eraser | <i class="fa fa-eraser"></i> |
|
| 602 | file | <i class="fa fa-file"></i> |
|
| 603 | file-o | <i class="fa fa-file-o"></i> |
|
| 604 | file-text | <i class="fa fa-file-text"></i> |
|
| 605 | file-text-o | <i class="fa fa-file-text-o"></i> |
|
| 606 | files-o | <i class="fa fa-files-o"></i> |
|
| 607 | floppy-o | <i class="fa fa-floppy-o"></i> |
|
| 608 | font | <i class="fa fa-font"></i> |
|
| 609 | header | <i class="fa fa-header"></i> |
|
| 610 | indent | <i class="fa fa-indent"></i> |
|
| 611 | italic | <i class="fa fa-italic"></i> |
|
| 612 | link | <i class="fa fa-link"></i> |
|
| 613 | list | <i class="fa fa-list"></i> |
|
| 614 | list-alt | <i class="fa fa-list-alt"></i> |
|
| 615 | list-ol | <i class="fa fa-list-ol"></i> |
|
| 616 | list-ul | <i class="fa fa-list-ul"></i> |
|
| 617 | outdent | <i class="fa fa-outdent"></i> |
|
| 618 | paperclip | <i class="fa fa-paperclip"></i> |
|
| 619 | paragraph | <i class="fa fa-paragraph"></i> |
|
| 620 | paste | <i class="fa fa-paste"></i> |
|
| 621 | repeat | <i class="fa fa-repeat"></i> |
|
| 622 | rotate-left | <i class="fa fa-rotate-left"></i> |
|
| 623 | rotate-right | <i class="fa fa-rotate-right"></i> |
|
| 624 | save | <i class="fa fa-save"></i> |
|
| 625 | scissors | <i class="fa fa-scissors"></i> |
|
| 626 | strikethrough | <i class="fa fa-strikethrough"></i> |
|
| 627 | subscript | <i class="fa fa-subscript"></i> |
|
| 628 | superscript | <i class="fa fa-superscript"></i> |
|
| 629 | table | <i class="fa fa-table"></i> |
|
| 630 | text-height | <i class="fa fa-text-height"></i> |
|
| 631 | text-width | <i class="fa fa-text-width"></i> |
|
| 632 | th | <i class="fa fa-th"></i> |
|
| 633 | th-large | <i class="fa fa-th-large"></i> |
|
| 634 | th-list | <i class="fa fa-th-list"></i> |
|
| 635 | underline | <i class="fa fa-underline"></i> |
|
| 636 | undo | <i class="fa fa-undo"></i> |
|
| 637 | unlink | <i class="fa fa-unlink"></i> |
Directional Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 638 | angle-double-down | <i class="fa fa-angle-double-down"></i> |
|
| 639 | angle-double-left | <i class="fa fa-angle-double-left"></i> |
|
| 640 | angle-double-right | <i class="fa fa-angle-double-right"></i> |
|
| 641 | angle-double-up | <i class="fa fa-angle-double-up"></i> |
|
| 642 | angle-down | <i class="fa fa-angle-down"></i> |
|
| 643 | angle-left | <i class="fa fa-angle-left"></i> |
|
| 644 | angle-right | <i class="fa fa-angle-right"></i> |
|
| 645 | angle-up | <i class="fa fa-angle-up"></i> |
|
| 646 | arrow-circle-down | <i class="fa fa-arrow-circle-down"></i> |
|
| 647 | arrow-circle-left | <i class="fa fa-arrow-circle-left"></i> |
|
| 648 | arrow-circle-o-down | <i class="fa fa-arrow-circle-o-down"></i> |
|
| 649 | arrow-circle-o-left | <i class="fa fa-arrow-circle-o-left"></i> |
|
| 650 | arrow-circle-o-right | <i class="fa fa-arrow-circle-o-right"></i> |
|
| 651 | arrow-circle-o-up | <i class="fa fa-arrow-circle-o-up"></i> |
|
| 652 | arrow-circle-right | <i class="fa fa-arrow-circle-right"></i> |
|
| 653 | arrow-circle-up | <i class="fa fa-arrow-circle-up"></i> |
|
| 654 | arrow-down | <i class="fa fa-arrow-down"></i> |
|
| 655 | arrow-left | <i class="fa fa-arrow-left"></i> |
|
| 656 | arrow-right | <i class="fa fa-arrow-right"></i> |
|
| 657 | arrow-up | <i class="fa fa-arrow-up"></i> |
|
| 658 | arrows | <i class="fa fa-arrows"></i> |
|
| 659 | arrows-alt | <i class="fa fa-arrows-alt"></i> |
|
| 660 | arrows-h | <i class="fa fa-arrows-h"></i> |
|
| 661 | arrows-v | <i class="fa fa-arrows-v"></i> |
|
| 662 | caret-down | <i class="fa fa-caret-down"></i> |
|
| 663 | caret-left | <i class="fa fa-caret-left"></i> |
|
| 664 | caret-right | <i class="fa fa-caret-right"></i> |
|
| 665 | caret-square-o-down | <i class="fa fa-caret-square-o-down"></i> |
|
| 666 | caret-square-o-left | <i class="fa fa-caret-square-o-left"></i> |
|
| 667 | caret-square-o-right | <i class="fa fa-caret-square-o-right"></i> |
|
| 668 | caret-square-o-up | <i class="fa fa-caret-square-o-up"></i> |
|
| 669 | caret-up | <i class="fa fa-caret-up"></i> |
|
| 670 | chevron-circle-down | <i class="fa fa-chevron-circle-down"></i> |
|
| 671 | chevron-circle-left | <i class="fa fa-chevron-circle-left"></i> |
|
| 672 | chevron-circle-right | <i class="fa fa-chevron-circle-right"></i> |
|
| 673 | chevron-circle-up | <i class="fa fa-chevron-circle-up"></i> |
|
| 674 | chevron-down | <i class="fa fa-chevron-down"></i> |
|
| 675 | chevron-left | <i class="fa fa-chevron-left"></i> |
|
| 676 | chevron-right | <i class="fa fa-chevron-right"></i> |
|
| 677 | chevron-up | <i class="fa fa-chevron-up"></i> |
|
| 678 | exchange | <i class="fa fa-exchange"></i> |
|
| 679 | hand-o-down | <i class="fa fa-hand-o-down"></i> |
|
| 680 | hand-o-left | <i class="fa fa-hand-o-left"></i> |
|
| 681 | hand-o-right | <i class="fa fa-hand-o-right"></i> |
|
| 682 | hand-o-up | <i class="fa fa-hand-o-up"></i> |
|
| 683 | long-arrow-down | <i class="fa fa-long-arrow-down"></i> |
|
| 684 | long-arrow-left | <i class="fa fa-long-arrow-left"></i> |
|
| 685 | long-arrow-right | <i class="fa fa-long-arrow-right"></i> |
|
| 686 | long-arrow-up | <i class="fa fa-long-arrow-up"></i> |
|
| 687 | toggle-down | <i class="fa fa-toggle-down"></i> |
|
| 688 | toggle-left | <i class="fa fa-toggle-left"></i> |
|
| 689 | toggle-right | <i class="fa fa-toggle-right"></i> |
|
| 690 | toggle-up | <i class="fa fa-toggle-up"></i> |
Video Player Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 691 | arrows-alt | <i class="fa fa-arrows-alt"></i> |
|
| 692 | backward | <i class="fa fa-backward"></i> |
|
| 693 | compress | <i class="fa fa-compress"></i> |
|
| 694 | eject | <i class="fa fa-eject"></i> |
|
| 695 | expand | <i class="fa fa-expand"></i> |
|
| 696 | fast-backward | <i class="fa fa-fast-backward"></i> |
|
| 697 | fast-forward | <i class="fa fa-fast-forward"></i> |
|
| 698 | forward | <i class="fa fa-forward"></i> |
|
| 699 | pause | <i class="fa fa-pause"></i> |
|
| 700 | pause-circle | <i class="fa fa-pause-circle"></i> |
|
| 701 | pause-circle-o | <i class="fa fa-pause-circle-o"></i> |
|
| 702 | play | <i class="fa fa-play"></i> |
|
| 703 | play-circle | <i class="fa fa-play-circle"></i> |
|
| 704 | play-circle-o | <i class="fa fa-play-circle-o"></i> |
|
| 705 | random | <i class="fa fa-random"></i> |
|
| 706 | step-backward | <i class="fa fa-step-backward"></i> |
|
| 707 | step-forward | <i class="fa fa-step-forward"></i> |
|
| 708 | stop | <i class="fa fa-stop"></i> |
|
| 709 | stop-circle | <i class="fa fa-stop-circle"></i> |
|
| 710 | stop-circle-o | <i class="fa fa-stop-circle-o"></i> |
|
| 711 | youtube-play | <i class="fa fa-youtube-play"></i> |
Brand Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 712 | 500px | <i class="fa fa-500px"></i> |
|
| 713 | adn | <i class="fa fa-adn"></i> |
|
| 714 | amazon | <i class="fa fa-amazon"></i> |
|
| 715 | android | <i class="fa fa-android"></i> |
|
| 716 | angellist | <i class="fa fa-angellist"></i> |
|
| 717 | apple | <i class="fa fa-apple"></i> |
|
| 718 | behance | <i class="fa fa-behance"></i> |
|
| 719 | behance-square | <i class="fa fa-behance-square"></i> |
|
| 720 | bitbucket | <i class="fa fa-bitbucket"></i> |
|
| 721 | bitbucket-square | <i class="fa fa-bitbucket-square"></i> |
|
| 722 | bitcoin | <i class="fa fa-bitcoin"></i> |
|
| 723 | black-tie | <i class="fa fa-black-tie"></i> |
|
| 724 | bluetooth | <i class="fa fa-bluetooth"></i> |
|
| 725 | bluetooth-b | <i class="fa fa-bluetooth-b"></i> |
|
| 726 | btc | <i class="fa fa-btc"></i> |
|
| 727 | buysellads | <i class="fa fa-buysellads"></i> |
|
| 728 | cc-amex | <i class="fa fa-cc-amex"></i> |
|
| 729 | cc-diners-club | <i class="fa fa-cc-diners-club"></i> |
|
| 730 | cc-discover | <i class="fa fa-cc-discover"></i> |
|
| 731 | cc-jcb | <i class="fa fa-cc-jcb"></i> |
|
| 732 | cc-mastercard | <i class="fa fa-cc-mastercard"></i> |
|
| 733 | cc-paypal | <i class="fa fa-cc-paypal"></i> |
|
| 734 | cc-stripe | <i class="fa fa-cc-stripe"></i> |
|
| 735 | cc-visa | <i class="fa fa-cc-visa"></i> |
|
| 736 | chrome | <i class="fa fa-chrome"></i> |
|
| 737 | codepen | <i class="fa fa-codepen"></i> |
|
| 738 | codiepie | <i class="fa fa-codiepie"></i> |
|
| 739 | connectdevelop | <i class="fa fa-connectdevelop"></i> |
|
| 740 | contao | <i class="fa fa-contao"></i> |
|
| 741 | css3 | <i class="fa fa-css3"></i> |
|
| 742 | dashcube | <i class="fa fa-dashcube"></i> |
|
| 743 | delicious | <i class="fa fa-delicious"></i> |
|
| 744 | deviantart | <i class="fa fa-deviantart"></i> |
|
| 745 | digg | <i class="fa fa-digg"></i> |
|
| 746 | dribbble | <i class="fa fa-dribbble"></i> |
|
| 747 | dropbox | <i class="fa fa-dropbox"></i> |
|
| 748 | drupal | <i class="fa fa-drupal"></i> |
|
| 749 | edge | <i class="fa fa-edge"></i> |
|
| 750 | empire | <i class="fa fa-empire"></i> |
|
| 751 | envira | <i class="fa fa-envira"></i> |
|
| 752 | expeditedssl | <i class="fa fa-expeditedssl"></i> |
|
| 754 | <i class="fa fa-facebook"></i> |
||
| 755 | facebook-f | <i class="fa fa-facebook-f"></i> |
|
| 756 | facebook-official | <i class="fa fa-facebook-official"></i> |
|
| 757 | facebook-square | <i class="fa fa-facebook-square"></i> |
|
| 758 | firefox | <i class="fa fa-firefox"></i> |
|
| 760 | flickr | <i class="fa fa-flickr"></i> |
|
| 762 | fonticons | <i class="fa fa-fonticons"></i> |
|
| 763 | fort-awesome | <i class="fa fa-fort-awesome"></i> |
|
| 764 | forumbee | <i class="fa fa-forumbee"></i> |
|
| 765 | foursquare | <i class="fa fa-foursquare"></i> |
|
| 766 | ge | <i class="fa fa-ge"></i> |
|
| 767 | get-pocket | <i class="fa fa-get-pocket"></i> |
|
| 768 | gg | <i class="fa fa-gg"></i> |
|
| 769 | gg-circle | <i class="fa fa-gg-circle"></i> |
|
| 770 | git | <i class="fa fa-git"></i> |
|
| 771 | git-square | <i class="fa fa-git-square"></i> |
|
| 772 | github | <i class="fa fa-github"></i> |
|
| 773 | github-alt | <i class="fa fa-github-alt"></i> |
|
| 774 | github-square | <i class="fa fa-github-square"></i> |
|
| 775 | gitlab | <i class="fa fa-gitlab"></i> |
|
| 776 | gittip | <i class="fa fa-gittip"></i> |
|
| 777 | glide | <i class="fa fa-glide"></i> |
|
| 778 | glide-g | <i class="fa fa-glide-g"></i> |
|
| 779 | <i class="fa fa-google"></i> |
||
| 780 | google-plus | <i class="fa fa-google-plus"></i> |
|
| 783 | google-plus-square | <i class="fa fa-google-plus-square"></i> |
|
| 784 | google-wallet | <i class="fa fa-google-wallet"></i> |
|
| 785 | gratipay | <i class="fa fa-gratipay"></i> |
|
| 786 | hacker-news | <i class="fa fa-hacker-news"></i> |
|
| 787 | houzz | <i class="fa fa-houzz"></i> |
|
| 788 | html5 | <i class="fa fa-html5"></i> |
|
| 789 | <i class="fa fa-instagram"></i> |
||
| 790 | internet-explorer | <i class="fa fa-internet-explorer"></i> |
|
| 791 | ioxhost | <i class="fa fa-ioxhost"></i> |
|
| 792 | joomla | <i class="fa fa-joomla"></i> |
|
| 793 | jsfiddle | <i class="fa fa-jsfiddle"></i> |
|
| 794 | lastfm | <i class="fa fa-lastfm"></i> |
|
| 795 | lastfm-square | <i class="fa fa-lastfm-square"></i> |
|
| 796 | leanpub | <i class="fa fa-leanpub"></i> |
|
| 797 | <i class="fa fa-linkedin"></i> |
||
| 798 | linkedin-square | <i class="fa fa-linkedin-square"></i> |
|
| 799 | linux | <i class="fa fa-linux"></i> |
|
| 800 | maxcdn | <i class="fa fa-maxcdn"></i> |
|
| 801 | meanpath | <i class="fa fa-meanpath"></i> |
|
| 802 | medium | <i class="fa fa-medium"></i> |
|
| 803 | mixcloud | <i class="fa fa-mixcloud"></i> |
|
| 804 | modx | <i class="fa fa-modx"></i> |
|
| 805 | odnoklassniki | <i class="fa fa-odnoklassniki"></i> |
|
| 806 | odnoklassniki-square | <i class="fa fa-odnoklassniki-square"></i> |
|
| 807 | opencart | <i class="fa fa-opencart"></i> |
|
| 808 | openid | <i class="fa fa-openid"></i> |
|
| 809 | opera | <i class="fa fa-opera"></i> |
|
| 810 | optin-monster | <i class="fa fa-optin-monster"></i> |
|
| 811 | pagelines | <i class="fa fa-pagelines"></i> |
|
| 812 | paypal | <i class="fa fa-paypal"></i> |
|
| 813 | pied-piper | <i class="fa fa-pied-piper"></i> |
|
| 814 | pied-piper-alt | <i class="fa fa-pied-piper-alt"></i> |
|
| 816 | <i class="fa fa-pinterest"></i> |
||
| 817 | pinterest-p | <i class="fa fa-pinterest-p"></i> |
|
| 818 | pinterest-square | <i class="fa fa-pinterest-square"></i> |
|
| 819 | product-hunt | <i class="fa fa-product-hunt"></i> |
|
| 820 | <i class="fa fa-qq"></i> |
||
| 821 | ra | <i class="fa fa-ra"></i> |
|
| 822 | rebel | <i class="fa fa-rebel"></i> |
|
| 823 | <i class="fa fa-reddit"></i> |
||
| 824 | reddit-alien | <i class="fa fa-reddit-alien"></i> |
|
| 825 | reddit-square | <i class="fa fa-reddit-square"></i> |
|
| 826 | renren | <i class="fa fa-renren"></i> |
|
| 828 | safari | <i class="fa fa-safari"></i> |
|
| 829 | scribd | <i class="fa fa-scribd"></i> |
|
| 830 | sellsy | <i class="fa fa-sellsy"></i> |
|
| 831 | share-alt | <i class="fa fa-share-alt"></i> |
|
| 832 | share-alt-square | <i class="fa fa-share-alt-square"></i> |
|
| 833 | shirtsinbulk | <i class="fa fa-shirtsinbulk"></i> |
|
| 834 | simplybuilt | <i class="fa fa-simplybuilt"></i> |
|
| 835 | skyatlas | <i class="fa fa-skyatlas"></i> |
|
| 836 | skype | <i class="fa fa-skype"></i> |
|
| 837 | slack | <i class="fa fa-slack"></i> |
|
| 838 | slideshare | <i class="fa fa-slideshare"></i> |
|
| 839 | snapchat | <i class="fa fa-snapchat"></i> |
|
| 840 | snapchat-ghost | <i class="fa fa-snapchat-ghost"></i> |
|
| 841 | snapchat-square | <i class="fa fa-snapchat-square"></i> |
|
| 842 | soundcloud | <i class="fa fa-soundcloud"></i> |
|
| 843 | spotify | <i class="fa fa-spotify"></i> |
|
| 844 | stack-exchange | <i class="fa fa-stack-exchange"></i> |
|
| 845 | stack-overflow | <i class="fa fa-stack-overflow"></i> |
|
| 846 | steam | <i class="fa fa-steam"></i> |
|
| 847 | steam-square | <i class="fa fa-steam-square"></i> |
|
| 848 | stumbleupon | <i class="fa fa-stumbleupon"></i> |
|
| 849 | stumbleupon-circle | <i class="fa fa-stumbleupon-circle"></i> |
|
| 850 | tencent-weibo | <i class="fa fa-tencent-weibo"></i> |
|
| 852 | trello | <i class="fa fa-trello"></i> |
|
| 853 | tripadvisor | <i class="fa fa-tripadvisor"></i> |
|
| 854 | tumblr | <i class="fa fa-tumblr"></i> |
|
| 855 | tumblr-square | <i class="fa fa-tumblr-square"></i> |
|
| 856 | twitch | <i class="fa fa-twitch"></i> |
|
| 857 | <i class="fa fa-twitter"></i> |
||
| 858 | twitter-square | <i class="fa fa-twitter-square"></i> |
|
| 859 | usb | <i class="fa fa-usb"></i> |
|
| 860 | viacoin | <i class="fa fa-viacoin"></i> |
|
| 861 | viadeo | <i class="fa fa-viadeo"></i> |
|
| 862 | viadeo-square | <i class="fa fa-viadeo-square"></i> |
|
| 863 | vimeo | <i class="fa fa-vimeo"></i> |
|
| 864 | vimeo-square | <i class="fa fa-vimeo-square"></i> |
|
| 865 | vine | <i class="fa fa-vine"></i> |
|
| 866 | vk | <i class="fa fa-vk"></i> |
|
| 867 | <i class="fa fa-wechat"></i> |
||
| 868 | <i class="fa fa-weibo"></i> |
||
| 869 | weixin | <i class="fa fa-weixin"></i> |
|
| 870 | <i class="fa fa-whatsapp"></i> |
||
| 871 | wikipedia-w | <i class="fa fa-wikipedia-w"></i> |
|
| 872 | windows | <i class="fa fa-windows"></i> |
|
| 873 | wordpress | <i class="fa fa-wordpress"></i> |
|
| 874 | wpbeginner | <i class="fa fa-wpbeginner"></i> |
|
| 875 | wpforms | <i class="fa fa-wpforms"></i> |
|
| 876 | <i class="fa fa-xing"></i> |
||
| 877 | xing-square | <i class="fa fa-xing-square"></i> |
|
| 878 | y-combinator | <i class="fa fa-y-combinator"></i> |
|
| 879 | y-combinator-square | <i class="fa fa-y-combinator-square"></i> |
|
| 880 | yahoo | <i class="fa fa-yahoo"></i> |
|
| 881 | yc | <i class="fa fa-yc"></i> |
|
| 882 | yc-square | <i class="fa fa-yc-square"></i> |
|
| 883 | yelp | <i class="fa fa-yelp"></i> |
|
| 885 | youtube | <i class="fa fa-youtube"></i> |
|
| 886 | youtube-play | <i class="fa fa-youtube-play"></i> |
|
| 887 | youtube-square | <i class="fa fa-youtube-square"></i> |
Medical Icons
| # | アイコン | アイコン名 | 書き方 |
|---|---|---|---|
| 888 | ambulance | <i class="fa fa-ambulance"></i> |
|
| 889 | h-square | <i class="fa fa-h-square"></i> |
|
| 890 | heart | <i class="fa fa-heart"></i> |
|
| 891 | heart-o | <i class="fa fa-heart-o"></i> |
|
| 892 | heartbeat | <i class="fa fa-heartbeat"></i> |
|
| 893 | hospital-o | <i class="fa fa-hospital-o"></i> |
|
| 894 | medkit | <i class="fa fa-medkit"></i> |
|
| 895 | plus-square | <i class="fa fa-plus-square"></i> |
|
| 896 | stethoscope | <i class="fa fa-stethoscope"></i> |
|
| 897 | user-md | <i class="fa fa-user-md"></i> |
|
| 898 | wheelchair | <i class="fa fa-wheelchair"></i> |
FAQ的なもの
同じアイコンが複数ある
Font Awesomeでは同じアイコンに別名(Alias)が設定されていることがあり、それも一覧に含めたため同じアイコンが複数回出てきます。
番号に抜けがある
現在Qiitaが読み込んでいるFont Awesomeのバージョンと、アイコン一覧を抽出したときの最新バージョンが違うためです。
Kobitoでは使えますか
Kobitoから投稿された記事でも表示されます。 ただし、Kobito内のリアルタイムプレビュー画面では表示されません。
「環境設定」から「プレビューにカスタムCSSを適用する」にチェックを入れ、「カスタムCSSを開く」からCSSファイルに以下を記載すればKobitoのプレビュー画面でも表示されます。
custom.css
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.1/css/font-awesome.min.css);
どうやって一覧化したのですか
Google ChromeでFont Awesome Iconsにアクセスし、Developer Toolsコンソールから下記のコードを実行しました。
in-chrome-console.js
let count = 0;
const results = ["## アイコン一覧"];
jQuery('section')
.slice(2)
.each((i, section) => {
const spin = section.id === 'spinner';
results.push(`
### ${jQuery('h2', section).text().trim()}
| # | アイコン | アイコン名 | 書き方 |
|:-:|:------:|:---------|:------|`);
jQuery('div > div > a', section).each((j, font) => {
const name = jQuery(font).contents().filter(function() {
return this.nodeType === 3;
}).text().trim();
const code = `<i class="fa fa-${name}${spin ? ' fa-spin' : ''}"></i>`;
results.push(`| ${count += 1} | ${code} | ${name} | \`${code}\` |`);
});
});
console.log(results.join("\n"));