The following two tabs change content below.
小澤朋子
Web(ワードプレス)をもっと活かす方法や利用する方法をお伝えしています(^-^)/ Webの活用方法をもっと知って、発信し続ける人を応援します!

最近、なんでも無料で利用できるツールやサービスがとても多く、クオリティも高くなってると感じるToroです。

先日、無料で利用できる写真素材サイト集の記事を書きました。

参考にしてください(^-^)/

さて、今回は無料で利用できる、もちろん商用okイラスト・アイコンのサイトをご紹介します!

シロクマ先生
シロクマ先生

このサイトも、いろんなイラストやアイコンを利用して成り立っているので、みなさんも工夫次第で素敵なアイキャッチやバナーを作ってくださいね。

 

無料商用利用することができることを前提にしたサイトをご紹介します。

いらすとや

いらすとや
いらすとや

これはほんとに外せませんね!

よくお世話になっています。

このブログ自体、キャラクターがを利用していることもあり、バナー等を作成する時の小道具によく利用させてもらっています。

また、回覧板の中のお知らせなどのイラストに利用されていたり、セミナーなどで説明する際の資料にもよく見かけますね。

ダウンロードも非常に簡単で、選んだ画像に対して「右クリック」して画像の保存でokです。

ダウンロード

さらに、「いらすとや」のイラストのみで作るデザインなどもあるそうです。

とにかく、表現の細かいイラストがあり、バリエーションが多いことが特徴です。

人気の一番の理由として、イラスト自体かわいくて、誰が見ても違和感の感じない、ナチュラルな表現のイラストなので万人に利用されていると感じます。

一度は目にしたことがあると思いますが、幾つか紹介します。

花粉と戦う人
花粉と戦う人

スギ花粉になんて負けないわ!

イラストAC

illust_ac

イラストAC

こちらも非常に人気が高く、知名度も高いですね。

探しているイラストがなかなか見つけれらない場合は、このサイトであれば、ほぼ見つかると思います。

画像の種類は、jpegかイラレのファイルが選べます。

ガーリー素材

girly_site
ガーリー素材

こちらのサイトは、女性向けのサービス向けのソフトなタッチで作られているイラストサイトです。

ナチュラル感と、上品さで女性が多く見ているようなサイトやチラシ・サービスの際に挿絵として利用できますね。

ダウンロードファイルは、pngとイラレのデータですね。

FLAT ICON DESIGHN

flat_icon_design
 flat_icon_design

このサイトはおなじみで、利用している方は多くいますね。

様々な用途に利用でき、種類も豊富です。

全てのアイコンは、フラットデザインで作成されていますね。

また、ダウンロードする際もとても丁寧です。

フラットアイコン
  • サイズ
  • 画像のファイルの種類
  • 背景の有無の選択

必ず押さえておきたいイラストサイトです。

シロクマ先生をフラットアイコン風にしてみました。

シロクマフラットアイコン
シロクマ先生
シロクマ先生

う~~ん。

なじんでるね(^-^)/

写真だけではなく、イラストもあるのでイメージを探すのにうってつけです。

ヒューマンピクトグラム2.0

ヒューマンピクトグラム2.0
ヒューマンピクトグラム2.0

ピクトグラムは、非常に多くの用途で利用されていますね。

会議資料や、様々なお知らせ文や、公共のものなどにも利用できます。

リポビタンD

ダウンロード方法は、任意の画像をクリックすると、いくつかの種類が表示されるので、選択して「右クリック」します。

そして、「名前を付けて画像を保存」でダウンロードできます。

ただ、このサイトの中で利用できるピクトさんは、とてもコミカルでシュールなピクトさんがいるので、たまに見て、「フフフ」と思っていしまいます。

ただ、なかなか利用する機会がないので、ここで紹介しますね。

しぇー
ピクトさん

しぇー

ICOOON MONO

icooon mono
 ICOOON MONO

このICONサイトは、非常に沢山の種類のアイコンがあります。

ショッピングサイトなどのさまざまな場所へのアイコンや、HPなどの見出しやグローバルメニューの周りなどにも利用できますね。

