*当記事はカラーミーSEO+テンプレート限定の内容です。お気を付けください。
カラーミーSEO+では各パーツにSVGアイコンを入れています。
< use >タグを利用すれば好きな場所にアイコンを呼び出せますので、カスタマイズやフリーページ作成の際など、使えそうであればお役立てください。
svgアイコンの呼び出しかた
<svg role="img">
<use href="#■■■"></use>
</svg>
#■■■ の部分に呼び出したいアイコン名を入力します(下表参照)
SVGアイコンのCSS編集
アイコンの大きさはwidth・height、色はcolor または fill を使ってCSS編集します。
svg{
width: __px;
height: __px;
fill: currentColor;
}
* fill (塗りつぶし)プロパティでcurrentoColor を指定すると、親要素に指定されているcolorを引き継ぎます。