商用でも完全に無料! UIデザイン用にシンプルなラインでデザインされたSVGアイコン素材 -Lineicons
Post on:2025年5月26日
sponsorsr
WebサイトやスマホアプリのUIデザイン用に長期的な使いやすさを実現するために、シンプルなラインで構成されたSVGアイコンを紹介します。
アイコンは細部までデザインにこだわりがあり、24x24のユニバーサルグリッドとキーライン、スタンダードなストロークサイズとコーナーを備えており、さまざまなデザインに利用できると思います。

Lineiconsはデザイナー・デベロッパー向けに、シンプルで飽きのこない、長く使えるデザインのアイコン素材です。ここで紹介するのは1,315種類も揃っている無料版ですが、有料版(数が多く、スタイルも豊富)も用意されています。
アイコンはMITライセンスで、個人でも商用プロジェクトでも無料で利用でき、再配布も可です。ただし、ソースファイルの再販や再配布は禁止です。

Free and Open Source SVG Icons -Lineicons
アイコンの利用方法は、簡単です。アイコンを選択すると、パネルが表示され、さまざまなフォーマットでダウンロードできます。
- .svg
- .png
- .webp
- .vue
- .jsx
さらに、HTML, SVG, React, Vueのコードも生成されます。

アイコンを個別にダウンロード
無料版もカスタマイズに対応しています。アイコンのスタイル・タイプ・カラー・サイズ・向きなどを変更できます。

アイコンのカスタマイズ
一つひとつダウンロードするのは面倒という人は、まとめてダウンロードすることもできます。下記ページ左の「Basic」の「Downlod Free」からすべてのアイコンをまとめてダウンロードできます。

ダウンロードファイルには、以下が含まれています。
- SVGアイコン
- アイコンフォント(.ttf, .woff, .woff2)
また、アイコンフォント用のCSSとデモページも含まれており、コピペで簡単に利用できます。

アイコンフォントのデモページ
さらに、Figma用も用意されており、下記から利用できます。

ドキュメントにはアイコンの利用方法などが解説されています。

Lineiconsにどんなアイコンがあるのかは、下記ページの上部でカテゴリ別にソートすると分かりやすいと思います。

sponsors