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

Removes old website files

Browse Source
This commit is contained in:
Dan Leech 2017-04-23 16:45:26 +01:00
parent 2792067e07
commit ccc2b12163
15 changed files with 0 additions and 2288 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

503
404.html
View File

File diff suppressed because one or more lines are too long

0
src/simple-icons.json → _data/simple-icons.json
View File

305
colour-variables.css
View File

@ -1,305 +0,0 @@
/* Brand colours from simpleicons.org */
:root {
--color-brand-500px: #0099E5;
--color-brand-acm: #0085CA;
--color-brand-aboutme: #044A75;
--color-brand-air: #FF2D55;
--color-brand-airbnb: #FF5A5F;
--color-brand-amazon: #FF9900;
--color-brand-americanexpress: #2E77BC;
--color-brand-android: #A4C639;
--color-brand-appnet: #3A393C;
--color-brand-apple: #999999;
--color-brand-asana: #273347;
--color-brand-auth0: #EB5424;
--color-brand-automatic: #7D8084;
--color-brand-baidu: #2319DC;
--color-brand-bandcamp: #408294;
--color-brand-basecamp: #66CC66;
--color-brand-bathasu: #00A3E0;
--color-brand-bebo: #DE484A;
--color-brand-behance: #1769FF;
--color-brand-bigcartel: #222222;
--color-brand-bing: #008373;
--color-brand-bitbucket: #205081;
--color-brand-bitcoin: #F7931A;
--color-brand-bitly: #EE6123;
--color-brand-blogger: #F38936;
--color-brand-bootstrap: #563D7C;
--color-brand-brandai: #0AA0FF;
--color-brand-buffer: #323B43;
--color-brand-buzzfeed: #EE3322;
--color-brand-csswizardry: #F43059;
--color-brand-css3: #1572B6;
--color-brand-cakephp: #D33C43;
--color-brand-campaignmonitor: #19A9E5;
--color-brand-circleci: #343434;
--color-brand-coop: #00A1CC;
--color-brand-codeschool: #4CADC0;
--color-brand-codeigniter: #EE4623;
--color-brand-codepen: #000000;
--color-brand-codecademy: #204056;
--color-brand-codeforces: #1F8ACB;
--color-brand-coderwall: #3E8DCC;
--color-brand-codio: #4574E0;
--color-brand-compropago: #00AAEF;
--color-brand-conekta: #414959;
--color-brand-coursera: #757575;
--color-brand-dailymotion: #0066DC;
--color-brand-deezer: #00C7F2;
--color-brand-delicious: #3399FF;
--color-brand-designernews: #2D72D9;
--color-brand-deviantart: #05CC47;
--color-brand-diaspora: #000000;
--color-brand-digg: #000000;
--color-brand-digitalocean: #0080FF;
--color-brand-discord: #7289DA;
--color-brand-discover: #FF6000;
--color-brand-disqus: #2E9FFF;
--color-brand-docker: #1488C6;
--color-brand-draugiemlv: #FF6600;
--color-brand-dribbble: #EA4C89;
--color-brand-dropbox: #007EE5;
--color-brand-drupal: #0678BE;
--color-brand-ello: #000000;
--color-brand-empirekred: #72BE50;
--color-brand-ethereum: #3C3C3D;
--color-brand-etsy: #F45800;
--color-brand-eventstore: #5AB552;
--color-brand-eventbrite: #F6682F;
--color-brand-evernote: #2DBE60;
--color-brand-everplaces: #FA4B32;
--color-brand-facebook: #3B5998;
--color-brand-feedly: #6CC655;
--color-brand-fitbit: #00B0B9;
--color-brand-flickr: #0063DC;
--color-brand-flipboard: #E12828;
--color-brand-foursquare: #F94877;
--color-brand-govuk: #005EA5;
--color-brand-garmin: #007CC3;
--color-brand-gauges: #339966;
--color-brand-geeklist: #8CC63F;
--color-brand-geocaching: #467126;
--color-brand-ghost: #718087;
--color-brand-git: #F14E32;
--color-brand-github: #181717;
--color-brand-gitlab: #E24329;
--color-brand-gitter: #FF0064;
--color-brand-glassdoor: #7CB228;
--color-brand-gmail: #D14836;
--color-brand-goldenline: #FBBF00;
--color-brand-goodreads: #663300;
--color-brand-google: #4285F4;
--color-brand-googleanalytics: #FFC107;
--color-brand-googledrive: #4386FC;
--color-brand-googlehangouts: #0C9D58;
--color-brand-googleplay: #607D8B;
--color-brand-googleplus: #DC4E41;
--color-brand-gratipay: #663300;
--color-brand-grav: #221E1F;
--color-brand-gravatar: #1E8CBE;
--color-brand-gulp: #DA4648;
--color-brand-gumtree: #72EF36;
--color-brand-html5: #E34F26;
--color-brand-hackerrank: #2EC866;
--color-brand-hackster: #1BACF7;
--color-brand-hatenabookmark: #00A4DE;
--color-brand-heroku: #430098;
--color-brand-hipchat: #205281;
--color-brand-hootsuite: #000000;
--color-brand-houzz: #7AC142;
--color-brand-hulu: #66AA33;
--color-brand-imdb: #E6B91E;
--color-brand-invision: #FF3366;
--color-brand-instacart: #43B02A;
--color-brand-instagram: #E4405F;
--color-brand-instapaper: #1F1F1F;
--color-brand-intercom: #1F8DED;
--color-brand-jira: #172B4D;
--color-brand-jsfiddle: #4679A4;
--color-brand-json: #000000;
--color-brand-javascript: #F7DF1E;
--color-brand-jekyll: #CC0000;
--color-brand-jenkins: #D24939;
--color-brand-joomla: #5091CD;
--color-brand-justgiving: #AD29B6;
--color-brand-kaggle: #20BEFF;
--color-brand-khanacademy: #9DB63B;
--color-brand-kickstarter: #2BDE73;
--color-brand-kik: #82BC23;
--color-brand-kirby: #FF0100;
--color-brand-klout: #E44600;
--color-brand-koding: #00B057;
--color-brand-lanyrd: #3C80CA;
--color-brand-laravel: #E74430;
--color-brand-lastfm: #D51007;
--color-brand-launchpad: #F8C300;
--color-brand-line: #00C300;
--color-brand-linkedin: #0077B5;
--color-brand-linuxfoundation: #009BEE;
--color-brand-livejournal: #00B0EA;
--color-brand-livestream: #CF202E;
--color-brand-macys: #E11A2B;
--color-brand-magento: #EE672F;
--color-brand-mailchimp: #2C9AB7;
--color-brand-makerbot: #FF1E0D;
--color-brand-mastercard: #EB001B;
--color-brand-matternet: #261C29;
--color-brand-mediatemple: #000000;
--color-brand-medium: #00AB6B;
--color-brand-meetup: #E2373C;
--color-brand-messenger: #0084FF;
--color-brand-microgenetics: #FF0000;
--color-brand-microsoft: #666666;
--color-brand-microsoftaccess: #BA141A;
--color-brand-microsoftexcel: #217346;
--color-brand-microsoftonenote: #80397B;
--color-brand-microsoftoutlook: #0072C6;
--color-brand-microsoftpowerpoint: #D24726;
--color-brand-microsoftword: #2B579A;
--color-brand-minecraft: #62B74A;
--color-brand-minutemailer: #3ABFE6;
--color-brand-mixcloud: #314359;
--color-brand-monero: #FF6600;
--color-brand-monkeytie: #FFC619;
--color-brand-monogram: #FDB22A;
--color-brand-moo: #00945E;
--color-brand-myspace: #030303;
--color-brand-netflix: #E50914;
--color-brand-nintendo: #8F8F8F;
--color-brand-nintendoswitch: #E60012;
--color-brand-ovh: #123F6D;
--color-brand-oculus: #1C1E20;
--color-brand-odnoklassniki: #F4731C;
--color-brand-onedrive: #094AB2;
--color-brand-opera: #FF1B2D;
--color-brand-origin: #F56C2D;
--color-brand-overcast: #FC7E0F;
--color-brand-pagekit: #212121;
--color-brand-patreon: #E6461A;
--color-brand-paypal: #00457C;
--color-brand-periscope: #40A4C4;
--color-brand-pinboard: #0000FF;
--color-brand-pingdom: #FFF000;
--color-brand-pingup: #00B1AB;
--color-brand-pinterest: #BD081C;
--color-brand-plangrid: #0085DE;
--color-brand-playstation: #003399;
--color-brand-playerme: #C0379A;
--color-brand-plurk: #E9443D;
--color-brand-pocket: #EF3F56;
--color-brand-podcasts: #9933CC;
--color-brand-processwire: #EF145F;
--color-brand-producthunt: #DA552F;
--color-brand-protoio: #34A7C1;
--color-brand-protonmail: #9497CE;
--color-brand-quantopian: #C50000;
--color-brand-quora: #B92B27;
--color-brand-rss: #FFA500;
--color-brand-raspberrypi: #C7053D;
--color-brand-rdio: #008FD5;
--color-brand-react: #00D8FF;
--color-brand-readthedocs: #8CA1AF;
--color-brand-readability: #990000;
--color-brand-reddit: #FF4500;
--color-brand-reverbnation: #E43526;
--color-brand-ruby: #CC342D;
--color-brand-runkeeper: #2DC9D7;
--color-brand-sass: #CC6699;
--color-brand-saucelabs: #EC4047;
--color-brand-scribd: #1A7BBA;
--color-brand-sega: #0089CF;
--color-brand-sellfy: #21B352;
--color-brand-sentiayoga: #4CAF50;
--color-brand-sentry: #FB4226;
--color-brand-serverfault: #E7282D;
--color-brand-shopify: #7AB55C;
--color-brand-simpleicons: #111111;
--color-brand-sinaweibo: #E6162D;
--color-brand-sitepoint: #258AAF;
--color-brand-skyliner: #2FCEA0;
--color-brand-skype: #00AFF0;
--color-brand-slack: #56B68B;
--color-brand-slashdot: #026664;
--color-brand-slides: #E4637C;
--color-brand-smashingmagazine: #E85C33;
--color-brand-snapchat: #FFFC00;
--color-brand-songkick: #F80046;
--color-brand-soundcloud: #FF3300;
--color-brand-sparkpost: #FA6423;
--color-brand-speakerdeck: #339966;
--color-brand-spotify: #1ED760;
--color-brand-spotlight: #352A71;
--color-brand-spreaker: #F5C300;
--color-brand-squarespace: #000000;
--color-brand-stackexchange: #1E5397;
--color-brand-stackoverflow: #FE7A16;
--color-brand-statamic: #1F3641;
--color-brand-steam: #000000;
--color-brand-steem: #4BA2F2;
--color-brand-stitcher: #000000;
--color-brand-storify: #3A98D9;
--color-brand-stripe: #008CDD;
--color-brand-stubhub: #003168;
--color-brand-stumbleupon: #EB4924;
--color-brand-styleshare: #231F20;
--color-brand-subversion: #809CC9;
--color-brand-superuser: #2EACE3;
--color-brand-swarm: #FBB631;
--color-brand-ted: #E62B1E;
--color-brand-teespring: #39ACE6;
--color-brand-telegram: #2CA5E0;
--color-brand-tencentqq: #12B7F5;
--color-brand-tesla: #CC0000;
--color-brand-tinder: #FF6B6B;
--color-brand-toggl: #C5000B;
--color-brand-topcoder: #29A8E0;
--color-brand-toptal: #3863A0;
--color-brand-trakt: #ED1C24;
--color-brand-travisci: #39A85B;
--color-brand-treehouse: #5FCF80;
--color-brand-trello: #0079BF;
--color-brand-tripadvisor: #589442;
--color-brand-trulia: #53B50A;
--color-brand-tumblr: #36465D;
--color-brand-twilio: #F22F46;
--color-brand-twitch: #6441A5;
--color-brand-twitter: #1DA1F2;
--color-brand-twoo: #FF7102;
--color-brand-uikit: #2396F3;
--color-brand-uber: #000000;
--color-brand-ubuntu: #DD4814;
--color-brand-udacity: #01B3E3;
--color-brand-upwork: #6FDA44;
--color-brand-vk: #6383A8;
--color-brand-viadeo: #F88D2D;
--color-brand-viber: #7C529E;
--color-brand-vimeo: #1AB7EA;
--color-brand-vine: #11B48A;
--color-brand-virb: #0093DA;
--color-brand-visa: #142787;
--color-brand-vuejs: #4FC08D;
--color-brand-wechat: #7BB32E;
--color-brand-whatsapp: #25D366;
--color-brand-wikipedia: #000000;
--color-brand-windows: #0078D6;
--color-brand-wire: #000000;
--color-brand-wix: #FFC233;
--color-brand-wordpress: #21759B;
--color-brand-xbox: #107C10;
--color-brand-xero: #13B5EA;
--color-brand-xing: #005A5F;
--color-brand-ycombinator: #F0652F;
--color-brand-yahoo: #440099;
--color-brand-yammer: #0072C6;
--color-brand-yelp: #C41200;
--color-brand-youtube: #CD201F;
--color-brand-zapier: #FF4A00;
--color-brand-zendesk: #03363D;
--color-brand-zerply: #9DBC7A;
--color-brand-zillow: #0074E4;
--color-brand-ebay: #E53238;
--color-brand-freecodecamp: #006600;
--color-brand-ifixit: #0071CE;
}

