Skip to content

Commit

Permalink
Release 1 new icon (v7.20.0)
Browse files Browse the repository at this point in the history
# New Icons

- ADP (#8014)
  • Loading branch information
mondeja committed Nov 20, 2022
2 parents 1da4d73 + 9f43e22 commit e1dfe9e
Show file tree
Hide file tree
Showing 5 changed files with 30 additions and 1 deletion.
21 changes: 21 additions & 0 deletions README.md
Expand Up @@ -41,6 +41,27 @@ Where `[ICON SLUG]` is replaced by the [slug] of the icon you want to use, for e

These examples use the latest major version. This means you won't receive any updates following the next major release. You can use `@latest` instead to receive updates indefinitely. However, this will result in a `404` error if the icon is removed.

#### CDN with colors

We also provide a CDN service which allows you to use colors.

```html
<img height="32" width="32" src="https://cdn.simpleicons.org/[ICON_SLUG]" />
<img height="32" width="32" src="https://cdn.simpleicons.org/[ICON_SLUG]/[COLOR]" />
```

Where `[COLOR]` is optional, and can be replaced by the [hex colors](https://developer.mozilla.org/en-US/docs/Web/CSS/hex-color) or [CSS keywords](https://www.w3.org/wiki/CSS/Properties/color/keywords) of the icon you want to you use. The color is defaulted to the HEX color of the icon shown in [simpleicons.org website](https://simpleicons.org). For example:

```html
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons" />
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons/gray" />
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons/hotpink" />
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons/0cf" />
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons/0cf9" />
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons/00ccff" />
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons/00ccff99" />
```

### Node Usage <img src="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/nodedotjs.svg#gh-light-mode-only" alt="Node" align=left width=24><img src="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/nodedotjs-white.svg#gh-dark-mode-only" alt="Node" align=left width=24>

The icons are also available through our npm package. To install, simply run:
Expand Down
6 changes: 6 additions & 0 deletions _data/simple-icons.json
Expand Up @@ -241,6 +241,12 @@
"source": "https://adonisjs.com/",
"guidelines": "https://www.notion.so/adonisjs/Welcome-to-the-AdonisJS-Brand-Assets-Guidelines-a042a6d0be7640c6bc78eb32e1bbaaa1"
},
{
"title": "ADP",
"hex": "D0271D",
"source": "https://www.adp.com/",
"guidelines": "https://www.adp.com/legal.aspx"
},
{
"title": "Adyen",
"hex": "0ABF53",
Expand Down
1 change: 1 addition & 0 deletions icons/adp.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion package.json
@@ -1,6 +1,6 @@
{
"name": "simple-icons",
"version": "7.19.0",
"version": "7.20.0",
"description": "SVG icons for popular brands https://simpleicons.org",
"homepage": "https://simpleicons.org",
"keywords": [
Expand Down
1 change: 1 addition & 0 deletions slugs.md
Expand Up @@ -54,6 +54,7 @@ update the script at 'scripts/release/update-slugs-table.js'.
| `Adobe Premiere Pro` | `adobepremierepro` |
| `Adobe XD` | `adobexd` |
| `AdonisJS` | `adonisjs` |
| `ADP` | `adp` |
| `Adyen` | `adyen` |
| `Aer Lingus` | `aerlingus` |
| `Aeroflot` | `aeroflot` |
Expand Down

0 comments on commit e1dfe9e

Please sign in to comment.