web/simple-icons
1
0
Fork 0
mirror of https://github.com/simple-icons/simple-icons.git synced 2024-12-16 01:10:30 +02:00
Code Releases Activity
SVG icons for popular brands
1,353 Commits 2 Branches 254 Tags 176 MiB
JavaScript 99.8%
Dockerfile 0.2%
94b0b93178
Go to file
Josh Powlison 94b0b93178 Added Wattpad, Tapas, Aurelia, Gumroad icons (#763) 
* Add files via upload

* Add Wattpad and Tapas

* Add Aurelia icon

* Add Aurelia to json

Chose "ED2B88" color based on the buttons on the site; since the logo and most design elements have gradients it's tricky-feeling to choose one color. I think this choice is backed up though, because the "a" in the text logo is "ED2C88", just a tad brigher than the color I chose, and the "a" is the brightest letter in the logo. Let me know if you think otherwise.

* Add Gumroad icon

* Added Gumroad to data

Green and orange display prominently in the logo, but green is used for the website buttons and seems to be more prominent in overall website design and marketing. I chose the base color for their buttons- not the gradient slight lighter than/darker than variants.

* Remove rogue fill on Gumroad

Dagnabit, why'd they put it at the end? XD

* Remove extra line that appeared

* Delete gumroad.svg

* Replace gumroad

To fix extra line being added and rogue fill

* Set to pages for icons, not direct icon links

For Tapas, Gumroad, Aurelia, and Wattpad

* Go to id assets for Wattpad
2018-02-15 16:42:32 +01:00
_data Added Wattpad, Tapas, Aurelia, Gumroad icons (#763) 2018-02-15 16:42:32 +01:00
icons Added Wattpad, Tapas, Aurelia, Gumroad icons (#763) 2018-02-15 16:42:32 +01:00
images Adds better OG preview image 2017-04-27 18:19:18 +01:00
.gitignore Add "jsonhint" dependency 2017-09-11 21:53:21 +02:00
.jsonlintschema Change wording in schema 2017-09-13 21:44:59 +02:00
.npmignore Add index.js to .npmignore whitelist 2017-09-17 03:49:13 +02:00
.travis.yml Add NPM publishing through Travis 2017-09-19 15:09:16 +02:00
CNAME Update CNAME 2015-11-02 14:20:14 +00:00
CONTRIBUTING.md Add "icon outdated" label description to contributing guidelines 2017-12-22 23:35:58 +01:00
index.html Extract CSS and JavaScript from HTML 2018-01-03 18:41:32 +01:00
index.js fixes the relative path 2017-09-16 22:46:33 -04:00
ISSUE_TEMPLATE.md Make docs more "casual" (#644) 2017-10-17 13:44:38 -07:00
LICENSE.md Added license. Fixes #312 2016-03-15 15:15:16 +00:00
package.json Version bump 2018-02-14 00:27:05 +01:00
README.md Fix CDN usage snippet (#748) 2018-01-30 09:32:47 -08:00
site_script.js Extract CSS and JavaScript from HTML 2018-01-03 18:41:32 +01:00
stylesheet.css Extract CSS and JavaScript from HTML 2018-01-03 18:41:32 +01:00

README.md

Simple Icons

Simple Icons

Free SVG icons for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be made on GitHub. Started by Dan Leech.

Usage

General Usage

Icons can be downloaded as SVGs directly from our website - simply click the icon you want, and the download should start automatically.

CDN Usage

Icons can be served from a CDN such as JSDelivr or Unpkg. Simply use the simple-icons npm package and specify a version in the URL like the following:

<img height="32" width="32" src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/stackoverflow.svg" />
<img height="32" width="32" src="https://unpkg.com/simple-icons@latest/icons/stackoverflow.svg" />

Node Usage

The icons are also available through our npm package. To install, simply run:

$ npm install simple-icons

The API can then be used as follows:

const simpleIcons = require('simple-icons');

console.log(simpleIcons['Google+']);

/*
{
    title: 'Google+',
    hex: 'DC4E41',
    source: 'https://developers.google.com/+/branding-guidelines',
    svg: '<svg aria-labelledby="simpleicons-googleplus-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">...</svg>'
}
*/

Status

Build Status npm version