303
colour-variables.less
View File

@ -1,303 +0,0 @@
// Brand colours from simpleicons.org
@color-brand-500px: #0099E5;
@color-brand-acm: #0085CA;
@color-brand-aboutme: #044A75;
@color-brand-air: #FF2D55;
@color-brand-airbnb: #FF5A5F;
@color-brand-amazon: #FF9900;
@color-brand-americanexpress: #2E77BC;
@color-brand-android: #A4C639;
@color-brand-appnet: #3A393C;
@color-brand-apple: #999999;
@color-brand-asana: #273347;
@color-brand-auth0: #EB5424;
@color-brand-automatic: #7D8084;
@color-brand-baidu: #2319DC;
@color-brand-bandcamp: #408294;
@color-brand-basecamp: #66CC66;
@color-brand-bathasu: #00A3E0;
@color-brand-bebo: #DE484A;
@color-brand-behance: #1769FF;
@color-brand-bigcartel: #222222;
@color-brand-bing: #008373;
@color-brand-bitbucket: #205081;
@color-brand-bitcoin: #F7931A;
@color-brand-bitly: #EE6123;
@color-brand-blogger: #F38936;
@color-brand-bootstrap: #563D7C;
@color-brand-brandai: #0AA0FF;
@color-brand-buffer: #323B43;
@color-brand-buzzfeed: #EE3322;
@color-brand-csswizardry: #F43059;
@color-brand-css3: #1572B6;
@color-brand-cakephp: #D33C43;
@color-brand-campaignmonitor: #19A9E5;
@color-brand-circleci: #343434;
@color-brand-coop: #00A1CC;
@color-brand-codeschool: #4CADC0;
@color-brand-codeigniter: #EE4623;
@color-brand-codepen: #000000;
@color-brand-codecademy: #204056;
@color-brand-codeforces: #1F8ACB;
@color-brand-coderwall: #3E8DCC;
@color-brand-codio: #4574E0;
@color-brand-compropago: #00AAEF;
@color-brand-conekta: #414959;
@color-brand-coursera: #757575;
@color-brand-dailymotion: #0066DC;
@color-brand-deezer: #00C7F2;
@color-brand-delicious: #3399FF;
@color-brand-designernews: #2D72D9;
@color-brand-deviantart: #05CC47;
@color-brand-diaspora: #000000;
@color-brand-digg: #000000;
@color-brand-digitalocean: #0080FF;
@color-brand-discord: #7289DA;
@color-brand-discover: #FF6000;
@color-brand-disqus: #2E9FFF;
@color-brand-docker: #1488C6;
@color-brand-draugiemlv: #FF6600;
@color-brand-dribbble: #EA4C89;
@color-brand-dropbox: #007EE5;
@color-brand-drupal: #0678BE;
@color-brand-ello: #000000;
@color-brand-empirekred: #72BE50;
@color-brand-ethereum: #3C3C3D;
@color-brand-etsy: #F45800;
@color-brand-eventstore: #5AB552;
@color-brand-eventbrite: #F6682F;
@color-brand-evernote: #2DBE60;
@color-brand-everplaces: #FA4B32;
@color-brand-facebook: #3B5998;
@color-brand-feedly: #6CC655;
@color-brand-fitbit: #00B0B9;
@color-brand-flickr: #0063DC;
@color-brand-flipboard: #E12828;
@color-brand-foursquare: #F94877;
@color-brand-govuk: #005EA5;
@color-brand-garmin: #007CC3;
@color-brand-gauges: #339966;
@color-brand-geeklist: #8CC63F;
@color-brand-geocaching: #467126;
@color-brand-ghost: #718087;
@color-brand-git: #F14E32;
@color-brand-github: #181717;
@color-brand-gitlab: #E24329;
@color-brand-gitter: #FF0064;
@color-brand-glassdoor: #7CB228;
@color-brand-gmail: #D14836;
@color-brand-goldenline: #FBBF00;
@color-brand-goodreads: #663300;
@color-brand-google: #4285F4;
@color-brand-googleanalytics: #FFC107;
@color-brand-googledrive: #4386FC;
@color-brand-googlehangouts: #0C9D58;
@color-brand-googleplay: #607D8B;
@color-brand-googleplus: #DC4E41;
@color-brand-gratipay: #663300;
@color-brand-grav: #221E1F;
@color-brand-gravatar: #1E8CBE;
@color-brand-gulp: #DA4648;
@color-brand-gumtree: #72EF36;
@color-brand-html5: #E34F26;
@color-brand-hackerrank: #2EC866;
@color-brand-hackster: #1BACF7;
@color-brand-hatenabookmark: #00A4DE;
@color-brand-heroku: #430098;
@color-brand-hipchat: #205281;
@color-brand-hootsuite: #000000;
@color-brand-houzz: #7AC142;
@color-brand-hulu: #66AA33;
@color-brand-imdb: #E6B91E;
@color-brand-invision: #FF3366;
@color-brand-instacart: #43B02A;
@color-brand-instagram: #E4405F;
@color-brand-instapaper: #1F1F1F;
@color-brand-intercom: #1F8DED;
@color-brand-jira: #172B4D;
@color-brand-jsfiddle: #4679A4;
@color-brand-json: #000000;
@color-brand-javascript: #F7DF1E;
@color-brand-jekyll: #CC0000;
@color-brand-jenkins: #D24939;
@color-brand-joomla: #5091CD;
@color-brand-justgiving: #AD29B6;
@color-brand-kaggle: #20BEFF;
@color-brand-khanacademy: #9DB63B;
@color-brand-kickstarter: #2BDE73;
@color-brand-kik: #82BC23;
@color-brand-kirby: #FF0100;
@color-brand-klout: #E44600;
@color-brand-koding: #00B057;
@color-brand-lanyrd: #3C80CA;
@color-brand-laravel: #E74430;
@color-brand-lastfm: #D51007;
@color-brand-launchpad: #F8C300;
@color-brand-line: #00C300;
@color-brand-linkedin: #0077B5;
@color-brand-linuxfoundation: #009BEE;
@color-brand-livejournal: #00B0EA;
@color-brand-livestream: #CF202E;
@color-brand-macys: #E11A2B;
@color-brand-magento: #EE672F;
@color-brand-mailchimp: #2C9AB7;
@color-brand-makerbot: #FF1E0D;
@color-brand-mastercard: #EB001B;
@color-brand-matternet: #261C29;
@color-brand-mediatemple: #000000;
@color-brand-medium: #00AB6B;
@color-brand-meetup: #E2373C;
@color-brand-messenger: #0084FF;
@color-brand-microgenetics: #FF0000;
@color-brand-microsoft: #666666;
@color-brand-microsoftaccess: #BA141A;
@color-brand-microsoftexcel: #217346;
@color-brand-microsoftonenote: #80397B;
@color-brand-microsoftoutlook: #0072C6;
@color-brand-microsoftpowerpoint: #D24726;
@color-brand-microsoftword: #2B579A;
@color-brand-minecraft: #62B74A;
@color-brand-minutemailer: #3ABFE6;
@color-brand-mixcloud: #314359;
@color-brand-monero: #FF6600;
@color-brand-monkeytie: #FFC619;
@color-brand-monogram: #FDB22A;
@color-brand-moo: #00945E;
@color-brand-myspace: #030303;
@color-brand-netflix: #E50914;
@color-brand-nintendo: #8F8F8F;
@color-brand-nintendoswitch: #E60012;
@color-brand-ovh: #123F6D;
@color-brand-oculus: #1C1E20;
@color-brand-odnoklassniki: #F4731C;
@color-brand-onedrive: #094AB2;
@color-brand-opera: #FF1B2D;
@color-brand-origin: #F56C2D;
@color-brand-overcast: #FC7E0F;
@color-brand-pagekit: #212121;
@color-brand-patreon: #E6461A;
@color-brand-paypal: #00457C;
@color-brand-periscope: #40A4C4;
@color-brand-pinboard: #0000FF;
@color-brand-pingdom: #FFF000;
@color-brand-pingup: #00B1AB;
@color-brand-pinterest: #BD081C;
@color-brand-plangrid: #0085DE;
@color-brand-playstation: #003399;
@color-brand-playerme: #C0379A;
@color-brand-plurk: #E9443D;
@color-brand-pocket: #EF3F56;
@color-brand-podcasts: #9933CC;
@color-brand-processwire: #EF145F;
@color-brand-producthunt: #DA552F;
@color-brand-protoio: #34A7C1;
@color-brand-protonmail: #9497CE;
@color-brand-quantopian: #C50000;
@color-brand-quora: #B92B27;
@color-brand-rss: #FFA500;
@color-brand-raspberrypi: #C7053D;
@color-brand-rdio: #008FD5;
@color-brand-react: #00D8FF;
@color-brand-readthedocs: #8CA1AF;
@color-brand-readability: #990000;
@color-brand-reddit: #FF4500;
@color-brand-reverbnation: #E43526;
@color-brand-ruby: #CC342D;
@color-brand-runkeeper: #2DC9D7;
@color-brand-sass: #CC6699;
@color-brand-saucelabs: #EC4047;
@color-brand-scribd: #1A7BBA;
@color-brand-sega: #0089CF;
@color-brand-sellfy: #21B352;
@color-brand-sentiayoga: #4CAF50;
@color-brand-sentry: #FB4226;
@color-brand-serverfault: #E7282D;
@color-brand-shopify: #7AB55C;
@color-brand-simpleicons: #111111;
@color-brand-sinaweibo: #E6162D;
@color-brand-sitepoint: #258AAF;
@color-brand-skyliner: #2FCEA0;
@color-brand-skype: #00AFF0;
@color-brand-slack: #56B68B;
@color-brand-slashdot: #026664;
@color-brand-slides: #E4637C;
@color-brand-smashingmagazine: #E85C33;
@color-brand-snapchat: #FFFC00;
@color-brand-songkick: #F80046;
@color-brand-soundcloud: #FF3300;
@color-brand-sparkpost: #FA6423;
@color-brand-speakerdeck: #339966;
@color-brand-spotify: #1ED760;
@color-brand-spotlight: #352A71;
@color-brand-spreaker: #F5C300;
@color-brand-squarespace: #000000;
@color-brand-stackexchange: #1E5397;
@color-brand-stackoverflow: #FE7A16;
@color-brand-statamic: #1F3641;
@color-brand-steam: #000000;
@color-brand-steem: #4BA2F2;
@color-brand-stitcher: #000000;
@color-brand-storify: #3A98D9;
@color-brand-stripe: #008CDD;
@color-brand-stubhub: #003168;
@color-brand-stumbleupon: #EB4924;
@color-brand-styleshare: #231F20;
@color-brand-subversion: #809CC9;
@color-brand-superuser: #2EACE3;
@color-brand-swarm: #FBB631;
@color-brand-ted: #E62B1E;
@color-brand-teespring: #39ACE6;
@color-brand-telegram: #2CA5E0;
@color-brand-tencentqq: #12B7F5;
@color-brand-tesla: #CC0000;
@color-brand-tinder: #FF6B6B;
@color-brand-toggl: #C5000B;
@color-brand-topcoder: #29A8E0;
@color-brand-toptal: #3863A0;
@color-brand-trakt: #ED1C24;
@color-brand-travisci: #39A85B;
@color-brand-treehouse: #5FCF80;
@color-brand-trello: #0079BF;
@color-brand-tripadvisor: #589442;
@color-brand-trulia: #53B50A;
@color-brand-tumblr: #36465D;
@color-brand-twilio: #F22F46;
@color-brand-twitch: #6441A5;
@color-brand-twitter: #1DA1F2;
@color-brand-twoo: #FF7102;
@color-brand-uikit: #2396F3;
@color-brand-uber: #000000;
@color-brand-ubuntu: #DD4814;
@color-brand-udacity: #01B3E3;
@color-brand-upwork: #6FDA44;
@color-brand-vk: #6383A8;
@color-brand-viadeo: #F88D2D;
@color-brand-viber: #7C529E;
@color-brand-vimeo: #1AB7EA;
@color-brand-vine: #11B48A;
@color-brand-virb: #0093DA;
@color-brand-visa: #142787;
@color-brand-vuejs: #4FC08D;
@color-brand-wechat: #7BB32E;
@color-brand-whatsapp: #25D366;
@color-brand-wikipedia: #000000;
@color-brand-windows: #0078D6;
@color-brand-wire: #000000;
@color-brand-wix: #FFC233;
@color-brand-wordpress: #21759B;
@color-brand-xbox: #107C10;
@color-brand-xero: #13B5EA;
@color-brand-xing: #005A5F;
@color-brand-ycombinator: #F0652F;
@color-brand-yahoo: #440099;
@color-brand-yammer: #0072C6;
@color-brand-yelp: #C41200;
@color-brand-youtube: #CD201F;
@color-brand-zapier: #FF4A00;
@color-brand-zendesk: #03363D;
@color-brand-zerply: #9DBC7A;
@color-brand-zillow: #0074E4;
@color-brand-ebay: #E53238;
@color-brand-freecodecamp: #006600;
@color-brand-ifixit: #0071CE;

