みなさんこんにちは!おさかなです!
今回は「Icon-rainbow」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・アイコン画像を探している方
・デザインソフト(Illustrator・PhotoShop)で、デザインの一部として使用したい方
・フリー素材を探している方
「Icon-rainbow」って何?
「Icon-rainbow」とは、商用利用可能な「フリーアイコン素材」が見つかるサイトのことです。Adobe Illustrator・PhotoShopでも使える「.ai」「.eps」データも取り扱っており、デザインの一部としても使用できます。(助かる〜)
![](https://osakanav.com/wp-content/uploads/cocoon-resources/blog-card-cache/2c6f8377b85076dbd067f50077a02fd7.jpg)
![](https://osakanav.com/wp-content/uploads/2022/06/designevo-top-160x90.png)
実際に使ってみよう!
アイコンを探そう!
それでは早速サイトにアクセスしましょう!
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow.png)
ページ上部の「アイコンメニュー」は、カテゴリ別となっています。(かわいい🍔)
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-cate.gif)
「グルメ・キッチン」
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-food.png)
「ファッション」
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-fass.png)
「検索ボックス」から、キーワード検索も出来ます!(おりゃ!)
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-kensaku.png)
「パソコン」と入れると…デスクトップ・ノートPCなど、色々と出てきました。(おお!)
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-pc.png)
「SNS」と入れると、インスタのようなアイコンもありました〜!
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-sns.png)
右上にある「カラーパレット」からは、アイコンの色を変更できます。
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-brown.png)
(結構、印象変わりますね♪)
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-color.png)
気になるアイコンを見つけたら、クリックしましょう!(ポチっと)
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-click.png)
![](https://osakanav.com/wp-content/uploads/2022/04/flat-top-160x90.png)
(防寒対策しっかりね⛄)
保存しよう!
クリックすると「アイコン情報」が見れます!(おお!)
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-info.png)
「size」では、大きさを変更できます。
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-size.png)
最大512pxまで可能!(ビッグチーズ🐭)
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbo.png)
「color」では、RGBの値を変えると色を変更できます!(RGB一覧)
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-cheese.png)
イラストに合わせた色にすると、いい感じになります〜🐢
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-kame.png)
(スカイプも本物さながら…!)
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-skype.png)
編集が完了したら、「Download file」から形式を選んで、画像を保存しましょう!(よいしょ!)
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-dl.png)
少しスクロールすると「Adobe用データ」もあるので、用途に合わせてご活用ください…!(お疲れ様でした☕)
![](https://osakanav.com/wp-content/uploads/2022/10/icon-rainbow-ai.png)
↓実際に保存したものがこちら
![](https://osakanav.com/wp-content/uploads/2022/10/a21698058a0de15cc11b3320e2e1cca7.jpeg)
![](https://osakanav.com/wp-content/uploads/2022/10/4f4c4577ea5c9ddc9fd9d3e6dbcac989.jpeg)
![](https://osakanav.com/wp-content/uploads/2022/10/c3ecc78d6b256ed8a8e39d67eb950c4b.jpeg)
![](https://osakanav.com/wp-content/uploads/2022/10/4cc7b969156054229bcc53ecc12c01ac.jpeg)
![](https://osakanav.com/wp-content/uploads/cocoon-resources/blog-card-cache/849eaac35f28fdfd7994f0cfc81d69fe.jpg)
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
アイコン・タクト!👀
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
意味変わっちゃってるよ。笑
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2022/07/cleanpng-top-160x90.png)