無料・登録不要で使えるロゴ生成サービスやアイコン素材一覧
Webサイトやアプリを作るときには、必ず必要になってくる画像たち
最近では各デバイスサイズごとのfaviconやSNSシェア用の画像など、用意するイメージ画像がとにかく多くなっている傾向にあります
これらの画像の元になるアイコンやロゴ画像を無料で取得できるサービスを紹介します
全ての画像は商用利用可能ですし、無料です
会員登録も必要ありません
ロゴ画像
Webサイトのトップに使用するロゴ画像は、そのサイトの全体のイメージを左右すると言っても過言ではありません
できることならデザイナーさんに発注するべきですが、駆け出しのサイトにはそんな余裕はありません
そんなときに便利なのがLOGASTERです
LOGASTER
![LOGASTER](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.02.02.png)
LOGASTERはロゴメーカーです
サイト名を入力するだけで、いろんな種類のロゴを生成できます
使い方
![LOGASTER「ロゴ作成ウィザード」](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.03.51.png)
トップページの「ロゴを作成」ボタンを押すと、「ロゴ作成ウィザード」画面になります
ここで会社名(ウェブサイト名やアプリ名など)を入力します
「ビジネスタイプの種類」を選択すると、その系統のロゴ画像が優先的に選択されます
決まったら「次へ」ボタンを押下
![LOGASTER](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.06.15.png)
入力した会社名とロゴイメージが組み合わされて生成されます
このサイトが用意しているロゴ画像と様々なフォントが組み合わされて、ものすごい数のロゴがランダムに表示されます
相当な数になりますので全てを見るのは大変です
僕のやり方としては最初はロゴイメージは無視して、いい感じのフォントを探します
![LOGASTER](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.09.58.png)
いい感じのフォントが見つかったら選択して「ロゴデザインの編集」を押下します
![LOGASTER(編集画面)](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.13.35.png)
このロゴ画像の編集画面では、文字フォントのほか、ロゴ画像の変更ができます
ロゴ画像を変更するには、ロゴ画像を選択してから「アイコンを検索する」欄に英語で入力します
![](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.16.47.png)
![](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.17.29.png)
後はロゴイメージとテキストを適当に配置して調整します
注意点1「無料なのは最小画像のみ」
![](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.20.22.png)
とても便利なロゴメーカーですが、このサービスで作ったロゴは最小サイズ以外は有料となります
ただし、最小サイズでもWebサイトのロゴくらいには問題なく使用できるサイズです
注意点2「バグる」
使ってるとわかるんですが、このサイトには致命的なバグがあります
ページを進んでいくと、まだ残りページがあるのに途中でローディングのまま止まってしまうんです
アイコン画像の検索では度々発生するバグです
探していくうちにどんどんと次のページへ進んでいくとそのうちに止まってしまい、何も操作ができなくなってしまいます
後はブラウザの再読み込みしかありませんが、再読み込みすると作成途中の編集が全て破棄されてしまい、また1からやり直しになってしまいます
実写系
Unsplash
![Unsplash](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.32.16.png)
Unsplashは海外の投稿型写真サービスです
当然検索するワードは英語になりますが、綺麗な写真が多数あります
実写系の写真が必要な時は、まずは検索したいサイトです
![Unsplash](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.33.35.png)
![](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.34.55.png)
アイコン画像
ICOOON MONO
![ICOOON MONO](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.38.38.png)
ICOOON MONOは、日本人デザイナーの方が運営しているモノクロのアイコンサイトです
FLAT ICON DESIGN
![FLAT ICON DESIGN](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.47.36.png)
FLAT ICON DESIGNは、その名の通りフラットデザインのアイコン画像サイトです
今っぽいフラットデザインの画像をWebサイトに設置すると、それだけでかなり映えます!
フラットデザインのWebサイトにはかなりオススメのアイコンです
flaticon
![flaticon](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.50.24.png)
flaticonは多くのアイコン画像が検索できます
名前はフラットアイコンという名前ですが、フラットじゃない画像も多くあります
多分、いろんなデザイナーの画像を寄せ集めているサイトだと思われます
![flaticon](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.52.44.png)
ちなみにこのサイトには有料の画像も含まれています
無料のものだけを選択するには左上の「Filters」からFreeを選択しましょう
ICONPACKS
![](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.58.25.png)
ICONPACKSは、セットになったアイコンを探せるサービスですが、単体の画像もあります
かわいいアニメイラスト
いらすとや
![](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-10.43.27.png)
今やWebサイトだけでなくテレビでも度々使用される「いらすとや」のフリー画像はもはや説明の必要はないでしょう
どちらかといえば人物系のイラストがよく利用されてる印象です
ありさちゃんがいく!!
![ありさちゃんがいく!!](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-11.00.55.png)
ありさちゃんがいく!!は、とってもかわいいキャラクターのフリー画像です
とにかく人物系のキャラがかわいいです
![](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-11.03.34.png)
しかも各キャラの喜怒哀楽セットがあり、ブログとかの会話風のシーンでも利用しやすいです
こんな画像が商用利用も無料なのですからたまりません
有料となりますが、カスタマイズもやって貰えるそうなので心強いです
似顔絵メーカー
Twitterとかブログで必要になるのが自画像的な似顔絵です
フリーのアメーバピグみたいな似顔絵生成ツールです
似顔絵メーカーCHARAT
![似顔絵メーカーCHARAT](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-11.10.08.png)
似顔絵メーカーCHARATは、かわいいキャラクターの似顔絵を作れる似顔絵メーカーです
しかも似顔絵を作る複数のサービスがあります!
FACE
色々な似顔絵メーカーがあって迷うところですが、オススメはFACEです
FACEはその名の通り、顔だけに焦点を当てた似顔絵メーカーで、自画像として使いやすいです
![似顔絵メーカーCHARAT FACE](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-11.19.22.png)
このブログで使ってる僕の自画像やツイッターアイコンもこの似顔絵メーカーで作ったものです
Lineのプロフィール画像としても最適だと思います
無料素材集
Webサービスやアプリを作ってると、どうしてもワンポイントで画像が必要になることがあります
そんな時のための無料で使える素材サービスを紹介します
リボン
![](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-11.22.43.png)
リボンフリークスは、リボン素材に特化したフリー画像サービスです
リボン画像はタイトルや見出しの背景画像として使うと、それだけで全体の雰囲気が大きく変わります
矢印素材天国「矢印デザイン」
![](https://blog.4breaker.com/wp-content/uploads/2020/06/スクリーンショット-2020-06-29-11.26.37.png)
矢印素材天国「矢印デザイン」は、矢印画像に特化したフリー画像サービスです
矢印ってブログの説明画像とかによく使うんですよね
ただフォトショップの鉛筆ツールなんかで「ビュッ」っと引くと、なんとなく冴えない画像になりがちです
このサイトではリッチな矢印がいっぱいあるので、自分の目的にあったワンポイントの矢印を探せます
ディスカッション
コメント一覧
まだ、コメントがありません
よくLoadingされてるDocs
新たにPostされたDocs
: ツール関連
キーボードを銀軸から赤軸に買い替えた話
約3年半前、仕事で使うキーボードとしてARCHISS ProgresTouchの ...: スマホ
楽天モバイルがおすすめできない人の特徴とは?
楽天モバイルの最強プランをおすすめできない人の特徴を簡単にまとめてみました また ...: システム開発
なぜスクラムがつらいのか?開発現場が疲弊するのか?スクラムに対する違和感と共に原因を考えてみた
今ではどこの開発現場に行っても、やれスクラムスクラムと、まるでスクラムでもやって ...: Laravel
1つのテーブルを複数のテーブルと結合したい【Laravel10】
1つのテーブルを2つの異なるテーブルに対して結合したいケースがあったのでLara ...: Laravel
Laravelで複数画像アップロード時のvalidateを指定【Laravel10】
jQuery - Image Uploaderを使って、フォームから複数の画像を ...HashMap
created_by
はやぴ
Web/アプリ開発エンジニア
Sierにてお堅いB向けのソフトウェア開発を経て、現在はC向けのWebやアプリを中心に開発しています。
Utilities