pwa-shields

KO | EN

gitlite — search

#javascript #nodejs #python #hacktoberfest #machine-learning #deep-learning #laravel #deno #vscode #arduino #php #kubernetes

★ 11 Open GitHub ↗

Personalize your app's README with custom, fun, PWA shields in SVG

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# PWA Shields

> Personalize your app's README with custom, fun, PWA shields in SVG

Designs are sourced from the [PWA Shields Figma file](https://www.figma.com/design/G3icS0m9JTFqZLMh7JjDJY/PWA-Shields?t=AhTFHswoMdTRYT8B-0).

## Domain notice

I no longer own or operate [pwa-shields.com](https://www.pwa-shields.com). The domain has changed hands, and any live site or hosted badge URLs that point there are not maintained by me.

Shield SVG assets remain in this repository under [`static/1.0.0/`](static/1.0.0/). To browse series and build custom shields, run the site locally with `yarn install` and `yarn develop`.

## Usage

### Classic Series

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/classic/white/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/classic/white/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/classic/white/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/classic/faded/inverse/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/classic/faded/inverse/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/classic/faded/inverse/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/classic/faded/white/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/classic/faded/white/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/classic/faded/white/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/classic/solid/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/classic/solid/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/classic/solid/green.svg)

### Certified Series

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/certified/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/certified/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/certified/green.svg)

### Install Series

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/install/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/install/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/install/green.svg)

### Dark Series

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/dark/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/dark/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/dark/green.svg)

### Love Series

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/love/white/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/love/white/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/love/white/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/love/faded/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/love/faded/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/love/faded/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/love/solid/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/love/solid/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/love/solid/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/love/rainbow/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/love/rainbow/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/love/rainbow/green.svg)

### Gatsby Series

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/gatsby/white/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/gatsby/white/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/gatsby/white/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/gatsby/faded/inverse/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/gatsby/faded/inverse/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/gatsby/faded/inverse/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/gatsby/faded/white/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/gatsby/faded/white/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/gatsby/faded/white/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/gatsby/solid/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/gatsby/solid/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/gatsby/solid/green.svg)

### React Series

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/white/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/white/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/white/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/faded/inverse/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/faded/inverse/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/faded/inverse/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/faded/white/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/faded/white/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/faded/white/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/solid/white/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/solid/white/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/solid/white/green.svg)

![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/solid/blue/gray.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/solid/blue/purple.svg)
![PWA Shields](https://pwa-shields.richardtaylordawson.com/1.0.0/series/react/solid/blue/green.svg)

## Credits

Several projects aided in inspiring & building this project. Notably they are:

- [Shields.io](https://github.com/badges/shields)
- [Figma](https://www.figma.com/login)
- [GatsbyJS](https://www.gatsbyjs.org/)
- [React Bootstrap](https://react-bootstrap.github.io/)

pwa-shields

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README