商用利用無料！ UIデザインに最適、シンプルで控えめにデザインされたSVGの高品質なアイコン素材 -Humbleicons

Post on:2022年5月30日

sponsors

WebサイトやスマホアプリのUIデザインにぴったりなSVGアイコンを紹介します。「Humble」の名の通り、主張しすぎない控えめでシンプルなデザインです。

オープンソースで個人でも商用でも無料で利用できます。アイコンはSVGなので、サイズやカラーの変更はCSSで簡単にできます。さらに、Figma用も用意されているのは、嬉しいですね。

Humbleiconsは、WebサイトやスマホアプリのUIデザイン用にニュートラルでシンプルにデザインされたSVGアイコンのセットです。MITライセンスで商用プロジェクトでも無料で利用できます。

アイコンはまとめて全部のダウンロードもできます（後述）が、個別に使用することもできます。アイコンをクリックすると、SVGのインライン・スプライトのコードがコピペできます。

Humbleicons: カートのアイコン

SVGなので、CSSでサイズやカラーなどを簡単にカスタマイズできます。

.humbleicons {
	width: 1.2em;
	height: 1.2em;
	display: inline-block;
	align-self: center;
	vertical-align: middle;
	margin-top: -0.1em;
}

.humbleicons {

width: 1.2em;

height: 1.2em;

display: inline-block;

align-self: center;

vertical-align: middle;

margin-top: -0.1em;

}

UIデザイン用のアイコンは、256種類が揃っています。

Humbleiconsのアイコン

Humbleiconsはnpm経由でも利用でき、必要に応じて手動でダウンロードすることもできます。

npm i humbleicons

1	npm i humbleicons

詳しくは、下記をご覧ください。

アイコンをまとめて全部ダウンロードしたい時は、下記ページから。

ダウンロードしたファイルは、下記の通りです。

ダウンロードしたファイル

Humbleiconsのアイコンは、Figma用も用意されています。