プログラムデザイナーへの旅路プログラムデザイナーへの旅路svgアイコンライブラリのvivid.jsってのを使ってみた2018.09.09こんばんは!毎度毎度ではありますが、久しぶりの投稿です。Awesomeの数少ない版みたいな感じですね!何故気になったのか以前にsvgスプライトのお話をしたのですが、あれから約1年。意外や意外にsvgスプライト全く使わない。■使わない理由サイトごとに使うアイコンが違うので毎回設定するのが面倒IDでつけた名前が覚えられない効率が逆に落ちている気がしたといった感じで、結局使いませんでした。data-vi="arrow-top"></i>これだけ。アイコン一覧はこちらちなみにnpmも対応していました。vivid-iconsボクはこれを機にと思い、webpackも導入してみました!!(今更)サイズや色の変更もdata属性で行っているようです。何か分からないがどこかのカラー変更data-vi-prop="#fff"vivid.jsのデメリットさて、シンプルでよく使用するアイコンが揃うに揃っているvivid.jsですが、デメリットもあります。要素にホバーした時に色を変更したかったら以下のような書き方になってしまいます。!important;}個人的にimportant嫌いなので、出来れば使いたくない。