ゲーム
&fali(fa-solid fa-gamepad fa-xl, #213a70);
即死とか
&fa(fa-solid fa-skull-crossbones fa-beat fa-2xl, RED);
youtube
&fa(fa-brands fa-youtube fa-lg, #FF0000);
twitter
&fa(fa-brands fa-twitter fa-lg, #1D9BF0);
公式 家アイコン
&fa(fa-solid fa-house fa-lg, #9932cc);
ノート ノートアイコン
&fa(fa-solid fa-book fa-lg, Brown);
運営
&fa(fa-solid fa-building fa-lg, Black);
外部wiki
&fa(fa-solid fa-file-pen fa-lg, Green);
新規 クローバー 緑
&fa(fa-solid fa-clover fa-lg, Green);
新規 若葉
&fa(fa-solid fa-seedling fa-xl, Green);
復帰 葉っぱ 茶
&fa(fa-solid fa-leaf fa-lg, Brown);
質問 ? 紺
&fa(fa-solid fa-question fa-lg, #213a70);
公式回答 無能 茶
&fa(fa-solid fa-user-secret fa-lg, Brown);
SOS メディカルキット 赤
&fa(fa-solid fa-book-medical fa-lg, Red);
レイドとか ドラゴン 紺
&fa(fa-solid fa-dragon fa-lg, #213a70);
日課 カレンダーチェック 紺
&fa(fa-solid fa-calendar-check fa-lg, #213a70);
メモ/用語/ステータス ブックオープン 紺
&fa(fa-solid fa-book-open fa-lg, #213a70);
萎える ドクロ本 赤
&fa(fa-solid fa-book-skull fa-lg, Red);
戦闘 ファイア 紺
&fa(fa-solid fa-person-rifle fa-lg, #213a70);
道中 ウォーキングライト 紺
&fa(fa-solid fa-person-walking-arrow-right fa-lg, #213a70);
デザイア覚醒
&fa(fa-solid fa-masks-theater fa-lg, Purple);
アイテム制作
&fa(fa-solid fa-hammer fa-lg, #213a70);
装備製作
&fa(fa-solid fa-hammer fa-lg, #213a70);
装備強化
&fa(fa-solid fa-shield-halved fa-lg, #213a70);
ソウルスピリット
&fa(fa-regular fa-gem fa-lg, #213a70);
ソウルストーン
&fa(fa-regular fa-gem fa-lg, #213a70);
ブローチ
&fa(fa-solid fa-diamond fa-lg, Purple);
称号
&fa(fa-solid fa-crown fa-lg, #213a70);
A.Rカード
&fa(fa-solid fa-address-card fa-lg, #213a70)
ソウルメイト
&fa(fa-solid fa-paw fa-lg, Brown);
ゴミ箱
&fa(fa-solid fa-trash-can fa-lg, #213a70);
おもちゃ
&fa(fa-solid fa-shapes fa-lg, #213a70);
- レギュラー ベル 使える
- レギュラー ハウス 使えない フリーだと出てこないので有償か
- ソリッド ハウス 使える
絞り込みメモ
アイコン一覧リンク
基本フリーで絞り込み
- クラシック sharp ブランド フリー
- スタイル
Duotone
Light
Regular
Solid
Thin
- スタイル
基本書式
fa-solid, fa-regular, fa-brands のいずれかと、fa-* のアイコン名称を組み合わせます。pro シリーズのアイコンは利用できません
- fa-solid
- いろいろ
- fa-brands → fab
- 企業系アイコン
- fa-regular
- 普通の
REGULAR
書式 &fa(fa-いずれかの fa-アイコン fa-[回転/反転] or fa[アニメーション] fa-border fa-サイズ --fa-[細かい回転角度] カラー);
例
ボーダーライン
表示 | クラス |
fa-border |
アイコンの周囲のテキストや要素をまとめてサイズ調整し垂直方向に揃えます。
表示 | クラス |
PlayStation | fa-2xs |
PlayStation | fa-xs |
PlayStation | fa-sm |
PlayStation | なし |
PlayStation | fa-lg |
PlayStation | fa-xl |
PlayStation | fa-2xl |
単純にアイコンのサイズを拡大するのに便利です。
クラス fa-1x ~ fa-10x までの 10段階のサイズが選べます。
表示 | クラス | 説明 |
なし | デフォルト | |
fa-rotate-90 | アイコンを 90° 回転 | |
fa-rotate-180 | アイコンを 180° 回転 | |
fa-rotate-270 | アイコンを 270° 回転 | |
fa-flip-horizontal | アイコンを水平方向にミラーリング | |
fa-flip-vertical | アイコンを垂直方向にミラーリング | |
fa-flip-both | アイコンを 180° 回転 |
https://wikiwiki.jp/sample/fa
WIKIWIKI.jp
表示 | クラス | アニメーション |
fa-beat | ビート | |
fa-fade | フェード | |
fa-beat-fade | ビートフェード | |
fa-bounce | バウンス | |
fa-flip | フリップ | |
fa-shake | シェイク | |
fa-spin | スピン | |
fa-spin fa-spin-reverse | スピン リバース | |
fa-spin-pulse | スピン パルス | |
fa-spin-pulse fa-spin-reverse | スピン パルス リバース | |
箇所書きに反映
アイコンを箇条書きの先頭に付けることができます。箇条書きを fa_ul で囲み、fa と同じパラメータを取る fa_li を、各項目の最初の文字として記述します。
fa_li は fa と全く同じオプションを取るので、色付けやアニメーションも可能です。
- 項目
- 項目
- サブ項目
- サブ項目
- 項目
- 項目
- 項目
- サブ項目
- サブ項目
- 項目
アイコンを重ねる fa_stack
アイコンを重ね合わせて利用する、かなり応用的な機能です。以下の例は、それぞれの行が 1 アイコンになります。
■と+
書式 &fa_stack{(&fa(下に表示);&fa(上に表示);};
&fa_stack(fa-bounce fa-2x,#75b1ff) {&fa(fas fa-square fa-stack-2x fa-spin);&fa(fab fa-twitter fa-beat fa-stack-1x fa-inverse);}; スタック(バウンドさせる 下指示) {&fa(下に表示) &fa(上に表示)};