オリジナルアイコンリスト

各アイコンは[st-i class="(クラス名)" add_style=""]でも表示できます

コード例サンプル
[st-i class="st-svg-pencil" add_style="color:#ff0000;"]

add_style 属性には自由なCSSが記入できます

アイコンの種類

基本

名称アイコンクラス名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

※アイコンデザインは変更になる場合もございます

使用例

例えば「マイボックスブロック」のアイコンクラスに記入することでアイコンを変更できます。

使用例(マイボックス)

もっとアイコンを増やしたい場合は

解決しないことは検索もしてみてね

人気の解析ツールをセットにしたお得なパックです。サイトの状況や改善点を視覚化することで目標達成のためやるべきことが明確になります。

  • シンプルでわかりやすいアクセス解析
  • クリック計測・広告管理機能
  • ABテスト機能

今ならお得なキャンペーン中!

さらに詳しくみる

AFFINGERデザインカード

オススメ記事

no image 1

ver20240115よりレイアウト及びウィジェットエリア名称を一部変更いたしました。 下部にPDF ...

2

https://action-sample.com/ 上のサイトのようなカテゴリーで分けた記事一覧の ...

3

AFFINGERブロックプラグインプラグインを有効化しよう 当テーマは「AFFINGERブロックプラ ...

【AFFINGER監修】 SEOを考慮したAI記事作成ツール

AFFINGER公式マニュアル

パスワードを入力してください

- 不明な方はコチラ -

PAGE TOP