ワードプレステーマ「AFFINGER6」の便利な機能として、オリジナルアイコンがある。
AFFINGERのテーマを導入している場合、プラグインを導入しなくてもアイコンを使用することができる。
この記事では「AFFINGER6」のアイコンの使い方とオリジナルアイコン一覧を紹介する。
アイコンの使い方
[st-i class="(クラス名)" add_style="color:#000000;"]
例えば「ペン」のコードは次のようになる。
"st-svg-pencil"
には好きなアイコンが記入できる。
color:#000000;
には好きなカラーコードが記入できる。
アイコンの種類
「AFFINGER6」では112種類の豊富なアイコンが使える。
基本のアイコン(34種)
名称 | アイコン | クラス名 | unicode |
ペン | st-svg-pencil | f040 | |
メモ | st-svg-file-text-o | f0f6 | |
(反転) | st-svg-file-text-o | f15c | |
チェック | st-svg-check | f00c | |
注意 | st-svg-exclamation-circle | f06a | |
(反転) | st-svg-exclamation-triangle | f071 | |
リンク | st-svg-link | f0c1 | |
はてな | st-svg-question-circle | f059 | |
虫めがね | st-svg-search | f002 | |
(plus) | st-svg-search-plus | f00e | |
(minus) | st-svg-search-minus | f010 | |
プラス | st-svg-plus-thin | e923 | |
マイナス | st-svg-minus-thin | e922 | |
ハート | st-svg-heart | f004 | |
ユーザー | st-svg-user | f007 | |
コメント | st-svg-comment | f075 | |
電球 | st-svg-lightbulb-o | f0eb | |
(三角) | st-svg-lightbulb | e915 | |
お知らせ | st-svg-bullhorn | f0a1 | |
ダイヤ | st-svg-diamond | f219 | |
王冠 | st-svg-oukan | e908 | |
初心者 | st-svg-bigginer_l | e910 | |
インフォ | st-svg-info-circle | f05a | |
マル | st-svg-circle-o | f10c | |
バツ | st-svg-times | f00d | |
ニジュウマル | st-svg-circle-w | e920 | |
サンカク | st-svg-triangle | e92b | |
バー | st-svg-border | e91d | |
Like | st-svg-thumbs-o-up | f087 | |
(反転) | st-svg-thumbs-up | f164 | |
Bad | st-svg-thumbs-o-down | f088 | |
(反転) | st-svg-thumbs-down | f165 | |
指さし | st-svg-hand-o-right | f0a4 | |
(反転) | st-svg-hand-right | e974 | |
時計 | st-svg-clock-o | f017 | |
表情(嬉) | st-svg-emotion-smile | e91b | |
表情(普) | st-svg-emotion-meh | e91a | |
表情(悲) | st-svg-emotion-frown | e919 |
その他のアイコン(55種)
家(HOME) | st-svg-home | f015 | |
目 | st-svg-eye | f06e | |
目隠し | st-svg-eye-slash | f070 | |
フォルダー | st-svg-folder | f07b | |
(open) | st-svg-folder-open-o | f115 | |
ピン | st-svg-thumb-tack | f08d | |
コピー | st-svg-copy | f0c5 | |
カメラ | st-svg-camera | f030 | |
(レトロ) | st-svg-camera-retro | f080 | |
ペン | st-svg-pencil-square-o | f044 | |
クレジット | st-svg-credit-card-alt | f283 | |
お金 | st-svg-money | f0d6 | |
外部リンク | st-svg-external-link | f08e | |
カート | st-svg-shopping-cart | f217 | |
マップ | st-svg-map-marker | f041 | |
サインイン | st-svg-sign-in | f090 | |
サインアウト | st-svg-sign-out | f08b | |
目次 | st-svg-toc | e91c | |
ダウンロード | st-svg-cloud-download | f0ed | |
ダウンロード | st-svg-download | f019 | |
クリップ | st-svg-paperclip | f0c6 | |
ロック | st-svg-lock | f023 | |
(空き) | st-svg-unlock-alt | f13e | |
PC | st-svg-desktop | f108 | |
タブレット | st-svg-tablet | f10a | |
モバイル | st-svg-mobile | f10b | |
プリント | st-svg-print | f02f | |
チャート | st-svg-line-chart | f201 | |
動画 | st-svg-youtube-play | f16a | |
メール | st-svg-envelope-o | f003 | |
(反転) | st-svg-envelope | f0e0 | |
写真 | st-svg-picture-o | f03e | |
ギフト | st-svg-gift | f06b | |
スター | st-svg-star | f005 | |
(half) | st-svg-star-half-o | f123 | |
(反転) | st-svg-star-o | f006 | |
プラグ | st-svg-plug | f1e6 | |
本 | st-svg-book | f02d | |
ブックマーク | st-svg-bookmark | f02e | |
st-svg-pdf-o | f1c1 | ||
ZIP | st-svg-file-zip-o | f1c6 | |
code | st-svg-code | f121 | |
ベル | st-svg-bell | f0f3 | |
トロフィー | st-svg-trophy | f091 | |
魔法 | st-svg-magic | f0d0 | |
タグ | st-svg-tag | f02b | |
ショートコード | st-svg-shortcode | e99a | |
紙飛行機 | st-svg-paper-plane | f1d8 | |
カレンダー | st-svg-calendar | f073 | |
写真 | st-svg-file-image-o | f1c5 | |
フラッグ | st-svg-flag | f024 | |
箱 | st-svg-inbox | f01c | |
新聞 | st-svg-newspaper-o | f1ea | |
P | st-svg-product-hunt | f288 | |
パレット | st-svg-palette | e925 |
ブランドのアイコン(7種)
st-svg-instagram | f16d | ||
st-svg-twitter | f099 | ||
st-svg-google | f1a0 | ||
st-svg-pinterest-p | f231 | ||
amazon | st-svg-amazon | f270 | |
wordpress | st-svg-wordpress | f19a | |
LINE | st-svg-line | e912 |
矢印のアイコン(13種)
double-up | st-svg-double-up | f102 | |
double-down | st-svg-angle-double-down | f103 | |
double-right | st-svg-angle-double-right | f101 | |
angle-down | st-svg-angle-down | f107 | |
angle-right | st-svg-angle-right | f105 | |
angle-up | st-svg-angle-up | f106 | |
caret-right | st-svg-caret-right | f0da | |
arrow-circle-o-right | st-svg-arrow-circle-o-right | f18e | |
arrow-circle-right | st-svg-arrow-circle-right | f0a9 | |
arrow-right | st-svg-arrow-right | f061 | |
chevron-down | st-svg-chevron-down | f078 | |
chevron-right | st-svg-chevron-right | f054 | |
arrow | st-svg-arrow | e900 |