色を変えたりサイズを変えたり、SVGアイコンを簡単に使えるようにしてくれるMITライセンスのスクリプト「vivid.js」。オリジナルアイコンと比べて半分サイズの超軽量だそうです。種類も豊富で、今のところ96種類の中から選べるようになっていました。色やサイズの変更といったカスタマイズはカスタムデータ属性を付けるだけという簡単さ。プライマリ、アクセント、プロップの3色それぞれ好きな色に変更できるので使い勝手が良さそうだなと思いました。同じアイコンをページ内で複数使うことはできないそうです。data-vi-prop=”#hexcode”たとえばこんな感じ。