Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
スタイリッシュなSVGイラストが揃った素材サイト | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン

スタイリッシュなSVGイラストが揃った素材サイト

投稿日:

こんにちは、ぶちこです。

今回はスタイリッシュなサイトにぴったりな、SVG形式のイラストが揃った素材サイトを2つご紹介します。

どちらも商用利用OKのサイトなので、安心して利用できますよ〜!

 

unDraw

https://undraw.co/illustrations

まずはじめにご紹介する「unDraw」は、フラットなビジネス系のイラストが多く揃っているサイトです。

イラストの形式は、SVGとPNGとなっており、ページの上部からイラストのカラーを変更することができます。

商用利用OKなのはもちろん、登録など一切不要で、クレジット表記も必要なく利用することができますよ。

 

ManyPixels

次にご紹介するのが、「ManyPixels」です。

こちらのサイトもイラストの色をカスタマイズすることができるのですが、「unDraw」よりも色を変更できる範囲が広いのが特徴です。

SVGとPNG形式でダウンロードが可能で、クレジット表記も不要です。

ビジネス系だけでなく、スポーツや日常生活のイラストも揃っていますよ。

 

まとめ

どちらのサイトとも、無料とは思えないほどデザイン性も高く、スタイリッシュですよね!

また、SVG形式なので拡大縮小も自由に行うことができてとても便利です。スタイリッシュなサイトを作る時にはぜひご活用くださいね〜!

-Webデザイン

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

覚えておきたいIllustratorの便利なショートカット

前回の記事に引き続き、ショートカットのおさらいをしていこうと思います。今回はIllustrator編です。 では早速ですが、便利なショートカット10選のご紹介していきますね。   ダイレクト …

ベジェ曲線を学べるサイト「Shape Type」

前回ご紹介したカーニングを練習できるサイト「Kern Type」。このサイトを作ったMethod of Actionから、ベジェ曲線を学べるサイト「Shape Type」も登場しているんです。 以前よ …

【Illustrator】バウンディングボックスが表示されなくなった時の対処法

みなさんは、選択ツールで「バウンディングボックス(四角い選択マーク)」が表示されず、オブジェクトの拡大縮小が出来なくなったことはありませんか? 私はこの現象、定期的に起こしてしまうのですが、いつも解決 …

【Photoshop】レイヤーマスクを複製する方法

今回は久しぶりにphotoshopのテクニックについてご紹介したいと思います。 いきなりですが、私の会社では有料サイトの画像を使用する場合はまずカンプ画像を使い、その後クライアントからOKが出たら画像 …

ロゴ制作の際に参考にるサイト【ギャラリー編】

現在ロゴ制作を担当しているのですが、ロゴという小さなデザインの中にも名前やメッセージ、イメージなど様々な要素を詰め込まないといけないので難しく、悪戦苦闘しています。 アイデアさえ湧けば、その後はどんど …