エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
SVGアイコンの色をCSSで変更する - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
SVGアイコンの色をCSSで変更する - Qiita
先日、同じ形のアイコンを色違いで複数のページに挿入するというタスクがあり、 ①色が違うだけのアイコ... 先日、同じ形のアイコンを色違いで複数のページに挿入するというタスクがあり、 ①色が違うだけのアイコンをpngなどで1つ1つ画像を書き出す ②しかも、それぞれスマートフォンサイト用に@2xサイズまで作成する ということが非常に不毛に思えたので、 何とか使いまわし出来ないかと考え、この方法にたどり着きました。 ゴール 同じ形のアイコンを色違いで表示させる ゴールイメージ(デモ画面) See the Pen BMmXOO by yamaki (@yamaki0405) on CodePen. 手順 1.SVGを作成する 2.作成したSVGをHTML内にインラインで指定する 3.CSSで色を指定する 1.SVGを作成する 作成したアイコンをIllustlatorやPhotoshop(CC以降)で書き出します。 作成するのが手間という方は、フリーで配布されているSVGもたくさんあるので、そちらを使っ