303
colour-variables.scss
View File

@ -1,303 +0,0 @@
// Brand colours from simpleicons.org
$color-brand-500px: #0099E5;
$color-brand-acm: #0085CA;
$color-brand-aboutme: #044A75;
$color-brand-air: #FF2D55;
$color-brand-airbnb: #FF5A5F;
$color-brand-amazon: #FF9900;
$color-brand-americanexpress: #2E77BC;
$color-brand-android: #A4C639;
$color-brand-appnet: #3A393C;
$color-brand-apple: #999999;
$color-brand-asana: #273347;
$color-brand-auth0: #EB5424;
$color-brand-automatic: #7D8084;
$color-brand-baidu: #2319DC;
$color-brand-bandcamp: #408294;
$color-brand-basecamp: #66CC66;
$color-brand-bathasu: #00A3E0;
$color-brand-bebo: #DE484A;
$color-brand-behance: #1769FF;
$color-brand-bigcartel: #222222;
$color-brand-bing: #008373;
$color-brand-bitbucket: #205081;
$color-brand-bitcoin: #F7931A;
$color-brand-bitly: #EE6123;
$color-brand-blogger: #F38936;
$color-brand-bootstrap: #563D7C;
$color-brand-brandai: #0AA0FF;
$color-brand-buffer: #323B43;
$color-brand-buzzfeed: #EE3322;
$color-brand-csswizardry: #F43059;
$color-brand-css3: #1572B6;
$color-brand-cakephp: #D33C43;
$color-brand-campaignmonitor: #19A9E5;
$color-brand-circleci: #343434;
$color-brand-coop: #00A1CC;
$color-brand-codeschool: #4CADC0;
$color-brand-codeigniter: #EE4623;
$color-brand-codepen: #000000;
$color-brand-codecademy: #204056;
$color-brand-codeforces: #1F8ACB;
$color-brand-coderwall: #3E8DCC;
$color-brand-codio: #4574E0;
$color-brand-compropago: #00AAEF;
$color-brand-conekta: #414959;
$color-brand-coursera: #757575;
$color-brand-dailymotion: #0066DC;
$color-brand-deezer: #00C7F2;
$color-brand-delicious: #3399FF;
$color-brand-designernews: #2D72D9;
$color-brand-deviantart: #05CC47;
$color-brand-diaspora: #000000;
$color-brand-digg: #000000;
$color-brand-digitalocean: #0080FF;
$color-brand-discord: #7289DA;
$color-brand-discover: #FF6000;
$color-brand-disqus: #2E9FFF;
$color-brand-docker: #1488C6;
$color-brand-draugiemlv: #FF6600;
$color-brand-dribbble: #EA4C89;
$color-brand-dropbox: #007EE5;
$color-brand-drupal: #0678BE;
$color-brand-ello: #000000;
$color-brand-empirekred: #72BE50;
$color-brand-ethereum: #3C3C3D;
$color-brand-etsy: #F45800;
$color-brand-eventstore: #5AB552;
$color-brand-eventbrite: #F6682F;
$color-brand-evernote: #2DBE60;
$color-brand-everplaces: #FA4B32;
$color-brand-facebook: #3B5998;
$color-brand-feedly: #6CC655;
$color-brand-fitbit: #00B0B9;
$color-brand-flickr: #0063DC;
$color-brand-flipboard: #E12828;
$color-brand-foursquare: #F94877;
$color-brand-govuk: #005EA5;
$color-brand-garmin: #007CC3;
$color-brand-gauges: #339966;
$color-brand-geeklist: #8CC63F;
$color-brand-geocaching: #467126;
$color-brand-ghost: #718087;
$color-brand-git: #F14E32;
$color-brand-github: #181717;
$color-brand-gitlab: #E24329;
$color-brand-gitter: #FF0064;
$color-brand-glassdoor: #7CB228;
$color-brand-gmail: #D14836;
$color-brand-goldenline: #FBBF00;
$color-brand-goodreads: #663300;
$color-brand-google: #4285F4;
$color-brand-googleanalytics: #FFC107;
$color-brand-googledrive: #4386FC;
$color-brand-googlehangouts: #0C9D58;
$color-brand-googleplay: #607D8B;
$color-brand-googleplus: #DC4E41;
$color-brand-gratipay: #663300;
$color-brand-grav: #221E1F;
$color-brand-gravatar: #1E8CBE;
$color-brand-gulp: #DA4648;
$color-brand-gumtree: #72EF36;
$color-brand-html5: #E34F26;
$color-brand-hackerrank: #2EC866;
$color-brand-hackster: #1BACF7;
$color-brand-hatenabookmark: #00A4DE;
$color-brand-heroku: #430098;
$color-brand-hipchat: #205281;
$color-brand-hootsuite: #000000;
$color-brand-houzz: #7AC142;
$color-brand-hulu: #66AA33;
$color-brand-imdb: #E6B91E;
$color-brand-invision: #FF3366;
$color-brand-instacart: #43B02A;
$color-brand-instagram: #E4405F;
$color-brand-instapaper: #1F1F1F;
$color-brand-intercom: #1F8DED;
$color-brand-jira: #172B4D;
$color-brand-jsfiddle: #4679A4;
$color-brand-json: #000000;
$color-brand-javascript: #F7DF1E;
$color-brand-jekyll: #CC0000;
$color-brand-jenkins: #D24939;
$color-brand-joomla: #5091CD;
$color-brand-justgiving: #AD29B6;
$color-brand-kaggle: #20BEFF;
$color-brand-khanacademy: #9DB63B;
$color-brand-kickstarter: #2BDE73;
$color-brand-kik: #82BC23;
$color-brand-kirby: #FF0100;
$color-brand-klout: #E44600;
$color-brand-koding: #00B057;
$color-brand-lanyrd: #3C80CA;
$color-brand-laravel: #E74430;
$color-brand-lastfm: #D51007;
$color-brand-launchpad: #F8C300;
$color-brand-line: #00C300;
$color-brand-linkedin: #0077B5;
$color-brand-linuxfoundation: #009BEE;
$color-brand-livejournal: #00B0EA;
$color-brand-livestream: #CF202E;
$color-brand-macys: #E11A2B;
$color-brand-magento: #EE672F;
$color-brand-mailchimp: #2C9AB7;
$color-brand-makerbot: #FF1E0D;
$color-brand-mastercard: #EB001B;
$color-brand-matternet: #261C29;
$color-brand-mediatemple: #000000;
$color-brand-medium: #00AB6B;
$color-brand-meetup: #E2373C;
$color-brand-messenger: #0084FF;
$color-brand-microgenetics: #FF0000;
$color-brand-microsoft: #666666;
$color-brand-microsoftaccess: #BA141A;
$color-brand-microsoftexcel: #217346;
$color-brand-microsoftonenote: #80397B;
$color-brand-microsoftoutlook: #0072C6;
$color-brand-microsoftpowerpoint: #D24726;
$color-brand-microsoftword: #2B579A;
$color-brand-minecraft: #62B74A;
$color-brand-minutemailer: #3ABFE6;
$color-brand-mixcloud: #314359;
$color-brand-monero: #FF6600;
$color-brand-monkeytie: #FFC619;
$color-brand-monogram: #FDB22A;
$color-brand-moo: #00945E;
$color-brand-myspace: #030303;
$color-brand-netflix: #E50914;
$color-brand-nintendo: #8F8F8F;
$color-brand-nintendoswitch: #E60012;
$color-brand-ovh: #123F6D;
$color-brand-oculus: #1C1E20;
$color-brand-odnoklassniki: #F4731C;
$color-brand-onedrive: #094AB2;
$color-brand-opera: #FF1B2D;
$color-brand-origin: #F56C2D;
$color-brand-overcast: #FC7E0F;
$color-brand-pagekit: #212121;
$color-brand-patreon: #E6461A;
$color-brand-paypal: #00457C;
$color-brand-periscope: #40A4C4;
$color-brand-pinboard: #0000FF;
$color-brand-pingdom: #FFF000;
$color-brand-pingup: #00B1AB;
$color-brand-pinterest: #BD081C;
$color-brand-plangrid: #0085DE;
$color-brand-playstation: #003399;
$color-brand-playerme: #C0379A;
$color-brand-plurk: #E9443D;
$color-brand-pocket: #EF3F56;
$color-brand-podcasts: #9933CC;
$color-brand-processwire: #EF145F;
$color-brand-producthunt: #DA552F;
$color-brand-protoio: #34A7C1;
$color-brand-protonmail: #9497CE;
$color-brand-quantopian: #C50000;
$color-brand-quora: #B92B27;
$color-brand-rss: #FFA500;
$color-brand-raspberrypi: #C7053D;
$color-brand-rdio: #008FD5;
$color-brand-react: #00D8FF;
$color-brand-readthedocs: #8CA1AF;
$color-brand-readability: #990000;
$color-brand-reddit: #FF4500;
$color-brand-reverbnation: #E43526;
$color-brand-ruby: #CC342D;
$color-brand-runkeeper: #2DC9D7;
$color-brand-sass: #CC6699;
$color-brand-saucelabs: #EC4047;
$color-brand-scribd: #1A7BBA;
$color-brand-sega: #0089CF;
$color-brand-sellfy: #21B352;
$color-brand-sentiayoga: #4CAF50;
$color-brand-sentry: #FB4226;
$color-brand-serverfault: #E7282D;
$color-brand-shopify: #7AB55C;
$color-brand-simpleicons: #111111;
$color-brand-sinaweibo: #E6162D;
$color-brand-sitepoint: #258AAF;
$color-brand-skyliner: #2FCEA0;
$color-brand-skype: #00AFF0;
$color-brand-slack: #56B68B;
$color-brand-slashdot: #026664;
$color-brand-slides: #E4637C;
$color-brand-smashingmagazine: #E85C33;
$color-brand-snapchat: #FFFC00;
$color-brand-songkick: #F80046;
$color-brand-soundcloud: #FF3300;
$color-brand-sparkpost: #FA6423;
$color-brand-speakerdeck: #339966;
$color-brand-spotify: #1ED760;
$color-brand-spotlight: #352A71;
$color-brand-spreaker: #F5C300;
$color-brand-squarespace: #000000;
$color-brand-stackexchange: #1E5397;
$color-brand-stackoverflow: #FE7A16;
$color-brand-statamic: #1F3641;
$color-brand-steam: #000000;
$color-brand-steem: #4BA2F2;
$color-brand-stitcher: #000000;
$color-brand-storify: #3A98D9;
$color-brand-stripe: #008CDD;
$color-brand-stubhub: #003168;
$color-brand-stumbleupon: #EB4924;
$color-brand-styleshare: #231F20;
$color-brand-subversion: #809CC9;
$color-brand-superuser: #2EACE3;
$color-brand-swarm: #FBB631;
$color-brand-ted: #E62B1E;
$color-brand-teespring: #39ACE6;
$color-brand-telegram: #2CA5E0;
$color-brand-tencentqq: #12B7F5;
$color-brand-tesla: #CC0000;
$color-brand-tinder: #FF6B6B;
$color-brand-toggl: #C5000B;
$color-brand-topcoder: #29A8E0;
$color-brand-toptal: #3863A0;
$color-brand-trakt: #ED1C24;
$color-brand-travisci: #39A85B;
$color-brand-treehouse: #5FCF80;
$color-brand-trello: #0079BF;
$color-brand-tripadvisor: #589442;
$color-brand-trulia: #53B50A;
$color-brand-tumblr: #36465D;
$color-brand-twilio: #F22F46;
$color-brand-twitch: #6441A5;
$color-brand-twitter: #1DA1F2;
$color-brand-twoo: #FF7102;
$color-brand-uikit: #2396F3;
$color-brand-uber: #000000;
$color-brand-ubuntu: #DD4814;
$color-brand-udacity: #01B3E3;
$color-brand-upwork: #6FDA44;
$color-brand-vk: #6383A8;
$color-brand-viadeo: #F88D2D;
$color-brand-viber: #7C529E;
$color-brand-vimeo: #1AB7EA;
$color-brand-vine: #11B48A;
$color-brand-virb: #0093DA;
$color-brand-visa: #142787;
$color-brand-vuejs: #4FC08D;
$color-brand-wechat: #7BB32E;
$color-brand-whatsapp: #25D366;
$color-brand-wikipedia: #000000;
$color-brand-windows: #0078D6;
$color-brand-wire: #000000;
$color-brand-wix: #FFC233;
$color-brand-wordpress: #21759B;
$color-brand-xbox: #107C10;
$color-brand-xero: #13B5EA;
$color-brand-xing: #005A5F;
$color-brand-ycombinator: #F0652F;
$color-brand-yahoo: #440099;
$color-brand-yammer: #0072C6;
$color-brand-yelp: #C41200;
$color-brand-youtube: #CD201F;
$color-brand-zapier: #FF4A00;
$color-brand-zendesk: #03363D;
$color-brand-zerply: #9DBC7A;
$color-brand-zillow: #0074E4;
$color-brand-ebay: #E53238;
$color-brand-freecodecamp: #006600;
$color-brand-ifixit: #0071CE;

