最近、なんでも無料で利用できるツールやサービスがとても多く、クオリティも高くなってると感じるToroです。
先日、無料で利用できる写真素材サイト集の記事を書きました。
参考にしてください(^-^)/
さて、今回は無料で利用できる、もちろん商用okのイラスト・アイコンのサイトをご紹介します！
このサイトも、いろんなイラストやアイコンを利用して成り立っているので、みなさんも工夫次第で素敵なアイキャッチやバナーを作ってくださいね。
無料で商用利用することができることを前提にしたサイトをご紹介します。
目次
いらすとや
これはほんとに外せませんね！
よくお世話になっています。
このブログ自体、キャラクターがを利用していることもあり、バナー等を作成する時の小道具によく利用させてもらっています。
また、回覧板の中のお知らせなどのイラストに利用されていたり、セミナーなどで説明する際の資料にもよく見かけますね。
ダウンロードも非常に簡単で、選んだ画像に対して「右クリック」して画像の保存でokです。
さらに、「いらすとや」のイラストのみで作るデザインなどもあるそうです。
とにかく、表現の細かいイラストがあり、バリエーションが多いことが特徴です。
人気の一番の理由として、イラスト自体かわいくて、誰が見ても違和感の感じない、ナチュラルな表現のイラストなので万人に利用されていると感じます。
一度は目にしたことがあると思いますが、幾つか紹介します。
スギ花粉になんて負けないわ！
イラストAC
こちらも非常に人気が高く、知名度も高いですね。
探しているイラストがなかなか見つけれらない場合は、このサイトであれば、ほぼ見つかると思います。
画像の種類は、jpegかイラレのファイルが選べます。
ガーリー素材
こちらのサイトは、女性向けのサービス向けのソフトなタッチで作られているイラストサイトです。
ナチュラル感と、上品さで女性が多く見ているようなサイトやチラシ・サービスの際に挿絵として利用できますね。
ダウンロードファイルは、pngとイラレのデータですね。
FLAT ICON DESIGHN
このサイトはおなじみで、利用している方は多くいますね。
様々な用途に利用でき、種類も豊富です。
全てのアイコンは、フラットデザインで作成されていますね。
また、ダウンロードする際もとても丁寧です。
- サイズ
- 画像のファイルの種類
- 色
- 背景の有無の選択
必ず押さえておきたいイラストサイトです。
シロクマ先生をフラットアイコン風にしてみました。
う～～ん。
なじんでるね(^-^)/
写真だけではなく、イラストもあるのでイメージを探すのにうってつけです。
ヒューマンピクトグラム2.0
ピクトグラムは、非常に多くの用途で利用されていますね。
会議資料や、様々なお知らせ文や、公共のものなどにも利用できます。
ダウンロード方法は、任意の画像をクリックすると、いくつかの種類が表示されるので、選択して「右クリック」します。
そして、「名前を付けて画像を保存」でダウンロードできます。
ただ、このサイトの中で利用できるピクトさんは、とてもコミカルでシュールなピクトさんがいるので、たまに見て、「フフフ」と思っていしまいます。
ただ、なかなか利用する機会がないので、ここで紹介しますね。
しぇー
ICOOON MONO
このICONサイトは、非常に沢山の種類のアイコンがあります。
ショッピングサイトなどのさまざまな場所へのアイコンや、HPなどの見出しやグローバルメニューの周りなどにも利用できますね。
他のアイコンサイトもありますが、このICONサイトがお気に入りです。
ダウンロードも丁寧です。
- サイズ
- 画像の種類
- カラーバリエーションは任意に選択
カラーが任意なので、利用できる用途も多いと感じます。
Silhouette Design（シルエットデザイン）
こちらも、ピクトさんやicooonに似ていますが、シルエットというカテゴリーで、多くの種類のシルエットがダウンロードできます。
ダウンロードも簡単です。
ただ、このサイトのダウンロードデータは、Adobeのイラレでないと開けません。
そのため、このサイトは、シルエットを元にイラレで加工できる人用という事になります。
素材デザインに拘りたい人用です。
Font Awesome
このサイトは、いままでのICONサイトとは少し違います。
もちろん、アイコンをダウンロードできるという意味では変わりません。
ちょっと特殊な使い方が出来るのが特徴です。
少し使い方を見てみましょう。
まず、使いたいICONを選びます。
HTMLタグ内にCSSとして使うことが出来ます。
<i class=”far fa-address-book”></i>
この部分をコピーできるので、張り付けるとデフォルトでは↓のように表示されます。
ちっちゃ。。
でも、一般的にサイト内に表示されるようなアイコンはこんな感じですよね。
色の変更
表示サイズの変更
よく使うアイコンと背景職の変更更
リスト表示
- List icons can
- be used to
- replace bullets
- in lists
動くアイコン
画像として使うか、CSSとして使うかもありますが、HTMLやCSSが余り分からない方は、単純に画像として使ったほうが良いと思います。
よく使う素材系のサイト
単体で利用するイラストもありますが、図形や吹き出し、ランキングやボタンデザインなど、デザインの部品素材も沢山あります。
色々ありますが、抜粋してご紹介します。
フキダシデザイン
よく、利用されているのを見かけますね。
Frame Design
フレームもチラシなどにも使えますね。
Arrow Design
矢印は意外に使いますね。
Flode illustration（フロデ イラスト）
花や木、植物系をお探しの方はこのサイトで探してくださいね。
EC Design
ネットショップなどを運絵している方は、ちょっとキャンペーンなどの時に利用できそうですね。
Bg Patterns
背景を変えたい時や、バナーやチラシなどにも利用できそうですね。
おもしろイラストサイト（ダ鳥獣ギ絵）
昔の絵巻を現在の動きを取り入れた、おもしろイラストです。
中々使う機会がないのですが、暇つぶしに見るのもいいかもですね。
たくさんダウンロードすべき！
まとめ
いかかでしょうか？
イラストや素材サイトは、沢山ありますね(;^_^A
探せばまだまだ沢山あるので、時間があるときに探してみるのもいいと思います。
こういったイラストサイトを見ていると、あっという間に時間がたってしまいます。
私が、ブログを書く時にタイトルを大体決めて、そのあと、アイキャッチを作成するのですが。。
イラストサイトを見ていると、作業がなかなか進まなくなる事が多いので、気を付けるようにしています。
前回の写真サイト集↓や今回のイラスト集から、素敵なバナーやアイキャッチを作ることを挑戦して下さい。
ただ、素材が揃っていても、上手く活用できていない方を多く見かけます。
なので、次回はこの素材を使って、無料で画像を作成できるツールをご紹介します。
次回は、おすすめの画像作成ツールの紹介と簡単な使い方についてお伝えします。
素材を活かすも殺すもあなた次第！
次回をおたのしみに(^-^)/
最新記事 by 小澤朋子 (全て見る)
- 私の「働き方改革」in富士市 - 2019年8月16日
- 子供プログラミングスクラッチ（Scratch）のくまたいほう！ - 2019年7月16日
- 【第３回目終了】WordPressスタートアップ1DAYワークin富士宮（富士） - 2018年7月8日