最近は画像ではなく、SVGでアイコンを表示するケースも増えています。PNGなどのバイナリとは異なり、SVGならば縮小、拡大しても綺麗だというのが利点です。さらにちょっとしたデータ変更であれば(色など)、データを書き換えたり、CSSで変更できます。 今回紹介するTabler IconsはSVGで作られた300種類のアイコン集になります。

Tabler Iconsの使い方

開発系のアイコンが多いようです。

マグアイコン。

線の太さを変えた例です。

Tabler IconsはSVGなので、画像としての利用はもちろん、直接HTML上に記述することもできるので別途ファイルを用意しなくてもいいのが利点です。パラメータを変更することで、塗りつぶしやカラーリング、線の太さなどを自由に指定できるのも利点でしょう。

Tabler IconsはSVG製のオープンソース・ソフトウェア(MIT License)です。

tabler/tabler-icons: A set of over 300 free MIT-licensed high-quality SVG icons for you to use in your web projects.