BIN
images/apple-touch-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

BIN
images/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.3 KiB

BIN
images/favicon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

1
images/logo.svg
View File

@ -1 +0,0 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M10 15h3v1H3v-1h3v-4h1v4h2v-4h1v4zm-6-3.02V12c0 .74.2 1.432.552 2.027H3.43C3.152 13.407 3 12.72 3 12v-.02h1zM8 7c2.76 0 5 2.24 5 5 0 .72-.153 1.407-.43 2.027H11.45c.35-.595.552-1.288.552-2.027 0-2.208-1.792-4-4-4V7zm3 3H5v1h6v-1zM8 8C5.792 8 4 6.208 4 4s1.792-4 4-4 4 1.792 4 4h-1c0-1.656-1.344-3-3-3S5 2.344 5 4s1.344 3 3 3v1zm0-6c1.104 0 2 .896 2 2s-.896 2-2 2-2-.896-2-2 .896-2 2-2zm0 1c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 610 B

BIN
images/og.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 385 KiB

BIN
images/paypal-header.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 947 B

503
index.html
View File

File diff suppressed because one or more lines are too long

184
src/build.js
View File

@ -1,184 +0,0 @@
// Get JSON from source file
var source = require('./simple-icons.json');
console.log("\nBuilding " + source.icons.length + " icons...\n");
// Loop through icons
for (var i = 0; i < source.icons.length; i++) {
var hex = source.icons[i].hex;
// Add red, green and blue values to the JSON object
var red = parseInt(hex.substr(0,2), 16) / 255;
var green = parseInt(hex.substr(2,2), 16) / 255;
var blue = parseInt(hex.substr(4,2), 16) / 255;
// Add hue to the JSON object
var max = Math.max(red, green, blue);
var min = Math.min(red, green, blue);
var delta = max - min;
source.icons[i].luminance = 100 * (max + min) / 2;
if (delta === 0) {
var hue = 0;
source.icons[i].saturation = 0;
} else {
if (source.icons[i].luminance < 50) {
source.icons[i].saturation = 100 * (max - min) / (max + min);
} else {
source.icons[i].saturation = 100 * (max - min) / (2 - max - min);
}
if (max === red) {
var hue = ((green - blue) / delta) * 60;
if (hue < 0) {
hue += 360;
}
} else if (max === green) {
var hue = (((blue - red) / delta) + 2) * 60;
} else {
var hue = (((red - green) / delta) + 4) * 60;
}
}
source.icons[i].hue = hue;
}
// Sort icons by hue
for (var i = 0; i < source.icons.length; i++) {
source.icons[i].hue += 90;
source.icons[i].hue = source.icons[i].hue % 360;
}
source.icons.sort(function(a, b) {
return parseFloat(a.hue) - parseFloat(b.hue);
});
var tmp = [];
for (var i = 0; i < source.icons.length; i++) {
if (source.icons[i].luminance < 15) {
tmp.push(source.icons[i]);
source.icons.splice(i,1);
i--;
}
}
for (var i = 0; i < source.icons.length; i++) {
if (source.icons[i].saturation < 25) {
tmp.push(source.icons[i]);
source.icons.splice(i,1);
i--;
}
}
tmp.sort(function(a, b) {
return parseFloat(b.luminance) - parseFloat(a.luminance);
});
for (var i = 0; i < tmp.length; i++) {
source.icons.push(tmp[i]);
}
// Read header and footer content into variables
var fs = require('fs');
function readFile(path, callback) {
try {
var filename = require.resolve(path);
fs.readFile(filename, 'utf8', callback);
} catch (e) {
callback(e);
}
}
var fs = require('fs');
var header = fs.readFileSync('./header.html', 'utf8');
var footer = fs.readFileSync('./footer.html', 'utf8');
// Build content
var main = "<ul>";
for (var i = 0; i < source.icons.length; i++) {
var fileName = source.icons[i].title.toLowerCase();
fileName = fileName.replace(/[!|’|.| |-]/g, ''); // Replace bang, apostrophe, period and space with nothing.
fileName = fileName.replace(/[+]/, 'plus'); // Replace the plus symbol with “plus”.
filePath = "../icons/" + fileName + ".svg";
var fs = require('fs');
var svg = fs.readFileSync(filePath, 'utf8');
main += "\n<li style=\"background-color:#" + source.icons[i].hex + "\"><a href=\"/icons/" + fileName + ".svg\" class=\"icon--link\" download>" + svg + "<h2>" + source.icons[i].title + "</h2></a>" + "<span>#" + source.icons[i].hex + "</span></li>";
}
// Put all content together and export to index.html
var htmlOutput = header + main + footer;
fs.writeFile("../index.html", htmlOutput, function(err) {
if(err) {
return console.log(err);
}
console.log(" - index.html built successfully.");
});
// Also output to 404.html
fs.writeFile("../404.html", htmlOutput, function(err) {
if(err) {
return console.log(err);
}
console.log(" - 404.html built successfully.");
});
var sass = "// Brand colours from simpleicons.org\n";
var less = "// Brand colours from simpleicons.org\n";
var css = "/* Brand colours from simpleicons.org */\n\n:root {";
var maxNameLength = 0;
for (var i = 0; i < source.icons.length; i++) {
var fileName = source.icons[i].title.toLowerCase();
fileName = fileName.replace(/[!|’|.| |-]/g, ''); // Replace bang, apostrophe, period and space with nothing.
fileName = fileName.replace(/[+]/, 'plus'); // Replace the plus symbol with “plus”.
if (fileName.length > maxNameLength) {
maxNameLength = fileName.length;
}
}
// Sort icons alphabetically
source.icons.sort(function(a, b) {
if (a.title < b.title) {
return -1;
}
if (a.title > b.title) {
return 1;
}
// names must be equal
return 0;
});
for (var i = 0; i < source.icons.length; i++) {
var fileName = source.icons[i].title.toLowerCase();
fileName = fileName.replace(/[!|’|.| |-]/g, ''); // Replace bang, apostrophe, period and space with nothing.
fileName = fileName.replace(/[+]/, 'plus'); // Replace the plus symbol with “plus”.
spacing = "";
if (fileName.length < maxNameLength) {
spacing = " ".repeat(maxNameLength - fileName.length);
}
sass += "\n$color-brand-" + fileName.toLowerCase() + ": " + spacing + "#" + source.icons[i].hex.toUpperCase() + ";";
less += "\n@color-brand-" + fileName.toLowerCase() + ": " + spacing + "#" + source.icons[i].hex.toUpperCase() + ";";
css += "\n --color-brand-" + fileName.toLowerCase() + ": " + spacing + "#" + source.icons[i].hex.toUpperCase() + ";";
}
css += "\n}";
// Generate Sass file with colour variables
fs.writeFile("../colour-variables.scss", sass, function(err) {
if(err) {
return console.log(err);
}
console.log(" - brand-colours.scss built successfully.");
});
// Generate Less file with colour variables
fs.writeFile("../colour-variables.less", less, function(err) {
if(err) {
return console.log(err);
}
console.log(" - brand-colours.less built successfully.");
});
// Generate CSS file with colour variables
fs.writeFile("../colour-variables.css", css, function(err) {
if(err) {
return console.log(err);
}
console.log(" - brand-colours.css built successfully.");
});

