Advertisement

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年のデザイントレンドとしても引き続き注目を集めています。

海外サイト 99designs で公開された 10 stunning graphic design trends for 2020 より許可をもらい、翻訳転載しています
海外サイト 99designs で公開された The gradient design trend: what it looks like and how to use

 

 

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

この記事では、最近公開された新作の無料テクスチャやパターン素材を厳選し、まとめてご紹介します。これらの素材を利用することで、手軽にイラストや写真の風合いや質感、奥行
2018年にかけてよく見かけるようになったグラフィックデザインのトレンドに、グラデーションカラーの利用があります。鮮やかでポップな配色から、どこかノスタルジックでモ

 

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

デザインでもっとも頭を悩ますことの多い「配色えらび」。配色を決まらずに、時間だけが過ぎてしまったという経験のあるひとも多いでしょう。 そんなときは、無
最近のウェブデザインでよく見かける、鮮やかな配色のグラデーションカラーをお探しですか。 WebGradients は、どんなウェブサイトでも利用できる
この記事は、2016年8月22日に公開してから再編集、アップデートを随時行っています。新しいツールを加え、サービスが終了しているツールは削除し、合計66個の配色ツールサ

 

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