商用でも完全に無料！ UIデザイン用にシンプルなラインでデザインされたSVGアイコン素材 -Lineicons

Post on:2025年5月26日

sponsorsr

WebサイトやスマホアプリのUIデザイン用に長期的な使いやすさを実現するために、シンプルなラインで構成されたSVGアイコンを紹介します。

アイコンは細部までデザインにこだわりがあり、24x24のユニバーサルグリッドとキーライン、スタンダードなストロークサイズとコーナーを備えており、さまざまなデザインに利用できると思います。

Lineiconsはデザイナー・デベロッパー向けに、シンプルで飽きのこない、長く使えるデザインのアイコン素材です。ここで紹介するのは1,315種類も揃っている無料版ですが、有料版（数が多く、スタイルも豊富）も用意されています。

アイコンはMITライセンスで、個人でも商用プロジェクトでも無料で利用でき、再配布も可です。ただし、ソースファイルの再販や再配布は禁止です。

アイコンの利用方法は、簡単です。アイコンを選択すると、パネルが表示され、さまざまなフォーマットでダウンロードできます。

さらに、HTML, SVG, React, Vueのコードも生成されます。

アイコンを個別にダウンロード

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

アイコンのカスタマイズ

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

ダウンロードファイルには、以下が含まれています。

また、アイコンフォント用のCSSとデモページも含まれており、コピペで簡単に利用できます。

アイコンフォントのデモページ

さらに、Figma用も用意されており、下記から利用できます。

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

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