alrra/browser-logos

🗂 High resolution web browser logos

Browser Logos

You may want these for a presentation, a blog post or for the site featuring your brand new awesome lightbox script (please no!). All logos are high resolution with transparent backgrounds.

---

Current browser logos

For logos of browsers that are currently active, check the src/ directory.

Old browser logos

For older logos, or logos of browsers that are no longer active, check the src/archive/ directory.

---

Getting the browser logos

There are a few options for getting the browser logos:

1) Get individual logos

• Install using:

  • npm: npm install --save-dev @browser-logos/<logo>
  • Yarn: yarn add --dev @browser-logos/<logo>

• Use cdnjs.

2) Get all logos

• Download the zip archive.
• Use cdnjs.

Contributing

Anyone and everyone is welcome to contribute, but before you do, please take a moment to review the guidelines.

• Bug reports
• Feature requests
• Pull requests

Acknowledgements

Browser Logos is only possible thanks to all the awesome contributors!

Legal

All logos and trademarks are the property of their respective owners.

Everything else is available under the MIT license.

Project origin and history

Read Paul Irish's "High-res Browser Logos" blog post.

browser-logos's Issues

Logo matcher libraries?

Do you know if some PHP / JS whatever langage libraries related to your project exists?

Some libraries that can find the corresponding log from user-agent string for example. (I think we can do great things with browscap-php)

Would be great to setup a list on you Readme, what do you think?

Script that automatically generates `all-desktop.png`

A shell script that automatically generates all-desktop.png based on the other files in the repository would be super useful.

Add Internet Explorer Developer Channel logo

How it looks:

See also:

• http://devchannel.modern.ie/
• http://blogs.msdn.com/b/ie/archive/2014/06/16/announcing-internet-explorer-developer-channel.aspx

Add Android default browser logo?

The current browser list seems to be quite exhaustive, so I was surprised to find that the Android default browser icon is not there. You'd think someone other than me would have needed it by now... so I was just wondering if there's a reason it's not included, or is it simply because there hasn't been a pull request for it?

Add image of key mobile browsers?

Even though it's not obvious what to do for Android browser... I think we should try.

Android b, mobile safari, android chrome, blackberry, IE mobile.

Old logos

browser_logos-512.png uses the old Chrome and IE logo.

Wanted browser logos

Below is a list of browser logos that we are currently looking for. If you find a decent version (512⨯512px or higher) of any of those browser logos, feel free to open a pull request.

For new requests, just leave a comment below.

---

Comodo IceDragon

Comodo Dragon

Lunascape (Windows)

Silk

SRWare Iron

---

I'll try to keep this list updated as new suggestions come in.

Add WaterFox icon

Hello,

Add the WaterFox's icon browser

https://www.waterfoxproject.org/

Thanks!!!

New Opera logo

See http://blogs.opera.com/news/2015/09/opera-new-logo-and-brand-identity/

SVG version:

<svg xmlns="http://www.w3.org/2000/svg" width="287" height="287"><defs><linearGradient id="a" x1="50%" x2="50%" y1="98%" y2="1%"><stop stop-color="#FF1B2D"/><stop offset="30%" stop-color="#FF1B2D"/><stop offset="61%" stop-color="#FF1B2D"/><stop offset="100%" stop-color="#A70014"/></linearGradient><linearGradient id="b" x1="50%" x2="50%" y1="99%" y2="0%"><stop stop-color="#9C0000"/><stop offset="70%" stop-color="#FF4B4B"/><stop offset="100%" stop-color="#FF4B4B"/></linearGradient></defs><path fill="url(#a)" d="M0 143.3C0 66.43 60.5 3.72 136.46.16 138.73.07 141 0 143.3 0c36.67 0 70.13 13.8 95.48 36.47-16.8-11.14-36.43-17.55-57.42-17.55-34.12 0-64.68 16.92-85.24 43.62-15.84 18.7-26.1 46.35-26.8 77.37v6.76c.7 31.03 10.96 58.67 26.8 77.37 20.56 26.7 51.12 43.62 85.24 43.62 21 0 40.63-6.4 57.43-17.55-25.23 22.57-58.5 36.33-94.97 36.47h-.54C64.14 286.57 0 222.42 0 143.3"/><path fill="url(#b)" d="M96 224.08c13.15 15.54 30.13 24.9 48.7 24.9 41.7 0 75.5-47.32 75.5-105.7 0-58.4-33.8-105.73-75.5-105.73-18.57 0-35.55 9.37-48.7 24.9 20.56-26.7 51.1-43.65 85.24-43.65 21 0 40.62 6.4 57.4 17.56 29.35 26.26 47.8 64.42 47.8 106.9 0 42.5-18.45 80.65-47.77 106.9-16.8 11.16-36.44 17.58-57.43 17.58-34.13 0-64.68-16.94-85.24-43.66"/></svg>

