Qiita
FontAwesome

Qiitaで使えるアイコン一覧(あるいはFont Awesome 4.6.1 チートシート)

More than 1 year has passed since last update.


追記(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+FCommand+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

instagram
<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

print
<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

facebook
<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

google
<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

instagram
<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

linkedin
<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

pinterest
<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

qq
<i class="fa fa-qq"></i>

821

ra
<i class="fa fa-ra"></i>

822

rebel
<i class="fa fa-rebel"></i>

823

reddit
<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

twitter
<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

wechat
<i class="fa fa-wechat"></i>

868

weibo
<i class="fa fa-weibo"></i>

869

weixin
<i class="fa fa-weixin"></i>

870

whatsapp
<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

xing
<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"));