5
src/footer.html
View File

@ -1,5 +0,0 @@
</ul>
</main>
</body>
</html>

181
src/header.html
View File

@ -1,181 +0,0 @@
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="initial-scale=1, minimum-scale=1, shrink-to-fit=no, width=device-width">
<link rel="canonical" href="https://simpleicons.org">
<link rel="preconnect" href="//github.com">
<title>Simple Icons</title>
<meta name="description" content="SVG icons for popular brands.">
<meta property="og:type" content="website">
<meta property="og:title" content="Simple Icons">
<meta property="og:description" content="SVG icons for popular brands.">
<meta property="og:url" content="https://simpleicons.org">
<meta property="og:site_name" content="Simple Icons">
<meta property="og:image" content="https://simpleicons.org/images/og.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Simple Icons">
<meta name="twitter:description" content="SVG icons for popular brands.">
<meta name="twitter:site" content="@bathtype">
<meta name="twitter:domain" content="Simple Icons">
<meta name="twitter:image:src" content="https://simpleicons.org/images/og.png">
<link rel="icon" type="image/x-icon" href="https://simpleicons.org/images/favicon.ico">
<link rel="icon" type="image/png" href="https://simpleicons.org/images/favicon.png">
<link rel="apple-touch-icon" href="https://simpleicons.org/images/apple-touch-icon.png">
<link rel="mask-icon" href="https://simpleicons.org/images/logo.svg" color="#111111">
<style>
:root {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 100%;
line-height: 1.5rem;
}
body {
background-color: #FFF;
color: #424242;
margin: 0;
}
a {
color: #0091EA;
}
a:hover h2, a:active h2, a:focus h2 {
text-decoration: underline;
}
aside {
background-color: #F0F0F0;
margin: 1.5rem 0 0;
padding: 0.75rem;
}
aside a {
color: #424242;
}
aside span {
text-transform: none;
}
p {
margin: 1.5rem 0 0;
}
h1 {
font-size: 1rem;
font-weight: 600;
line-height: 1.5rem;
margin: 0;
padding: 0;
}
header {
font-size: 0.75rem;
line-height: 1.125rem;
padding: 1.5rem;
}
.btn {
background-color: #00C853;
border-radius: 0.125rem;
color: #FFF;
display: inline-block;
font-weight: 600;
padding: 0.75rem 1.5rem;
text-decoration: none;
}
.btn:focus, .btn:hover {
background-color: #00E676;
color: #FFF;
}
main {
width: 100%;
}
ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 1.5rem calc(1.5rem - 1px) calc(1.5rem - 1px) 1.5rem;
padding: 0;
}
li {
box-sizing: border-box;
background: #424242;
color: #FFF;
font-size: 0.8125rem;
line-height: 1rem;
margin: 0 1px 1px 0;
padding: 1rem 0.75rem;
width: calc(100% - 1px);
}
h2 {
color: #FFF;
display: inline-block;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1rem;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(100% - 4rem);
}
svg {
float: left;
height: 2rem;
margin: -0.5rem 0 0 0;
padding: 0.5rem 1.25rem 0 0.5rem;
width: 2rem;
}
path, ellipse, circle {
fill: #FFF;
}
span {
font-size: 0.75rem;
opacity: 0.5;
text-transform: uppercase;
}
@media (min-width: 800px) { li { width: calc(50% - 1px) } }
@media (min-width: 1000px) { li { width: calc(33.333% - 1px) } }
@media (min-width: 1100px) { li { width: calc(25% - 1px) } }
@media (min-width: 1400px) { li { width: calc(20% - 1px) } }
@media (min-width: 1600px) { li { width: calc(16.666% - 1px) } }
@media (min-width: 1900px) { li { width: calc(12.5% - 1px) } }
@media (min-width: 2300px) { li { width: calc(10% - 1px) } }
.carbon-wrap:after {
clear: both;
content: " ";
display: table;
}
.carbon-img {
float: left;
line-height: 0;
}
.carbon-text {
float: right;
width: calc(100% - 130px - 0.75rem);
}
.carbon-poweredby {
color: #BDBDBD;
display: block;
margin: 0.75rem 0 0;
text-align: center;
text-decoration: none;
}
@media (min-width: 600px) {
body {
display: flex;
}
header {
padding: 1.5rem 0 1.5rem 1.5rem;
width: 18.5rem;
}
main {
width: calc(100% - 20rem);
}
}
</style>
</head>
<body>
<header role="banner">
<h1>Simple Icons</h1>
<p><strong>SVG icons for popular brands</strong>, maintained by <a href="https://twitter.com/bathtype">Dan&nbsp;Leech</a>. Contributions, corrections &amp; requests can be made on <a href="https://github.com/danleech/simple-icons">GitHub</a>.</p>
<p><a href="https://github.com/danleech/simple-icons/tree/gh-pages/icons" class="btn">Download from GitHub</a></p>
<aside role="complementary">
<script async type="text/javascript" src="https://cdn.carbonads.com/carbon.js?zoneid=1696&serve=CVYD42T&placement=simpleiconsorg" id="_carbonads_js"></script>
</aside>
</header>
<main role="main">