Skip to content

webmaxru/progressive-web-apps-logo

Repository files navigation

Community-introduced and widely adopted PWA logo

pwa

Author

General idea igniter, facilitator

Hashtag

History:

Description:

PWA letters with an emphasis on the "W" with different colors, textures or graphics. The cuts between the letters remind of the // in the URL. It can be used in dark or light fonts, and can easily be adapted into icons, stickers, or other use cases.

Logo is based in a dark or light font, in order for it to adapt to many use scenarios. It can be used in any color. It is suggested that the W stands out in order to highlight the "Web" part of PWA. Nonetheless all three letters in one looks also great! It is your logo, feel free to adapt it. Base colors are:

base colors

Vector source:

pwalogo.svg | download

pwalogo-inverse.svg | download

pwalogo-white.svg | download

Also, you can create and download your own SVG file with color combination at https://diek.us/pwinter/ (also a PWA!)

capture

Demo example usage:

ew

It can be used with other logos (examples here show different browsers that support PWAs, a React version, or a WebVR like app that itself is a PWA. You can play around and put your company logo as well.) Looks great for stickers!

Rasterized Use-Ready sources (quick way to just pop them in presentations, docs, etc)

High Res PNG: (2048px width)

pwa

pwaw

High Res JPG: (2048px width)

pwa

High Res GIF: (2048px width)

pwa

pwaw

Appstores-like buttons

bundle_pwa

bundle_pwa

Thanks to https://github.com/gabfiocchi for this contribution

Tip

Get creative. This logo will look great in any environment you put it on. That's what it was made for. :) Enjoy!

pwasw

Feel free to post and share remixed uses and creations in the comments. Would love to see how the logo, as the PWA themselves, adapt to different scenarios like slides, posts, and swag. :)

Some key usecases

Google Chrome browser starting from M73 (DevTools -> Audit -> PWA) chrome

Google I/O 2018 (screenshot by Maximiliano Firtman) io2018

Microsoft Build 2018 msbuild2018

PWA Slack Team

Join thousands of the developers discussing PWA in the open PWA slack team.

License

The licence is https://creativecommons.org/share-your-work/public-domain/cc0/ , i.e. dedicated to the public domain.