各アイコンは[st-i class="(クラス名)" add_style=""]でも表示できます
| コード例 | サンプル |
| [st-i class="st-svg-pencil" add_style="color:#ff0000;"] | |
add_style 属性には自由なCSSが記入できます
アイコンの種類
基本
| 名称 | アイコン | クラス名 | 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 |
その他
| 家(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 |
| PDF | | 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 |
ブランド
| instagram | | st-svg-instagram | f16d |
| X(旧twitter) | | st-svg-twitter | e92c |
| google | | st-svg-google | f1a0 |
| pinterest | | st-svg-pinterest-p | f231 |
| amazon | | st-svg-amazon | f270 |
| wordpress | | st-svg-wordpress | f19a |
| LINE | | st-svg-line | e912 |
矢印
| 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 |
※アイコンデザインは変更になる場合もございます
使用例
例えば「マイボックスブロック」のアイコンクラスに記入することでアイコンを変更できます。
使用例(マイボックス)
もっとアイコンを増やしたい場合は