Progressive Web Apps logo. Feel free to use it! #PWALogo
Switch branches/tags
Nothing to show
Clone or download
Latest commit 1a6a621 May 9, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
proposal-diekus PWA logo (diekus) May 26, 2017
proposal-joshm Alternative Logo Proposal May 26, 2017
usecases usecases added May 9, 2018
PROPOSALS-HISTORY.md History created Apr 29, 2018
README.md formatting May 9, 2018
_config.yml Set theme jekyll-theme-slate May 9, 2018
pwa-logo.ai first commit May 24, 2017
pwa-logo.eps first commit May 24, 2017
pwa-logo.png first commit May 24, 2017

README.md

Community-introduced and widely adopted PWA logo

pwa

Author

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:

The easiest way to start using the logo is getting a vector file. You can create and download your own SVG file with color combination at https://diekus.net/logo-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

SVG Source File Download

http://diekus.net/images/PWA_LOGO_SOURCE.svg

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 I/O 2018 (screenshot by Maximiliano Firtman) io2018

Microsoft Build 2018 msbuild2018

License

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