I’ve tried converting the logo to PNG versions using svg2png-cli but the quality is a bit disappointing:

$ for i in 16 24 32 48 64 128 256 512; do svg2png -w $i opera.svg; done
opera.svg has been converted in opera-w16.png
opera.svg has been converted in opera-w24.png
opera.svg has been converted in opera-w32.png
opera.svg has been converted in opera-w48.png
opera.svg has been converted in opera-w64.png
opera.svg has been converted in opera-w128.png
opera.svg has been converted in opera-w256.png
opera.svg has been converted in opera-w512.png

So I ended up creating them manually.

Correct Opera logo to match official one

The Opera logo from this repository doesn't match the official one:

Logo from repository	Official logo

Ref: #70

Cc: @mathiasbynens

Add `Polarity` logo

This is just a small request for Polarity Browser.

http://polarityweb.weebly.com/

Link for logo.

Thank you.

Add `Project Tofino` logo

Ref:

• https://github.com/mozilla/tofino
• https://medium.com/project-tofino

This experiment is actually pretty functional:

SVG

What about SVG format? I love vectors.

Google Chrome svg (and possibly png?)

Consider adding this to the chrome logos (it's in the Public Domain): https://en.wikipedia.org/wiki/Google_Chrome#mediaviewer/File:Google_Chrome_icon_(2011).svg

Naenara (내나라) logo

I was reading this blog post yesterday and I decided to install North Korea’s Red Star OS just to see how it is. While fiddling around, I also extracted Red Star's Naenara browser logo just in case someone will ever need it:

Unfortunately, 128×128px is the biggest size provided (or at least, the biggest that I could find):

Add `Focus` logo

Ref:

• https://github.com/mozilla-mobile/focus
• https://translate.google.com/translate?sl=de&tl=en&hl=en&ie=UTF-8&u=https%3A%2F%2Fwww.soeren-hentzschel.at%2Ffirefox-ios%2Fmozilla-macht-klar-by-firefox-zum-browser-mit-content-blocker-fuer-apple-ios

Add logo for Microsoft Edge

See also:

• http://blogs.msdn.com/b/ie/archive/2015/01/22/project-spartan-and-the-windows-10-january-preview-build.aspx
• https://twitter.com/ppk/status/560072947613057024

Add QupZilla Logo

Hello,

I found a Browser without Logo. The browser is QupZilla.

There are the links:
Official website: www.qupzilla.com
Github link: https://github.com/QupZilla/

The logo:

Add Safari for iOS 7 logo

(from: http://www.apple.com/ios/ios7/features/#safari)

Publish logos individually?

This project has become quite big, and because most people usually only need the main browser logos, I'm thinking of publishing some of the logos separately, and therefore, transform this into a monorepo.

---

The plan is to:

1. Continue to release "global" versions and maintain a "global" CHANGELOG.md.

2. Publish some of the logos under the @browser-logos namespace.

   • @browser-logos/<browser> → to get the latest logo of <browser>.

     e.g.: @browser-logos/firefox

   • @browser-logos/<browser>_<version_x>[-<version_y>] → to get the logo
     used by <version_x>, or between <version_x> and <version_y> of <browser>.

     e.g.:

     • @browser-logos/internet-explorer_6
     • @browser-logos/internet-explorer_7-8

   Other notes:

   • Logos for which the exact browser versions are not known won't be published as that can potentially create confusion and some problems down the line.

   • For the logos that will be publish, their directory will contain the following:

     <browser>.png
     <browser>.svg (if it exists)
     <browser>_16x16.png
     <browser>_24x24.png
     <browser>_32x32.png
     <browser>_48x48.png
     <browser>_64x64.png
     <browser>_128x128.png
     <browser>_256x256.png
     <browser>_512x512.png
     CHANGELOG.md (yes, they will get their own CHANGELOG!!)
     package.json
     README.md
     

---

Thoughts? :)

Add Firefox UX Nightly browser logo?

I don't know that you would want to include it, but Firefox Nightly has a "UX" build with a special logo. I can't find a version with a transparent bg though.

Add new WebKit logo?

in a new deck from WWDC there is a webkit logo!

https://developer.apple.com/videos/wwdc/2015/ "Using Safari to Deliver and Debug a Responsive Web Design"

http://devstreaming.apple.com/videos/wwdc/2015/5059xl75l59/505/505_using_safari_to_deliver_and_debug_a_responsive_web_design.pdf

Add the various Firefox channels

Firefox has different logos for each channel (Beta, Aurora and Nightly).

https://www.mozilla.org/en-US/firefox/channel/

http://nightly.mozilla.org/

The unofficial builds used to have a special logo as well. I'm not sure if there is still a prescribed logo for that. If there is, this could be added too.

Chrome logo(s)

1. The PNGs don't seem to get rendered properly, it's missing the kind-of-shadows that look like 6s. The colors/gradients seem a bit off too. Reference: https://plus.google.com/+chrome
2. The logo for Chrome on Android is also different, I don't know what's up with that: https://play.google.com/store/apps/details?id=com.android.chrome

Semantic versions rules?

Could you please add a note about how semantic rules work on this project?

I was on 3.* and just see you are on v22.

Major version should be BC breaking but nothing indicated about that on the changelog: https://github.com/alrra/browser-logos/blob/22.0.0/CHANGELOG.md

Could you please explain a little bit?

Thanks.

Add Palemoon Logo

Pale moon's homepage:
http://www.palemoon.org/

Add to `cdnjs`

hi, recently we want to add your lib on http://cdnjs.com, could you please tell me what files should be hosted on CDN?
thank you very much!

cdnjs/cdnjs#7865

NETSCAPE ='(

Y U NO NETSCAPE ='(

browser icon font

Don't know if this comes in handy, but I created a quick browser icon font which I needed myself for this awesome webapp http://filevoid.net (which is almost finished)! :)

credits are mostly fontello, but i created the safari icon really quickly myself off of some template image.

you can download and check it out here:
https://dl.dropbox.com/u/9794784/browserIconfont80712.zip

created with icomoon.io

Mobile Browser Icons

Icons for native browsers of ios, andorid and other platforms should be added to this.

Make sense ?

Operating System logos?

This browser logos collection is smashing. Thank you!

Would anyone know where to get a collection of operating systems logos?

SRWare Iron

http://www.srware.net/en/software_srware_iron.php

Doesn't seem to have a logo though and it's pretty much a Chrom clone. I suppose you could try to obtain the SRWare logo and use that.

Add `Samsung Internet` logo

Ref:

• Inside Samsung Internet Beta for Gear VR
• http://developer.samsung.com/resources/samsung-internet

Netscape

Netscape for the nostalgic :)

