主要なアイコンをまとめた Simple Icons についてまとめています。


目次


公式・関連サイト


簡単な使い方

公式サイト simpleicons.org よりキーワード検索してみて下さい。

Simple Icons - 公式サイト

アイコンをクリックすると .svg ファイルでダウンロードできます。

ダウンロードせずに使いたい場合、CDN が 2 ヶ所用意されています。
height (通常は最大横幅)・ width (通常は最大縦幅) は必要に応じて変更します。

<img height="32" width="32" src="https://cdn.jsdelivr.net/npm/[email protected]/icons/simpleicons.svg">
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/simpleicons.svg">

これで が表示されます。


主なアイコン

とりあえず分かりそうなところをズラリと一覧にしてみました。
見て驚いて下さい。これで一部なんです。

アイコン .svg ファイル名
3m.svg
adobe.svg
aliexpress.svg
amazon.svg
americanexpress.svg
android.svg
apple.svg
applemusic.svg
appstore.svg
arduino.svg
asus.svg
atari.svg
audacity.svg
bing.svg
bitbucket.svg
blackberry.svg
bluetooth.svg
bmw.svg
bootstrap.svg
bose.svg
c.svg
cloudflare.svg
creativecommons.svg
csharp.svg
curl.svg
dell.svg
deviantart.svg
docker.svg
dolby.svg
ebay.svg
epson.svg
facebook.svg
fila.svg
filezilla.svg
firebase.svg
firefoxbrowser.svg
fujifilm.svg
fujitsu.svg
git.svg
github.svg
gitlab.svg
gmail.svg
go.svg
google.svg
googleanalytics.svg
googlechrome.svg
googlemaps.svg
googleplay.svg
hatenabookmark.svg
heroku.svg
hitachi.svg
honda.svg
hootsuite.svg
hp.svg
huawei.svg
hugo.svg
hulu.svg
icloud.svg
ifttt.svg
ikea.svg
inkscape.svg
instagram.svg
internetexplorer.svg
ios.svg
javascript.svg
jekyll.svg
jpeg.svg
jrgroup.svgg
lenovo.svg
letsencrypt.svg
line.svg
logitech.svg
macos.svg
markdown.svg
mastercard.svg
mazda.svg
mcafee.svg
mcdonalds.svg
messenger.svg
microsoft.svg
microsoftazure.svg
microsoftedge.svg
microsoftonedrive.svg
midi.svg
mitsubishi.svg
moo.svg
nasa.svg
nec.svg
netflix.svg
nginx.svg
nfc.svg
niconico.svg
nintendo.svg
nintendo3ds.svg
nintendogamecube.svg
nintendoswitch.svg
nissan.svg
node-dot-js.svg
npm.svg
nvidia.svg
openssl.svg
opera.svg
oracle.svg
ovh.svg
paypal.svg
pepsi.svg
pixiv.svg
playstation5.svg
pokemon.svg
python.svg
qiita.svg
raspberrypi.svg
rakuten.svg
ruby.svg
rubyonrails.svg
safari.svg
sega.svg
skype.svg
sourceforge.svg
subaru.svg
suzuki.svg
thunderbird.svg
tokyometro.svg
toshiba.svg
toyota.svg
tp-link.svg
trendmicro.svg
twitter.svg
typescript.svg
ublockorigin.svg
unicode.svg
virtualbox.svg
visa.svg
vivaldi.svg
volkswagen.svg
walkman.svg
warnerbros-dot.svg
wii.svg
windows.svg
windows95.svg
wix.svg
xbox.svg
xiaomi.svg
yamahacorporation.svg
yamahamotorcorporation.svg
youtube.svg
zoho.svg
zoom.svg

本当に使って良いんですか!? というのもありますね。よく考えられています。
一方で nasa.svg は旧ロゴだったり、
nintendo.svg や sega.svg は頭 1 文字だったりと
本当にアイコンとして使用する前提でシンプルなものを選定されています。

Issue などを見ると現在もロゴ追加希望が多いですが、
例えば Pokémon GO のロゴみたいに、単純化が難しいロゴモあるようです。

Pokémon GO icon #1436 | GitHub simple-icons/simple-icons


Q&A

自由に使用して良いのですか?

LICENSE.md | GitHub simple-icons/simple-icons

Creative Commons Zero v1.0 Universal ライセンスが明示されています。
つまり、著作放棄を主張し、自由に使用して良い(パプリックドメイン同等)です。
これは商用使用も含まれます。

「シンプルアイコン」というだけあって、モノクロ・単純化させているわけです。
ブランドロゴをそのままコピーしているわけではないのです。
ここが CC0 ライセンスにできているポイントです。

とはいえ、ブランドアイコンには著作権があるので、扱いには注意を要します。
実際に利用されている状況を見てもシェアでよく使われている SNS アイコンが多いです。

Font Awesome とどちらが良いですか?

🎈 Font Awesome は通常フォントファイルまたは SVG を
まとめて CSS。JS で指定して読み込んでからタグを入れるようになります。
いくつかのアイコンを使用する場合は便利です。

一方 Simple Icon は単なる SVG ファイルで個々に公開されています。
例えば Facebook のアイコンのみを表示させたい場合は、Simple Icon の方が有利です。
また、画像ファイル同等なので、HTML の img タグや Markdown でも使用でき、
GitHub の README.md でも使用できるメリットがあります。

アイコンを追加できますか?

Contributing to Simple Icons | GitHub simple-icons/simple-icons

主に Alexa ランキングで 500000 より上位になっているのが
一つの指標になっています。

Alexa

それ以外に GitHub プロジェクトは ★ が 5000 を超えている事、
他にもケースベイケースが認められる場合があるようです。

例えば Yahoo! JAPAN がないのですが、Alexa ランキングは 2021年2月現在 31 位で、
(日本じゃないですよ。世界のランキングですよ!)
Yahoo! の以前のロゴでもあり、Yahoo! の現在ロゴは採用されているので、
申請すれば追加してもらえる感じがします。
アイコンなので、フルではなく、 Y! のロゴタイプが理想でしょう。