〈景品表示法に基づく表記〉当サイトはアフィリエイトプログラムの収益を得ています。

ブログを書くコツ

【アイコン一覧】AFFINGER6のオリジナルアイコンリスト

ワードプレステーマ「AFFINGER6」の便利な機能として、オリジナルアイコンがある。

　

AFFINGERのテーマを導入している場合、プラグインを導入しなくてもアイコンを使用することができる。

　

この記事では「AFFINGER6」のアイコンの使い方とオリジナルアイコン一覧を紹介する。

　

この記事の目次
  1. アイコンの使い方
  2. アイコンの種類

アイコンの使い方

表示したい好きな場所に次のショートコードを入力するだけ。

　

[st-i class="（クラス名）" add_style="color:#000000;"]

　

例えば「ペン」のコードは次のようになる。

"st-svg-pencil" には好きなアイコンが記入できる。

color:#000000; には好きなカラーコードが記入できる。

　　

アイコンの種類

「AFFINGER6」では１１２種類の豊富なアイコンが使える。

　

基本のアイコン（３４種）

名称アイコンクラス名unicode
ペンst-svg-pencilf040
メモst-svg-file-text-of0f6
（反転）st-svg-file-text-of15c
チェックst-svg-checkf00c
注意st-svg-exclamation-circlef06a
（反転）st-svg-exclamation-trianglef071
リンクst-svg-linkf0c1
はてなst-svg-question-circlef059
虫めがねst-svg-searchf002
（plus）st-svg-search-plusf00e
（minus）st-svg-search-minusf010
プラスst-svg-plus-thine923
マイナスst-svg-minus-thine922
ハートst-svg-heartf004
ユーザーst-svg-userf007
コメントst-svg-commentf075
電球st-svg-lightbulb-of0eb
（三角）st-svg-lightbulbe915
お知らせst-svg-bullhornf0a1
ダイヤst-svg-diamondf219
王冠st-svg-oukane908
初心者st-svg-bigginer_le910
インフォst-svg-info-circlef05a
マルst-svg-circle-of10c
バツst-svg-timesf00d
ニジュウマルst-svg-circle-we920
サンカクst-svg-trianglee92b
バーst-svg-bordere91d
Likest-svg-thumbs-o-upf087
（反転）st-svg-thumbs-upf164
Badst-svg-thumbs-o-downf088
（反転）st-svg-thumbs-downf165
指さしst-svg-hand-o-rightf0a4
（反転）st-svg-hand-righte974
時計st-svg-clock-of017
表情（嬉）st-svg-emotion-smilee91b
表情（普）st-svg-emotion-mehe91a
表情（悲）st-svg-emotion-frowne919

　

その他のアイコン（５５種）

家（HOME）st-svg-homef015
目st-svg-eyef06e
目隠しst-svg-eye-slashf070
フォルダーst-svg-folderf07b
（open）st-svg-folder-open-of115
ピンst-svg-thumb-tackf08d
コピーst-svg-copyf0c5
カメラst-svg-cameraf030
（レトロ）st-svg-camera-retrof080
ペンst-svg-pencil-square-of044
クレジットst-svg-credit-card-altf283
お金st-svg-moneyf0d6
外部リンクst-svg-external-linkf08e
カートst-svg-shopping-cartf217
マップst-svg-map-markerf041
サインインst-svg-sign-inf090
サインアウトst-svg-sign-outf08b
目次st-svg-toce91c
ダウンロードst-svg-cloud-downloadf0ed
ダウンロードst-svg-downloadf019
クリップst-svg-paperclipf0c6
ロックst-svg-lockf023
（空き）st-svg-unlock-altf13e
PCst-svg-desktopf108
タブレットst-svg-tabletf10a
モバイルst-svg-mobilef10b
プリントst-svg-printf02f
チャートst-svg-line-chartf201
動画st-svg-youtube-playf16a
メールst-svg-envelope-of003
（反転）st-svg-envelopef0e0
写真st-svg-picture-of03e
ギフトst-svg-giftf06b
スターst-svg-starf005
（half）st-svg-star-half-of123
（反転）st-svg-star-of006
プラグst-svg-plugf1e6
本st-svg-bookf02d
ブックマークst-svg-bookmarkf02e
PDFst-svg-pdf-of1c1
ZIPst-svg-file-zip-of1c6
codest-svg-codef121
ベルst-svg-bellf0f3
トロフィーst-svg-trophyf091
魔法st-svg-magicf0d0
タグst-svg-tagf02b
ショートコードst-svg-shortcodee99a
紙飛行機st-svg-paper-planef1d8
カレンダーst-svg-calendarf073
写真st-svg-file-image-of1c5
フラッグst-svg-flagf024
箱st-svg-inboxf01c
新聞st-svg-newspaper-of1ea
Pst-svg-product-huntf288
パレットst-svg-palettee925

　

ブランドのアイコン（７種）

instagramst-svg-instagramf16d
twitterst-svg-twitterf099
googlest-svg-googlef1a0
pinterestst-svg-pinterest-pf231
amazonst-svg-amazonf270
wordpressst-svg-wordpressf19a
LINEst-svg-linee912

矢印のアイコン（１３種）

double-upst-svg-double-upf102
double-downst-svg-angle-double-downf103
double-rightst-svg-angle-double-rightf101
angle-downst-svg-angle-downf107
angle-rightst-svg-angle-rightf105
angle-upst-svg-angle-upf106
caret-rightst-svg-caret-rightf0da
arrow-circle-o-rightst-svg-arrow-circle-o-rightf18e
arrow-circle-rightst-svg-arrow-circle-rightf0a9
arrow-rightst-svg-arrow-rightf061
chevron-downst-svg-chevron-downf078
chevron-rightst-svg-chevron-rightf054
arrowst-svg-arrowe900

  • この記事を書いた人

ジェームス

元公務員。既婚。ファイナンシャルプランナー。新人ユーチューバー。2024年6月「デイリーフォース」開設。23年にオヤジが突然の末期癌で死亡。時間は意外と短いことに気が付かされる。趣味は登山と野球。

おすすめ記事

-ブログを書くコツ