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

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

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

サイトのキャプチャ

Lineicons
Lineicons -GitHub

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

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

サイトのキャプチャ

Free and Open Source SVG Icons -Lineicons

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

  • .svg
  • .png
  • .webp
  • .vue
  • .jsx

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

サイトのキャプチャ

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

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

サイトのキャプチャ

アイコンのカスタマイズ

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

サイトのキャプチャ

Free Icons Download

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

  • SVGアイコン
  • アイコンフォント(.ttf, .woff, .woff2)

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

サイトのキャプチャ

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

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

サイトのキャプチャ

Lineicons -Figma

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

サイトのキャプチャ

Docs -Lineicons

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

サイトのキャプチャ

Free and Open Source SVG Icons -Lineicons: カテゴリ別

sponsors

top of page

©2025 coliss