3c4322222f
* Add Kotlin icon details The source links to a URL containing the official logo and logo guidelins for the Kotlin logo. Unfortunately it doesn't specify anything about the color of the logo. So I picked the color of the icons on the Kotlin language landing page (https://kotlinlang.org/). * Add Kotlin logo Added a Kotlin logo, however Kotlin offers three possible logos we could use (see the guidelines linked in the icon source). In the order they're (as of this commit) found in the guidelines, here are SVGs varients: 1) <svg aria-labelledby="simpleicons-kotlin-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-kotlin-icon">Kotlin icon</title><path d="M24 0H0v24h24L12.04 11.96 24 0zM12.36 1.18h8.81L.91 21.66V13L12.36 1.18z"/></svg> 2) (found in this commit) <svg aria-labelledby="simpleicons-kotlin-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-kotlin-icon">Kotlin icon</title><path d="M1.3 24l11.3-11.5L24 24zM0 0h12L0 12.5zM13.4 0L0 14v10l12-12L24 0z"/></svg> 3) <svg aria-labelledby="simpleicons-kotlin-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-kotlin-icon">Kotlin icon</title><path d="M12 12L24 0H0v24h24L12 12z"/></svg> * Update Kotlin color Based on the colors in the logo gradient as pointed out by @birjolaxew |
||
|---|---|---|
| _data | ||
| icons | ||
| images | ||
| scripts | ||
| tests | ||
| .gitignore | ||
| .jsonlintschema | ||
| .npmignore | ||
| .svglintrc.js | ||
| .travis.yml | ||
| CNAME | ||
| CONTRIBUTING.md | ||
| index.html | ||
| ISSUE_TEMPLATE.md | ||
| LICENSE.md | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| site_script.js | ||
| stylesheet.css | ||
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>'
}
*/
Alternatively you can import the needed icons individually. This is useful if you are e.g. compiling your code with webpack and therefore have to be mindful of your package size:
const googleplus = require('simple-icons/icons/googleplus');
console.log(googleplus);
/*
{
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>'
}
*/
Third Party Extensions
WordPress
Icons are also available on WordPress through a simple plugin created by @tjtaylo, which you can find here.
Status
