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

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

関連記事

かわいいデザインのサイトが集まったギャラリーサイト

一口に“かわいい系のサイト”と言っても、子供向けのポップな感じなのか、女性向けの柔らかい感じなのか…など、様々ですよね。 なので、WEBデザインでかわいいを表現するのはなかなか難しいなあとよく思います …

【Illustrator】台形を作る方法

みなさんこんにちは、ぶちこです。 今日は、Illustratorで台形を作る方法について、簡単にですがご紹介します! 制作の手順は以下の通りです。   1.長方形ツールで長方形を描き、選択し …

色彩感覚をチェックできる「KOLOR」 のご紹介

今回は、色彩感覚をゲーム感覚でチェックできるサイト、「KOLOR」をご紹介します。   「KOLOR」の使い方 http://kolor.moro.es/ 使い方は簡単で、画面に表示されたも …

【Photoshop】画像の白い部分だけを透過させたいときの方法

今回は、Photoshopで画像の白い部分だけを透過させたいときの方法についてご紹介します。 ダウンロードした素材を切り抜いて使いたいときなど、この方法を使えば簡単に行うことができるのでおすすめです。 …

Adobe Typekitのフォントが同期されなくなった時の対処法

AdobeのCreative Cloudを契約していると使える「Typekit」。 様々なタイプのフォントを自分のPCに同期させてPhotoshopやIllustrator等で使うことができるのでとて …