![商用無料 SVGアイコンのフリー素材サイト&ライセンス表記まとめ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm41EHXlEDbyrciRYNtqieT9i8DqXA7II0TKqa3Hq0JuuZ0NJfmXZE46ZC41g5DQ2wZ2I6RF2Pwe1qKaLTpKJrOdLna6FMXhXSwJ4s7kZkqx3avghE0eGRz4VhFllI8AfSlOgSEuqProkL/s0-e365-rw/eyecatch-svg-icon.png)
商用無料 SVGアイコンのフリー素材サイト&ライセンス表記まとめ
![商用無料の SVG アイコン素材サイト&ライセンス表記まとめ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm41EHXlEDbyrciRYNtqieT9i8DqXA7II0TKqa3Hq0JuuZ0NJfmXZE46ZC41g5DQ2wZ2I6RF2Pwe1qKaLTpKJrOdLna6FMXhXSwJ4s7kZkqx3avghE0eGRz4VhFllI8AfSlOgSEuqProkL/s0-e365-rw/eyecatch-svg-icon.png)
商用無料で利用できるフリーの SVG アイコン素材には、ライセンスによってクレジット表記が必要なものと不要なものがあります。
フリー=クレジットなしで使える、というわけではありません。
SVG アイコンを探していた際に「無料アイコン素材●選」のような記事を見ましたが、クレジット表記について明確な記載がないものが多く、結局素材サイトごとにライセンスを確認しました。
というわけで、この記事では SVG アイコンの素材サイトをライセンスとクレジット表記の要否とともにまとめました。SVG のフリー素材を探す際、よければ参考にしてください。
ただ、利用前には念のため各サイトの利用規約をご確認ください。
目次
SVG 素材のライセンス種類とクレジットの要否
SVG 素材サイトには、主に次のようなライセンスが指定されています。
ライセンス | 使用時のクレジット表記 |
---|---|
CC BY 4.0 | 必要 |
MIT License | 必要 |
Apache License 2.0 | 不要 |
CC0 1.0 | 不要 |
ライセンス表記なし | 個別の利用規約に従う |
CC BY 4.0 と MIT License は、商用無料でサイト等に使用できますがクレジット表記が必要なライセンスです。ソースコードなどにクレジットを表記したうえで使用します。
Apache License 2.0 に関しては、使用においてはクレジット表記は不要。再頒布する際に、ライセンス条文にて指示されているクレジット表記が必要です。
CC0 1.0 は著作権を放棄する宣言で、クレジット表記も不要。パブリックドメインとも呼ばれます。
ライセンス表記がない場合は、素材サイトの利用規約に従って利用します。この記事では、利用規約を確認の上、クレジット表記なしで商用無料で使用できる素材サイトをピックアップしました。
CC BY 4.0 参考サイト
MIT License 参考サイト
Apache License 2.0 参考サイト
CC0 1.0 参考サイト
クレジット表記が必要な SVG アイコン素材サイト
Font Awesome
![Font Awesomeサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN31N9g7jFJhjzOQaPXdH1B610ibfHgC4ugMXNhDMIgisndlEKJc4MW7_ZnHmmprK7idFjB1NorDP1FJPR05crl8uIpnS1FtICbRKCFTxtZGLOih1hAh_ZSTEmAISA5c3NX2WwrEuh0xvb/s900-e365-rw/fontawesome.com_.png)
ライセンス:CC BY 4.0
クレジット表記:必要
参照:Free License | Font Awesome
Font Awesome については有名ですが、アイコンを SVG 形式でダウンロードして使用する場合にはクレジット表記が必要です。
SVG アイコンをダウンロードすると各 SVG コードに次のようなクレジットが含まれているので、これを削除せずに使用すれば OK です。
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M272 288h-64C163.8 288 4 16-16 16H96c-8.836 0-16-7.164-16-16V64c0-8.838 7.164-16 16-16h288c8.836 0 16 7.162 16 16V448z"/></svg>
SVG ダウンロード:Download Font Awesome Free or Pro | Font Awesome
複数使用する場合は、まとめて一箇所に書いておけば良いと思います(後述のクレジット表記方法を参照)。
Bootstrap Icons
![Bootstrapサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS_e9xVahRBovalQ6nCQTQST8lXW_pCVSi3D7TzsiD_ypgOkXp7i3p3Z3hkMTbFFROPm8bf-6O4sFSvziuUeE9pJE60BCOhF9dVoDOe-276Miu3hgq83CW3cO-2BLh2R2iMaNFJ8pPuOp_/s900-e365-rw/icons.getbootstrap.jp_.png)
ライセンス:MIT License
クレジット表記:必要
参照:icons/LICENSE.md at main · twbs/icons · GitHub
Bootstrap から出ている SVG アイコンも MIT ライセンスなので、ソースコードなどにクレジット表記が必要です。
Feather
![Featherサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYfos2a7u_DBw5q0tGKAuB5LeuZtI4hiYWMKOrYkhSPUUyvKHqgLJMWsdbagRsfD20DU3gMazm1f6xXn7z5oulRWEIte5myjoFUrFpQxhfjx9acicUOvCAui0bhqfdfbS5BHTLK4flg4J3/s900-e365-rw/feathericons.com_.png)
ライセンス:MIT License
クレジット表記:必要
参照:feather/LICENSE at master · feathericons/feather · GitHub
Feather のアイコンは丸みがあってかわいいです。サイト上で Stroke や色を変更してダウンロードできます。MIT ライセンス。
Ionicons
![Ioniconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwjfwLlo7Xdv-tFLkbRg0bkxBEhh4gV4vGQeRzZ7P0w2_bTK5Xghvc-bdd5GtbAROQ8pc-AotmkFGX85gyGrOPAXtTAfNejk2lTdrd4ZShU9D4hmaw6u3PVawroAon9NSXlk5o8cX5i1Zq/s900-e365-rw/ionic.io_ionicons_.png)
ライセンス:MIT License
クレジット表記:必要
参照:ionicons/LICENSE at main · ionic-team/ionicons · GitHub
Outline、Filled、Sharp の3種類があります。下のほうに、ブランドや SNS のロゴもあります。
CSS Icons
![CSS Iconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieS_wog_0iBWNRnXnivLE3kd-QPyTrQ0PdCee0kewTG0wO62M856VM8Gl4e8YY6xpZT3PtPmyKDcgsIqZuNdA3R0WW4-LqWdPe9XZ72kvauvw7l3rNrvqZLfHgJXkyiIsig7CCCN0sW3Qw/s900-e365-rw/css.gg_app.png)
ライセンス:MIT License
クレジット表記:必要
参照:css.gg/LICENSE at master · astrit/css.gg · GitHub
サイズは S M L XL の4パターン、色は5パターンから選べます。
Heroicons
![Heroiconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiUK05MeDppeAdhdHlRN9xfywHGwn8wyCrEpbFheWPVYHdRSK0XntQ_xBuSv9qZEyFS6H54F7EMQ7fm3EroKZpBukOpk-fNZ7jB9tIAQZF72iOo1xsPuDnskma0bjrX_JGXCfhQFCRsNu2/s900-e365-rw/heroicons.dev_.png)
ライセンス:MIT License
クレジット表記:必要
参照:heroicons/LICENSE at master · tailwindlabs/heroicons · GitHub
SOLID と OUTLINE があります。丸みがあってかわいい感じ。
Octicons
![Octiconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit8RcRhxb7gIiQfzEzL7RiDUfbuUz2WQMedtHbfywW84HTxYpfui9rWWTatTCUXKagwxvDNhYRFFSlOZ2EyTFACeecY0xOgSRXoR1dPE8kl-9ipLC39aq-_9ci7hthJAkWuC_dXPkizoHT/s900-e365-rw/primer.style_octicons_.png)
ライセンス:MIT License
クレジット表記:必要
参照:octicons/LICENSE at main · primer/octicons · GitHub
12px、16px、24px があります。
Radix Icons
![Radix Iconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5lz7rJHQbMrqqpl5WJ-69IgiVsBquycmjjQFLu0ZqT0lPXtTr-lH3KS9ZwcgcOFiSjdgNsSSugb-1gakEDwg47G62rK0637srNoe7AjfaKzaKwWZxwCszQdZ1ldHn2NA4yq0qPBShX2mz/s900-e365-rw/icons.radix-ui.com_.png)
ライセンス:MIT License
クレジット表記:必要
参照:icons/LICENSE at master · radix-ui/icons · GitHub
15px サイズで線が細めのアイコン。
Eva Icons
![Eva Iconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAlsJdeifwjpN0H4KzKgV78IDfpzdKxNHNmvQV6ssreWgaaPp_zQhnuSQ7g_8Gyl1JIpB_WpqGBuCGJUEmN24eo3LnAh_TVHL5UzYgXIYYzF6Rrrvn2GLICmXGqig7qGFgv5431dtObtoR/s900-e365-rw/akveo.github.io_eva-icons_.png)
ライセンス:MIT License
クレジット表記:必要
参照:eva-icons/LICENSE.txt at master · akveo/eva-icons · GitHub
丸みがあってかわいい雰囲気のアイコン。
Ikonate
![Ikonateサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvRMGIIJzsmo8NJUGtA_NdCeJXCsBVYq9XsFE_vLoxkuAILH1N6QhKeLGpbHr5ZFqB2ML7w4aCm56EgeZ4kem8s7K7GOBqqcG891p9dvNNLxTv95KbjMVaVWbxTvLv0YOslG_V2c4k6vWR/s900-e365-rw/ikonate.com_.png)
ライセンス:MIT License
クレジット表記:必要
参照:ikonate/LICENSE at master · mikolajdobrucki/ikonate · GitHub
線の太さ、サイズ、角の処理(丸 or シャープ)、色を選択してダウンロードできます。
Teenyicons
![Teenyiconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRVpCBNEw45rgD5pFGOoVjKc99fqYfZAJSbBGrn5bouO7GOf7M-HOfcpMTuOWMIOlVx2EwMS6Q_PLIGUpLR2bzVmLjwAVzQ58ZCS4HiAmvSC7afJSAA5Y0Te7L36FLMCpfTaxX41Pji1mh/s900-e365-rw/teenyicons.com_.png)
ライセンス:MIT License
クレジット表記:必要
参照:teenyicons/LICENSE at master · teenyicons/teenyicons · GitHub
15×15px のアイコン。小さなスペースに適しています。
Potlab Icons(動くSVGアイコン!)
![Potlab Iconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4D04VNDZPQ7LYfxmMzSGehO6fPxoUlqoudTv2YqL7xC1OvD2Zjrzp_Z0QXjmGgmuX7vBbEYfuFtxi3Iatf17SbxV0E3Eng03geem60gokCasuSGG_hQAtEdGoW2Z56pCjMo4pEgrpARjC/s900-e365-rw/www.potlabicons.com_.png)
ライセンス:CC BY 4.0
クレジット表記:必要
参照:サイト上に Completely free and open source under CC 4.0. の記載があります。
アイコンが動いています。
クレジットの表記方法
記述方法
クレジットの表記方法については Font Awesome のクレジットが参考になります。
<!--! Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
また、Bootstrap のように CDN でもファイルを配信している場合は、配信ファイル内に記載されているクレジットをもとに記述しても良いと思います。
<!-- Bootstrap Icons v1.8.0 (https://icons.getbootstrap.jp/) Copyright (c) 2019-2021 The Bootstrap Authors, Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE.md) -->
※上記例は、Bootstrap の CSS ファイル内に記述されているクレジットとライセンスページをもとに、Bootstrap Icons の名称や URL 等に修正して作成しました。(Bootstrap Icons の CDN ファイル内には著作権表示がないようでした)
Feather に応用すると次のような感じでしょうか。
<!-- Feather v4.29.0 (https://feathericons.com/) Copyright (c) 2013-2017 Cole Bemis, Licensed under MIT (https://github.com/feathericons/feather/blob/master/LICENSE) -->
こちらの参考サイトによると、次のような短縮表記でも良さそうです。
ソースコードのライセンスの書き方 | バグ取りの日々
<!-- Feather v4.29.0 | MIT License | https://github.com/feathericons/feather/blob/master/LICENSE -->
クレジットの表記場所
Font Awesome では各 SVG コードにクレジットが含まれています。SVG コードを単体で使う場合はそのままのコードを使えば良いと思います。
SVG スプライト(※)の形で複数の SVG アイコンを使う場合は、SVG コードの冒頭などにわかるように1つ記述しておく形でも良いと思います。
SVGスプライトは複数のSVGオブジェクトの記述を1つのファイルの中にまとめ、任意の場所で任意のSVGオブジェクトを呼び出す方法のこと。
参考:SVGスプライトの利用① 「作成方法」 | ホームページ制作・作成なら大阪のweb制作.com
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none;">
<!--! Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<defs>
<symbol id='svg-1' viewbox='0 0 24 24'><path d='M19 ...'></path></symbol>
<symbol id='svg-2' viewbox='0 0 24 24'><path d='M15 ...'></path></symbol>
<symbol id='svg-3' viewbox='0 0 24 24'><path d='M9 7 ...'></path></symbol>
...
</defs>
</svg>
以下の記事を参考にさせていただきました。
FontAwesomeをSVGで使用する【JavaScriptなし】 | バグ取りの日々
MIT License 利用時の著作権表示箇所 - Qiita
書き方がよくわからない、表記がめんどくさいという場合は、以下で紹介するクレジット表記不要の SVG アイコンを使用するのが無難だと思います。
クレジット表記が不要な SVG アイコン素材サイト
以下ではクレジット表記不要の素材サイトを紹介します。不要といってもクレジット表記してはいけないわけではなく、もちろん表記しても構いません。
素材サイトの利用規約の中にも「表記不要だが表記も歓迎」という形で記載されていることもあります。
Google Material Symbols and Icons
![Google Material Symbols and Iconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEIOT6NZeuiucbFvgaoZ3yUwkeLBhLJN87gfZYuUJABH1cMtY2FB6lGYTBN1iikY-brxEOzf_48jG5NjOok-TzeCJ0awqWxN27oEr-h3Z0frBCNB-yL2NJhCQoryKpnxnJMKSVpys4GKnm/s900-e365-rw/fonts.google.com_icons.png)
Material Symbols and Icons - Google Fonts
ライセンス:Apache License 2.0
クレジット表記:不要
参照:material-design-icons/LICENSE at master · google/material-design-icons · GitHub
Google が出しているアイコン素材です。
以前は Material Icons だけでしたが、Material Symbols という可変アイコンが追加されました。
マテリアル シンボル ガイド | Google Fonts | Google Developers
Apache License 2.0 のため、使用時のクレジット表記は不要です。
Remix Icon
![Remix iconサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiLmHMQazJNh3yA1kdBmaEysbgM4CzxHulNKtZlZhGraPGhju4HqGFklQ6eRCFRMVfJlqPD_opWWsTJmOv4ZEZP8dvSyqGF9k9YfVHPaVZenLW9UiREeKz1YtDRLRoS7ZYebXjIEWlnTp3/s900-e365-rw/remixicon.com_.png)
ライセンス:Apache License 2.0
クレジット表記:不要
参照:RemixIcon/License at master · Remix-Design/RemixIcon · GitHub
色とサイズを選択してダウンロードできます。ベーシックでかわいいデザインで、使いやすいです。
MingCute Icon
![MingCute Iconサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuILarsiQ8bTNuklO8q-uD-TeqfvMR6WSXX2_nngXNBAIcKr6h_x5-RzBwB_DMFOisKCie23Xrz9HrGtsLSsH76EfBIVrmYWTkukiDvyY0Royza09IN5HQpZAzL6nkPE3XFUuImeTD1p5o/s900-e365-rw/www.mingcute.com_.png)
ライセンス:Apache License 2.0
クレジット表記:不要
参照:MingCute/LICENSE at main · Richard9394/MingCute · GitHub
色とサイズを選択してダウンロードできます。使いやすいアイコンなのですが、SVG コードの中に不要な id が中国語で入っているのが少し気になります。削除すれば良いんですが削除が面倒。。かわいいから使っています。
IconPark
![IconParkサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcNv7R66-8sOJR4ChyphenhyphenhHWmY6z-t_WCm7FRynRYtSns2LkVPa-qMJNTSowiqxYvlE2RBrNKo6omsqh6fwFVilXQWf485qN6xMpynN7Fb9wL2sPNKZ7ZOd16auub6rIDi_-OF5th9xVoRNPc/s900-e365-rw/iconpark.oceanengine.com_official.png)
ライセンス:Apache License 2.0
クレジット表記:不要
参照:IconPark/LICENSE at master · bytedance/IconPark · GitHub
サイズ、Stroke、テーマ(Line・Fill・Two-tone・Multi-color)、色、角の丸みを選択できます。
2色や多色のアイコンを使いたい場合に選びやすいと思います。デザインも多様。
Simple Icons
![Simple Iconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6QNdtR_i77c23ZJUrVb6hhkr4arLpMi3PnMpQldFkXTEeWOEibNiIujI5xHFZDaxbV-l2vBSfBvXLFh2Gqq7HsR8yoeTFZUHKYiq7mXjxIA_WejRzrTR1nAXEG0b4zLPe9mzoEU1qADpT/s900-e365-rw/simpleicons.org_.png)
ライセンス:CC0 1.0
クレジット表記:不要
参照:simple-icons/LICENSE.md at develop · simple-icons/simple-icons · GitHub
ブランドロゴを SVG アイコンにしている素材サイト。
ライセンスは CC0(パブリックドメイン)のため、クレジット不要です。
System UIcons
![System UIconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9-NbkcRWSRMoLXlKJ6Mf7R7PVdZc9346NtLevj0CV83h70Ueajv1aChfoc5IA6K2AHsSRqMFlteY3RBgIGVUfS72XnbC7jz-6cbw00uJ7vfZZ3E8eKgASKoaXKOj_5o4w72VSi2qFLe4/s900-e365-rw/www.systemuicons.com_.png)
クレジット表記:不要
利用規約:サイト上に Use how you want, without attribution. の記載があります。
細めの線のアイコンです。
ICOOON MONO
![ICOOON MONOサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPzbYpeUv1a8ly5f3Cv4FD9rS0OU_FTEu9xmRp0ktcms1rdMFU7VK4PimvoffQRhah9hRICaY9_WZxgAtwyDS1glCaM9vkFNhzltcURlETLbJuJLqj_Xh13Sm_WZ4t8u8fq9Qk1Pnwsf6P/s900-e365-rw/icooon-mono.com_.png)
クレジット表記:不要
利用規約:ライセンスについて | アイコン素材ダウンロードサイト「icooon-mono」
さまざまなカテゴリー・バリエーションのアイコンがあります。
icon rainbow
![icon rainbowサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAJfQa7IrUgmoI_qTUHZhD9F4ohmkXkwubBcPhwHkaF4hPDioDVSPoGdldH9jPoyqe44Fc56_W0MPE2lNowho5T08D6C41SyFFHceuPA0o7VQ6qHlDsQI9nVwoguKLNxwwOWs1AhgejO3n/s900-e365-rw/icon-rainbow.com_.png)
クレジット表記:不要
利用規約:使用条件について | 商用可の無料(フリー)のアイコン素材をダウンロードできるサイト『icon rainbow』
こちらもアイコンの種類が多様。
ICON BOX
![ICON BOXサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRYEe1JdyK1CFBvltV42xLgRP09hQlOMxI4nttc_plaed1jl9m7Wpdd8snTKiwasaphFy-xwl0r0cGGWjidaUQDziGbhmDFFJsRvPsoWXZxsNDLzrlgzycMuFEWmHqIgPhfBQf5NcYCQgK/s900-e365-rw/iconbox.fun_.png)
クレジット表記:不要
利用規約:ABOUT | 無料アイコン素材|ICON BOX|商用フリーアイコンがダウンロードできます
「デスクトップ」「吹き出し」「家」「星」などは何パターンもデザインがあるので、微妙なデザインの違いにもこだわりたい場合にぴったり。
iconmonstr
![iconmonstrサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN_wcTOBLYxZLQsbjDmVxN5YYkdKD4iH6tivDQuNV9vmZxlq7_MaAkx_li-5YU9GpTM52C8-KukKOrfwZO0N7gTLUGCro-bInBRwm3f3ZSh0zw7TaURKIXPVY3rFjPpqQhCqyM1Ev03Vmj/s900-e365-rw/iconmonstr.com_.png)
クレジット表記:不要
利用規約:License Agreement - iconmonstr
アイコンはベーシックで多様。ただ画面上に表示できるアイコンの数が少なく、いろいろ見ながら探したい場合には一覧性がなくてちょっと探しにくい。
Iconstore
![Iconstoreサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQSVp-AVMFCOGm36XC-88IPjqzgDMj10PxObP5RboTooOCoT1eM0dWIIb9xSGAFVeQAd3JAR9faBnBJFX-69dn8IjQY4wiZ-nWjLmqRtngNf9zDn_-92TqtYfv5kdlRpzqBGJ8zgkWeznm/s900-e365-rw/iconstore.co_.png)
クレジット表記:不要
利用規約:License | Iconstore
アイコンをセットごとにダウンロードできる素材サイト。いろんなテイストがあって見ているだけでも楽しい。
Endless Icons
![Endless Iconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK77EVI7WEcbJ0HMccmhv0-9_nzjEzmr98sxDy4xhP97lI1LqazZjUgaN_X7KgR6TAoK3Kx3JI3uikF_XJmlZF2JFczeqx1ZHyXJKew76AHIkAfs9hqVg08jmMN1FE8crnD-qdFlCPUdjM/s900-e365-rw/endlessicons.com_.png)
クレジット表記:不要
利用規約:Terms of Use | Endless Icons
Doodle(落書きという意味)という独特なタッチのアイコンがかわいいです。
Doodle | Endless Icons
Unicons
![Uniconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg52UA-XC5to0XR4HjY4KYWyQehNxjXg4jtnBAntQ_jP18NSKDL-OOtRGsGgTSLZMNJ80sBB7MXsw_1NTuzZrtCsPR1tor76lIseg9owiyRi2cwpoaX_9K9Dl8PYRDWIeUrELGa27U6V3in/s900-e365-rw/iconscout.com_unicons_explore_line.png)
クレジット表記:不要
利用規約:Licenses | IconScout
Line、Solid、Monochrome、Thinline という4種類のアイコンがあり、Line のみ無料で利用できます。
ダウンロードには Google アカウント等でログインが必要です。
Tabler Icons
![Tabler Iconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiskpWsuZ2X_BssJvLUBChpfBTYdUYs1LTK24s60N7D8lDGuQ28byL3ET-BIz7bQJQ5ldQrFxhp0I11QBx08HmKZMgdYxLpQOPkSUGRDM9pMWOxLOHajAit59b5r73fz6AUzGrbgfEnPz8p/s900-e365-rw/tablericons.com_.png)
クレジット表記:不要
利用規約:サイト上に No attribution required. For commercial use. の記載があります。
サイズ・Stroke・色を画面上で設定できます。
EXPERIENCE JAPAN PICTOGRAMS
![EXPERIENCE JAPAN PICTOGRAMSサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5H9KeSype2AJCC7cYMooQVzRkt295i1XmiTX6dDMBMonUElgRZJl11ETzjNCjl-5OQqGj8mBdeVeGpdgERaQPrtJsREW_YTQ9w9XDk01igzpOKKuSfAMBD-g1RRGIOdCbf24Oh5fMhrGf/s900-e365-rw/experience-japan.info_.png)
クレジット表記:不要
利用規約:DOWNLOAD | EXPERIENCE JAPAN PICTOGRAMS
日本の観光体験を伝えるために設計されたアイコン。和っぽいアイコンはこちらのサイトを探せばありそうです。
データダウンロード時に個人情報や利用目的の入力が必要ですが、商用非商用問わず無料で利用可、クレジット表記も不要と記載されています。
IFN
![IFNサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkb_uVbgcv-9zKskK_BGpsLmqM800cc6L6qaQ_DEmQbnmiNDfXhyGSXiNNHtVH0fJ2QqbOjiqgNfQs1C9KFSJzj5RJ_AgCrTPy7ml5rWpmxfl76IM_USyx3yJW6BpAOHWUUWjRD6pno9Ri/s900-e365-rw/illustration-free.net_.png)
クレジット表記:不要
利用規約:利用規約 IFN 無料アイコン
ページ下部のカテゴリーとタグからアイコンを探しやすい。
Forge Icons
![Forge Iconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9tX0O8hC3gIAZMBiqjhUC9Wp23Kso3OHptbVGsZ3a-2qA09YNa6ve8ioYzneoX9XhZ0FJrrnFHS0DiSuuNdrSxfnc3Aq-du0PlNWvlyddJu9vBdsg6TMZ6ciK_DJfshyTUP8gQP29muQf/s900-e365-rw/icons.theforgesmith.com_.png)
クレジット表記:不要
利用規約:Frequently Asked Questions - Forge Icons
サイズ、Stroke、色を変更できます。細めのアイコン。
Indie Icons
![Indie Iconsサイトキャプチャ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJuyJ-0W2kwvDXi1yGaLat9pnLm_5pG38lC1pxCQ_Wgn2jC6pygsHqTSEkCT9fmz_u7W9Gcepqaq2KSTSJ7yP4Ioj6KrMeR1j8FXC4veaEJV2oH9O4XvEC4yU6vkwNA4-S066szDs8Tv9T/s900-e365-rw/www.visiwig.com_icons_.png)
クレジット表記:不要
利用規約:Indie Icons License | VISIWIG
カラー、サイズを変更できます。通常パターンの SOLID と、2色デザインの SPLASH があります。SPLASH は15個だけ無料ダウンロード可能で、その他は有料($30)となっています。
素材サイトの紹介は以上です。
![ブログのロゴを SVG 形式でつくる。簡単なロゴの作成手順と Blogger での設定方法](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaOkZScIC8gGqjPV0cdBSSctl2kCfEOOatL2-qo4dqItnmLCkc0FouuNSWKqZfNW0neVPS2am1ZlLJ_Myx8qHP9zo95RMW3M4WkS5dZY61zs6u4-vxqWay0aWlwjASZ0TY_jR6euQKHL1J/s280-c-e365-rw/eyecatch-738-svglogo.png)
ブログのロゴを SVG 形式でつくる。簡単なロゴの作成手順と Blogger での設定方法
ブログのロゴは、拡大縮小しても画像がぼやけないSVGという形式で作るのがおすすめです。Inkscapeというフリーソフトを使ったSVG形式でのロゴ作成方法を紹介します。