Chromium is missing?

I know it's not different from the regular Chrome feature-wise, but someone might want to use the Chromium logo instead. Any reasons not to include it here?

Add new Safari 8 logo (OS X Yosemite)

How it looks:

(from: https://www.apple.com/osx/preview/)

Update Firefox logos

firefox updated their logo

Not doing a pull until the official assets page is updated, but leaving this here as a reminder to update soon

Are versions without drop shadows being planned?

I was just wondering whether it's on the agenda at all to provide alternate versions of the icons, either with or without drop shadows. In some cases, the icon may look better without one (for example, in an application launch menu.)

I know that it can be tricky to remove an already existing shadow, but, provided it doesn't violate any branding issues, it would be much appreciated.

P.S., looking forward to the FF Nightly SVG! :)

New IE10 Official Logos

IE10 SVG - 300 × 300 (Size: 4 Kb)
http://upload.wikimedia.org/wikipedia/en/e/e2/Internet_Explorer_10_icon.svg

This image rendered as PNG in other sizes: 200px, 500px, 1000px, 2000px.

Blurry icons?

Why are all the smaller icons so blurry? Compare

iconarchive:

with

this repo:

They're both not very crisp, but the ones from http://www.iconarchive.com/show/chrome-icons-by-google/Google-Chrome-icon.html seem way less blurry.

Add Opera Developer logo

Opera Developer: Most unstable, all the cool stuff (will be available after we release Opera 15 stable)

(from: http://my.opera.com/desktopteam/blog/opera-features-and-release-cycle)

Update `WebKit Nightly` logo

Old logo	New logo

Add logo for Vivaldi browser

https://vivaldi.com/

Hotlinking?

Do you happen to know github's current policy on hotlinking the images? I did a few searches but all the info seems old.

Thanks!

SVG versions?

Can SVG versions be added for when 256px isn't enough?

Add `Safari Technology Preview` logo

Ref:

• https://webkit.org/blog/6017/introducing-safari-technology-preview/
• https://developer.apple.com/safari/technology-preview/

Add Bower support?

Hi and thanks for your package.

Could be possible to have a bower.json and bower.io registration?

It will free us of have to use this configuration:

"browser-logos": "alrra/browser-logos#~3.1.2"

And we can just use this:

"browser-logos": "3.1.*"

And get last updates. 👍

Thanks.

Current Firefox logo

Straight from the official style guide:

https://assets.mozillalabs.com/Brands-Logos/Firefox/logo-only/firefox_logo-only_RGB.png

It has higher resolution, one can even consider it as a wallpaper. :)

Add Arora browser logo?

Hi,

It's great to see all the mainstream browser logos here along with some very niche ones.

One, however, is still missing - arora, a lightweight WebKit-based browser. I'd appreciate if you could include in your list.

Kind regards,

rjc

Update Opera Beta and Opera Developer logos

Opera Beta:

Opera Developer: