Heroicons

Tailwind Labs 製の SVG 形式のアイコンをダウンロードできるサイト

ツールを使う

概要

Heroicons は、Tailwind CSS を開発している Tailwind Labs が制作したアイコンを SVG 形式でダウンロードできるサイトです。

1 つのアイコンにつき、Outline、Solid、Mini の 3 種類が用意されています。Outline は線で描いたアイコン、Solid は塗りつぶしのアイコンです。いずれも 24x24 サイズで作られています。対して Mini は、20x20 サイズで作られた小さめのアイコンです。

ライセンスは、MIT license のため無料かつ商用での利用が可能です。

React と Vue 向けには npm が用意されています。詳しくは、GitHub をご覧ください。

また、Figma 向けの ライブラリ もあります。

説明

※ 後日記載致します。

Outline、Solid、Mini の 3 種類のアイコンを使ってみます。

home - Outline
home - Solid
home - Mini
envelope - Outline
envelope - Solid
envelope - Mini
sun - Outline
sun - Solid
sun - Mini
moon - Outline
moon - Solid
moon - Mini

サイトをフォローする