SVG と背景色を使ってサイズやカラーが自在な汎用性のあるアイコンボタンを作るサンプル

昔からある、透過 GIF や PNG 画像に背景色を組み合わせることでアイコンボタンのカラーバリエーションを簡単に作る手法の SVG ファイル使用版です。SVG を使用することでサイズの変更にも柔軟に対応できます。

各サンプルのソースコードについて詳しくはこのページのソースコードを見ていただければわかると思います。サンプルはかなり適当なので、あくまで参考程度に。