2017-10-15 09:05:21 +03:00
< p align = "center" >
2022-11-27 14:46:23 +03:00
< picture > < source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/simpleicons-white.svg" > < source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/simpleicons.svg" > < img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/simpleicons.svg" alt = "Simple Icons" width = 70 > < / picture >
2017-10-15 09:05:21 +03:00
< h3 align = "center" > Simple Icons< / h3 >
< p align = "center" >
2023-06-25 03:31:05 +03:00
Over 2500 Free SVG icons for popular brands. See them all on one page at < a href = "https://simpleicons.org" > SimpleIcons.org< / a > . Contributions, corrections & requests can be made on GitHub.< / p >
2017-10-15 09:05:21 +03:00
< / p >
2017-04-23 18:55:38 +03:00
2021-01-15 12:57:58 +03:00
< p align = "center" >
2022-12-21 21:36:02 +03:00
< a href = "https://github.com/simple-icons/simple-icons/actions?query=workflow%3AVerify+branch%3Adevelop" > < img src = "https://img.shields.io/github/actions/workflow/status/simple-icons/simple-icons/verify.yml?branch=develop&logo=github&label=tests" alt = "Build status" / > < / a >
2022-01-10 00:04:36 +03:00
< a href = "https://www.npmjs.com/package/simple-icons" > < img src = "https://img.shields.io/npm/v/simple-icons.svg?logo=npm" alt = "NPM version" / > < / a >
< a href = "https://packagist.org/packages/simple-icons/simple-icons" > < img src = "https://img.shields.io/packagist/v/simple-icons/simple-icons?logo=packagist&logoColor=white" alt = "Build status" / > < / a >
2021-01-15 12:57:58 +03:00
< / p >
2022-01-13 17:19:51 +03:00
< p align = "center" >
< a href = "https://simpleicons.org" > < img src = "https://img.shields.io/badge/dynamic/json?color=informational&label=icons&prefix=%20&logo=simpleicons&query=%24.icons.length&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsimple-icons%2Fsimple-icons%2Fdevelop%2F_data%2Fsimple-icons.json" alt = "Number of icons currently in the library" / > < / a >
< a href = "https://opencollective.com/simple-icons" > < img src = "https://img.shields.io/opencollective/all/simple-icons?logo=opencollective" alt = "Backers and sponsors on Open Collective" / > < / a >
< / p >
2021-01-15 12:57:58 +03:00
2017-09-17 04:54:54 +03:00
## Usage
2017-04-23 18:55:38 +03:00
2023-07-13 12:50:35 +03:00
> **Note** We ask that all users read our [legal disclaimer](./DISCLAIMER.md) before using icons from Simple Icons.
2021-05-29 18:46:31 +03:00
2017-10-15 09:09:03 +03:00
### General Usage
2022-09-01 18:38:30 +03:00
Icons can be downloaded as SVGs directly from [our website ](https://simpleicons.org/ ) - simply click the download button of the icon you want, and the download will start automatically.
2017-09-17 04:54:54 +03:00
2017-10-17 20:35:02 +03:00
### CDN Usage
2023-07-23 22:38:52 +03:00
Icons can be served from a CDN such as [jsDelivr ](https://www.jsdelivr.com/package/npm/simple-icons ) or [Unpkg ](https://unpkg.com/browse/simple-icons/ ). Simply use the `simple-icons` npm package and specify a version in the URL like the following:
2017-10-17 20:35:02 +03:00
```html
2023-05-28 03:24:38 +03:00
< img height = "32" width = "32" src = "https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/[ICON SLUG].svg" / >
< img height = "32" width = "32" src = "https://unpkg.com/simple-icons@v9/icons/[ICON SLUG].svg" / >
2019-02-03 21:40:37 +03:00
```
2022-09-01 19:01:41 +03:00
Where `[ICON SLUG]` is replaced by the [slug] of the icon you want to use, for example:
2019-02-03 21:40:37 +03:00
```html
2023-05-28 03:24:38 +03:00
< img height = "32" width = "32" src = "https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/simpleicons.svg" / >
< img height = "32" width = "32" src = "https://unpkg.com/simple-icons@v9/icons/simpleicons.svg" / >
2017-10-17 20:35:02 +03:00
```
2020-04-22 15:23:53 +03:00
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.
2022-11-07 19:51:15 +03:00
#### CDN with colors
We also provide a CDN service which allows you to use colors.
```html
2022-11-27 14:46:23 +03:00
< 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]" / >
2023-07-10 17:18:19 +03:00
< img height = "32" width = "32" src = "https://cdn.simpleicons.org/[ICON SLUG]/[COLOR]/[DARK_MODE_COLOR]" / >
2022-11-07 19:51:15 +03:00
```
2023-07-10 17:18:19 +03:00
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 ). `[DARK_MODE_COLOR]` is used for dark mode. The [CSS prefers-color-scheme ](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme ) will be used when a value is specified. For example:
2022-11-07 19:51:15 +03:00
```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" / >
2023-07-11 16:25:11 +03:00
< img height = "32" width = "32" src = "https://cdn.simpleicons.org/simpleicons/orange/pink" / >
< img height = "32" width = "32" src = "https://cdn.simpleicons.org/simpleicons/_/eee" / >
2022-11-07 19:51:15 +03:00
```
2022-11-27 14:46:23 +03:00
### Node Usage <picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/nodedotjs-white.svg"><source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/nodedotjs.svg"><img src="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/nodedotjs.svg" alt="Node" align=left width=24></picture>
2017-09-17 04:54:54 +03:00
The icons are also available through our npm package. To install, simply run:
2021-05-29 20:40:37 +03:00
```shell
npm install simple-icons
2017-09-17 04:54:54 +03:00
```
2022-05-27 09:18:44 +03:00
All icons are imported from a single file, where `[ICON SLUG]` is replaced by a capitalized [slug]. We highly recommend using a bundler that can tree shake such as [webpack ](https://webpack.js.org/ ) to remove the unused icon code:
2021-10-29 02:16:34 +03:00
```javascript
// Import a specific icon by its slug as:
2022-11-28 14:32:57 +03:00
// import { si[ICON SLUG] } from 'simple-icons'
2021-10-29 02:16:34 +03:00
// For example:
// use import/esm to allow tree shaking
2022-11-28 14:32:57 +03:00
import { siSimpleicons } from 'simple-icons';
2022-05-26 15:29:37 +03:00
// or with require/cjs
2022-11-28 14:32:57 +03:00
const { siSimpleicons } = require('simple-icons');
2021-10-29 02:16:34 +03:00
```
2018-08-27 00:23:57 +03:00
2022-05-26 15:29:37 +03:00
It will return an icon object:
2021-05-13 14:37:46 +03:00
```javascript
2022-05-26 15:29:37 +03:00
console.log(siSimpleicons);
2018-08-27 00:23:57 +03:00
/*
{
2019-02-03 21:40:37 +03:00
title: 'Simple Icons',
2019-07-14 21:09:34 +03:00
slug: 'simpleicons',
2019-02-03 21:40:37 +03:00
hex: '111111',
source: 'https://simpleicons.org/',
2019-07-13 14:34:12 +03:00
svg: '< svg role = "img" viewBox = "0 0 24 24" xmlns = "http://www.w3.org/2000/svg" > ...< / svg > ',
2021-03-02 15:01:31 +03:00
path: 'M12 12v-1.5c-2.484 ...',
2021-03-26 12:33:04 +03:00
guidelines: 'https://simpleicons.org/styleguide',
2021-03-02 15:01:31 +03:00
license: {
type: '...',
url: 'https://example.com/'
}
2018-08-27 00:23:57 +03:00
}
2021-03-02 15:01:31 +03:00
2021-05-13 14:37:46 +03:00
NOTE: the `guidelines` entry will be `undefined` if we do not yet have guidelines for the icon.
NOTE: the `license` entry will be `undefined` if we do not yet have license data for the icon.
2018-08-27 00:23:57 +03:00
*/
```
2022-11-28 14:32:57 +03:00
If you need to iterate over all icons, use:
```javascript
import * as icons from 'simple-icons';
```
2022-11-27 14:46:23 +03:00
#### TypeScript Usage <picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/typescript-white.svg"><source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/typescript.svg"><img src="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/typescript.svg" alt="Typescript" align=left width=19 height=19></picture>
2020-02-26 19:10:52 +03:00
2021-10-29 02:16:34 +03:00
Type definitions are bundled with the package.
2020-02-26 19:10:52 +03:00
2022-11-28 14:32:57 +03:00
```typescript
import type { SimpleIcon } from 'simple-icons';
```
2022-11-27 14:46:23 +03:00
### PHP Usage <picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/php-white.svg"><source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/php.svg"><img src="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/php.svg" alt="Php" align=left width=24 height=24></picture>
2019-09-26 09:04:33 +03:00
The icons are also available through our Packagist package. To install, simply run:
2021-05-29 20:40:37 +03:00
```shell
composer require simple-icons/simple-icons
2019-09-26 09:04:33 +03:00
```
2021-03-03 13:57:33 +03:00
The package can then be used as follows, where `[ICON SLUG]` is replaced by a [slug]:
2019-09-26 09:04:33 +03:00
```php
< ?php
2021-03-03 13:57:33 +03:00
// Import a specific icon by its slug as:
echo file_get_contents('path/to/package/icons/[ICON SLUG].svg');
2019-09-26 09:04:33 +03:00
2021-03-03 13:57:33 +03:00
// For example:
echo file_get_contents('path/to/package/icons/simpleicons.svg');
2019-09-26 09:04:33 +03:00
// < svg role = "img" viewBox = "0 0 24 24" xmlns = "http://www.w3.org/2000/svg" > ...< / svg >
?>
```
2021-10-01 16:46:35 +03:00
## Third-Party Extensions
2018-03-21 18:42:53 +03:00
2021-04-28 16:52:23 +03:00
| Extension | Author |
2022-01-10 00:04:36 +03:00
| :-- | :-- |
2022-12-21 14:32:32 +03:00
| [Angular Module ](https://github.com/avmaisak/ngx-simple-icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/angular-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/angular.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/angular.svg" alt = "Angular" align = left width = 24 height = 24 ></ picture > | [@avmaisak ](https://github.com/avmaisak ) |
| [Blazor Nuget ](https://github.com/TimeWarpEngineering/timewarp-simple-icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/blazor-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/blazor.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/blazor.svg" alt = "Blazor" align = left width = 24 height = 24 ></ picture > | [@TimeWarpEngineering ](https://github.com/TimeWarpEngineering ) |
| [Blender add-on ](https://github.com/mondeja/simple-icons-blender ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/blender-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/blender.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/blender.svg" alt = "Blender" align = left width = 24 height = 24 ></ picture > | [@mondeja ](https://github.com/mondeja ) |
| [Drawio library ](https://github.com/mondeja/simple-icons-drawio ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/diagramsdotnet-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/diagramsdotnet.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/diagramsdotnet.svg" alt = "Drawio" align = left width = 24 height = 24 ></ picture > | [@mondeja ](https://github.com/mondeja ) |
| [Drupal module ](https://www.drupal.org/project/simple_icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/drupal-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/drupal.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/drupal.svg" alt = "Drupal" align = left width = 24 height = 24 ></ picture > | [Phil Wolstenholme ](https://www.drupal.org/u/phil-wolstenholme ) |
| [Figma plugin ](https://www.figma.com/community/plugin/1149614463603005908/Simple-Icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/figma-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/figma.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/figma.svg" alt = "Figma" align = left width = 24 height = 24 ></ picture > | [@LitoMore ](https://github.com/LitoMore ) |
| [Flutter package ](https://pub.dev/packages/simple_icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/flutter-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/flutter.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/flutter.svg" alt = "Flutter" align = left width = 24 height = 24 ></ picture > | [@jlnrrg ](https://jlnrrg.github.io/ ) |
2023-05-22 12:44:44 +03:00
| [Framer component ](https://github.com/LitoMore/simple-icons-framer ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/framer-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/framer.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/framer.svg" alt = "Framer" align = left width = 24 height = 24 ></ picture > | [@LitoMore ](https://github.com/LitoMore ) |
2022-12-21 14:32:32 +03:00
| [Hexo plugin ](https://github.com/nidbCN/hexo-simpleIcons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/hexo-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/hexo.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/hexo.svg" alt = "Hexo" align = left width = 24 height = 24 ></ picture > | [@nidbCN ](https://github.com/nidbCN/ ) |
| [Home Assistant plugin ](https://github.com/vigonotion/hass-simpleicons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/homeassistant-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/homeassistant.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/homeassistant.svg" alt = "Home Assistant" align = left width = 24 height = 24 ></ picture > | [@vigonotion ](https://github.com/vigonotion/ ) |
| [Hugo module ](https://github.com/foo-dogsquared/hugo-mod-simple-icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/hugo-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/hugo.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/hugo.svg" alt = "Hugo" align = left width = 24 height = 24 ></ picture > | [@foo-dogsquared ](https://github.com/foo-dogsquared ) |
| [Java library ](https://github.com/silentsoft/simpleicons4j ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/openjdk-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/openjdk.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/openjdk.svg" alt = "OpenJDK" align = left width = 24 height = 24 ></ picture > | [@silentsoft ](https://github.com/silentsoft ) |
| [Jetpack Compose library ](https://github.com/DevSrSouza/compose-icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/jetpackcompose-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/jetpackcompose.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/jetpackcompose.svg" alt = "Jetpack Compose" align = left width = 24 height = 24 ></ picture > | [@devsrsouza ](https://github.com/devsrsouza/ ) |
| [Kirby plugin ](https://github.com/runxel/kirby3-simpleicons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/kirby-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/kirby.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/kirby.svg" alt = "Kirby" align = left width = 24 height = 24 ></ picture > | [@runxel ](https://github.com/runxel ) |
| [LaTeX package ](https://github.com/ineshbose/simple-icons-latex ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/latex-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/latex.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/latex.svg" alt = "LaTeX" align = left width = 24 height = 24 ></ picture > | [@ineshbose ](https://github.com/ineshbose ) |
| [Laravel Package ](https://github.com/ublabs/blade-simple-icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/laravel-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/laravel.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/laravel.svg" alt = "Laravel" align = left width = 24 height = 24 ></ picture > | [@adrian-ub ](https://github.com/adrian-ub ) |
| [Python package ](https://github.com/sachinraja/simple-icons-py ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/python-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/python.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/python.svg" alt = "Python" align = left width = 24 height = 24 ></ picture > | [@sachinraja ](https://github.com/sachinraja ) |
| [React package ](https://github.com/icons-pack/react-simple-icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/react-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/react.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/react.svg" alt = "React" align = left width = 24 height = 24 ></ picture > | [@wootsbot ](https://github.com/wootsbot ) |
2023-04-02 10:16:42 +03:00
| [Solid package ](https://github.com/x64Bits/solid-icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/solid-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/solid.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/solid.svg" alt = "Solid" align = left width = 24 height = 24 ></ picture > | [@x64Bits ](https://github.com/x64Bits ) |
2022-12-21 14:32:32 +03:00
| [Stream Deck icon pack ](https://github.com/mackenly/simple-icons-stream-deck ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/elgato-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/elgato.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/elgato.svg" alt = "Stream Deck" align = left width = 24 height = 24 ></ picture > | [@mackenly ](https://github.com/mackenly ) |
| [Svelte package ](https://github.com/icons-pack/svelte-simple-icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/svelte-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/svelte.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/svelte.svg" alt = "Svelte" align = left width = 24 height = 24 ></ picture > | [@wootsbot ](https://github.com/wootsbot ) |
| [Vue 3 package ](https://github.com/wyatt-herkamp/vue3-simple-icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/vuedotjs-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/vuedotjs.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/vuedotjs.svg" alt = "Vue" align = left width = 24 height = 24 ></ picture > | [@wyatt-herkamp ](https://github.com/wyatt-herkamp ) |
| [Vue package ](https://github.com/mainvest/vue-simple-icons ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/vuedotjs-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/vuedotjs.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/vuedotjs.svg" alt = "Vue" align = left width = 24 height = 24 ></ picture > | [@noahlitvin ](https://github.com/noahlitvin ) |
| [WordPress plugin ](https://wordpress.org/plugins/simple-icons/ ) < picture >< source media = "(prefers-color-scheme: dark)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/wordpress-white.svg" >< source media = "(prefers-color-scheme: light)" srcset = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/wordpress.svg" >< img src = "https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/wordpress.svg" alt = "Wordpress" align = left width = 24 height = 24 ></ picture > | [@tjtaylo ](https://github.com/tjtaylo ) |
2021-03-03 13:57:33 +03:00
2021-10-19 04:58:29 +03:00
## Contribute
2022-01-13 17:19:51 +03:00
[](https://github.com/simple-icons/simple-icons/labels/good%20first%20issue)
2022-09-01 18:38:30 +03:00
Information describing how to contribute can be found in the file [CONTRIBUTING.md ](https://github.com/simple-icons/simple-icons/blob/develop/CONTRIBUTING.md )
2022-09-01 19:01:41 +03:00
[slug]: https://github.com/simple-icons/simple-icons/blob/master/slugs.md