他のアイコンサイトもありますが、このICONサイトがお気に入りです。

ダウンロードも丁寧です。
icoon

  • サイズ
  • 画像の種類
  • カラーバリエーションは任意に選択

カラーが任意なので、利用できる用途も多いと感じます。

Silhouette Design(シルエットデザイン)

silhouette

 Silhouette Desing

こちらも、ピクトさんやicooonに似ていますが、シルエットというカテゴリーで、多くの種類のシルエットがダウンロードできます。

ダウンロードも簡単です。

ただ、このサイトのダウンロードデータは、Adobeのイラレでないと開けません。

そのため、このサイトは、シルエットを元にイラレで加工できる人用という事になります。

素材デザインに拘りたい人用です。

Font Awesome

font_awesome
 font Awesome

このサイトは、いままでのICONサイトとは少し違います。

もちろん、アイコンをダウンロードできるという意味では変わりません。

ちょっと特殊な使い方が出来るのが特徴です。

少し使い方を見てみましょう。

まず、使いたいICONを選びます。

book

HTMLタグ内にCSSとして使うことが出来ます。

<i class=”far fa-address-book”></i>

この部分をコピーできるので、張り付けるとデフォルトでは↓のように表示されます。

ちっちゃ。。

でも、一般的にサイト内に表示されるようなアイコンはこんな感じですよね。

色の変更

表示サイズの変更







よく使うアイコンと背景職の変更更

Home
Info
Library
Applications
Settings

リスト表示

  • List icons can
  • be used to
  • replace bullets
  • in lists

動くアイコン





画像として使うか、CSSとして使うかもありますが、HTMLやCSSが余り分からない方は、単純に画像として使ったほうが良いと思います。

よく使う素材系のサイト

単体で利用するイラストもありますが、図形や吹き出し、ランキングやボタンデザインなど、デザインの部品素材も沢山あります。

色々ありますが、抜粋してご紹介します。

フキダシデザイン

hukidasi

フキダシデザイン

よく、利用されているのを見かけますね。

Frame Design

frame_design

Frame Design

フレームもチラシなどにも使えますね。

Arrow Design

arrow_design

Arrow Design

矢印は意外に使いますね。

Flode illustration(フロデ イラスト)

Flodeillustration

Flode illustration(フロデ イラスト)

花や木、植物系をお探しの方はこのサイトで探してくださいね。

EC Design

Ec_Design

EC Design

ネットショップなどを運絵している方は、ちょっとキャンペーンなどの時に利用できそうですね。

Bg Patterns

BgPatterns

Bg Patterns

背景を変えたい時や、バナーやチラシなどにも利用できそうですね。

おもしろイラストサイト(ダ鳥獣ギ絵)

dachoju-giga
ダ鳥獣ギ絵

昔の絵巻を現在の動きを取り入れた、おもしろイラストです。

中々使う機会がないのですが、暇つぶしに見るのもいいかもですね。

シロクマ先生
うさぎさん

たくさんダウンロードすべき!

 

まとめ

いかかでしょうか?

イラストや素材サイトは、沢山ありますね(;^_^A

探せばまだまだ沢山あるので、時間があるときに探してみるのもいいと思います。

こういったイラストサイトを見ていると、あっという間に時間がたってしまいます。

私が、ブログを書く時にタイトルを大体決めて、そのあと、アイキャッチを作成するのですが。。

イラストサイトを見ていると、作業がなかなか進まなくなる事が多いので、気を付けるようにしています。

前回の写真サイト集↓や今回のイラスト集から、素敵なバナーやアイキャッチを作ることを挑戦して下さい。

ただ、素材が揃っていても、上手く活用できていない方を多く見かけます。

なので、次回はこの素材を使って、無料で画像を作成できるツールをご紹介します。

シロクマ先生
シロクマ先生

次回は、おすすめの画像作成ツールの紹介と簡単な使い方についてお伝えします。

素材を活かすも殺すもあなた次第!

次回をおたのしみに(^-^)/