favicon.icoをSVGで設定する

SVG Dev

みなさんのサイトでは、faviconを設定されていますか。
favorite icon、ファビコンで通じるようです。

ここ、はてなブログでは、ペン先のファビコンが用いられています。

設定しておけば、ブックマークに表示されます。
favorite icon ＝ お気に入りアイコンですから当然ですね。
サイトのオリジナル性も増し、ブランドイメージにも寄与するでしょう。

設定方法

通常は、拡張子をicoにして専用に画像を作成する手間が必要です。

その方法でも簡単に作成できますが、SVGでも可能です。
SVGですので小さくてもかなり鮮明に表示されます。

<link rel="icon" type="image/svg+xml" href="hogehoge.svg" />

<head>タグの内側で上記のようにsvgファイルを指定するだけです。