Font AwesomeでFish魚のアイコンを作ってみた。

Font Awesome fish icons

前回、Font AwesomeとLigatureSymbolsを合体させてキャラを作りました。
実はその前に、TOPページ用としてFont Awesomeの2つのフォントを合体させて魚のアイコンを作ってました。

この時に、「なぜ、Font Awesomeに魚がないんだろ?」と探してたら海外の方が同じような不満をちらほら漏してたので、また幾つか作ってみました。

スポンサーリンク

Font Awesomeで魚の作り方。

4種類の魚を作ってみました。

1.
2.
3.
4.

もちろんフォントから作ってるので色もサイズ変更も可能です。
サイズを変えるとcssで微調整が必要になると思います。

1. の作り方

: を回転させて引っ付けます。

HTML

CSS

2. の作り方

: を回転させて引っ付けます。

HTML

CSS

3. の作り方

: を回転させて引っ付けます。

HTML

CSS

4. の作り方

: をバランスよく引っ付けます。

HTML

CSS

 あとがき

アイキャッチ画像を作ってて、

これって、アイコン画像で代用すればわざわざFont Awesomeで作る必要ないんじゃ?

などとせっかく作った苦労が水の泡になる思いがよぎり
全く需要が無い気もしますが作っちゃたから記事にしました。(^^)/

スポンサーリンク

このページをシェアしてくれたら嬉しいな~(*'∀'人)

テスト
おじぎ猫 訪問ありがとうございました。

お知らせ
スパムが多いため、コメントは承認制になっています。
確認次第、承認と返信をいたしますね。(^^)/

My Youtube
石巻貝を助けるコリドラス 石巻貝を助けるコリドラス
morphing morphing
恐竜体操で食べられた!? 恐竜体操で食べられた!?
ゴジラのパロディ ゴジラのパロディ
アナと雪の猫王 アナと雪の猫王
Prince PURI #2 Prince PURI #2
トカゲ酒飲んで変身!! トカゲ酒飲んで変身!!

 15日月末ポイント消滅 !? 確認はこちら 楽天市場

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

トップへ戻る