砂場/000

Last-modified: 2023-05-10 (水) 23:05:01

ゲーム
 

&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

アイコンの周囲のテキストや要素をまとめてサイズ調整し垂直方向に揃えます。

表示クラス
PlayStationfa-2xs
PlayStationfa-xs
PlayStationfa-sm
PlayStationなし
PlayStationfa-lg
PlayStationfa-xl
PlayStationfa-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

このページは編集中です。

SMS認証が必要なページです。

SMS認証が必要なページです。
 
表示クラスアニメーション
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(上に表示)};