グラデーション選び放題!ウェブ用SVGアイコン基本セット476個を無料ダウンロード Gradientify Icons

gradientify_svg_icons-3

 

お好みのグラデーションカラーを選択でき、合計476個という大量のSVGアイコンを無料ダンロードできるGradientify Iconsが公開されていたので、今回はご紹介します。

 

Webサイト制作でも主流となりつつあるSVGファイル形式で、統一感のデザインを手軽に演出できる素材となっています。

 

 

グラデーションカラー選び放題!の無料アイコン素材 Gradientify Icons

gradientify_svg_icons-1

 

Gradientify Iconsは、ウェブサイト制作で必要になるであろう476個が揃ったSVGアイコン素材パックで、ラインのみで描かれたシンプルなイラストアイコンなので、どんなプロジェクトにも合わせやすいでしょう。

 

さらに、ページをスクロールすると左側から出現するCSSグラデーションカラーパレットより、お好みの配色を選択すると瞬時にアイコンの色も切り替わります。これなら、デザイン案件に合わせた色合いを決めることができ、オシャレな配色が多いのもポイントです。

 

 

 

お好みのグラデーションカラーが決まったら、CSSコードのコピーも可能。「色の反転」を行うだけでも、ずいぶんと印象が変わります。

 

 

ダウンロードできるアイコンは、PNGとSVGファイル形式。無料版は、個人利用のみでクレジット表記が必要となります。ちなみに有料版($19およそ2,2200円)は、商用利用可能でクレジット不要となるようです。以下は、収録されているアイコンデザインのサンプルとなります。

gradientify_svg_icons-2

 

人気の高いグラデーションカラーは、2020年のデザイントレンドとしても引き続き注目を集めています。

2020年に注目されているグラフィックデザインの最新トレンド10個まとめ

2019年注目トレンド「グラデーション」大解剖!人気の秘密や実用的な使い方、無料素材まとめ

 

 

グラデーションをつかった無料デザイン素材も一緒にチェックしてみてはいかがでしょう。

2020年に大活躍!参考にしたい新作無料テクスチャ、パターン素材39個まとめ

2018年流行カラー決定!すみれ色「Ultra Violet ウルトラ・バイオレット」を使った参考カラーパレット

 

美しいCSSグラデーションカラーを作成できるオンラインツールも多数公開されています。うまくつかって時短テクニックに。

ウェブデザイナー必見!美しいCSSグラデーションをコピペできる無料ツール17選まとめ

コピペ自由!美しいグラデーションを180種類揃えた WebGradients

【2021年版】もう配色デザインには迷わない!すごい無料カラーパレットツール83個まとめ

 

参照元リンク : Gradientify Icons — Interactive free SVG icons you can colorize as you wish