HTMLでアイコンを表示させる方法

20/04/30

投稿者:DICTUX

新入社員の立原です。

本日はHTMLとCSSの勉強に取り組み得た知識を共有いたします!

サイトを見ていると必ずと言ってもいいほどSNSに飛ぶようになっていると思います。

そこにアイコンも乗っていることがほとんどですが、そのアイコンはどこから持ってくればいいの?どう反映したらいいの?という疑問がある方もいらっしゃるのではないでしょうか!

アイコンを探すならこちらのサイトがおすすめです。SNSだけではなく様々なアイコンが約8000種類も記載されています!

次に反映の仕方です。今回は上記のサイトを用いた際のご紹介です。

まずheadタグに引用するサイトをリンクさせます。

次にこちらのサイトで使用したいアイコンを探し、アイコンを使うというボタンがあるのでクリックするとアイコンに関する詳細テキストが出てきます。

こちらをコピーしてHTMLに張り付け、cssでサイズ調整を行うだけになります!




pページの先頭へ