mirror of
https://github.com/Mibew/simple-icons.git
synced 2025-10-31 18:41:07 +03:00
Update to current state
This commit is contained in:
Haden
GitHub
commit
df96211937
258
colour-variables.less
Normal file
258
colour-variables.less
Normal file
@ -0,0 +1,258 @@
|
||||
// Brand colours from simpleicons.org
|
||||
|
||||
@color-brand-500px: #0099E5;
|
||||
@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-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-bootstrap: #563D7C;
|
||||
@color-brand-buzzfeed: #EE3322;
|
||||
@color-brand-csswizardry: #F43059;
|
||||
@color-brand-campaignmonitor: #19A9E5;
|
||||
@color-brand-circleci: #343434;
|
||||
@color-brand-coop: #00A1CC;
|
||||
@color-brand-codeschool: #4CADC0;
|
||||
@color-brand-codepen: #000000;
|
||||
@color-brand-codecademy: #204056;
|
||||
@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-disqus: #2E9FFF;
|
||||
@color-brand-draugiemlv: #FF6600;
|
||||
@color-brand-dribbble: #EA4C89;
|
||||
@color-brand-dropbox: #007EE5;
|
||||
@color-brand-drupal: #0678BE;
|
||||
@color-brand-ello: #000000;
|
||||
@color-brand-email: #808080;
|
||||
@color-brand-empirekred: #72BE50;
|
||||
@color-brand-ethereum: #3C3C3D;
|
||||
@color-brand-etsy: #F45800;
|
||||
@color-brand-eventstore: #5AB552;
|
||||
@color-brand-eventbrite: #F6682F;
|
||||
@color-brand-evernote: #6FB536;
|
||||
@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-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-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-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-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: #CC0000;
|
||||
@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-monkeytie: #FFC619;
|
||||
@color-brand-monogram: #FDB22A;
|
||||
@color-brand-moo: #00945E;
|
||||
@color-brand-myspace: #030303;
|
||||
@color-brand-netflix: #E50914;
|
||||
@color-brand-nintendo: #8F8F8F;
|
||||
@color-brand-oculus: #1C1E20;
|
||||
@color-brand-odnoklassniki: #F4731C;
|
||||
@color-brand-onedrive: #094AB2;
|
||||
@color-brand-opera: #FF1B2D;
|
||||
@color-brand-overcast: #FC7E0F;
|
||||
@color-brand-patreon: #E6461A;
|
||||
@color-brand-paypal: #00457C;
|
||||
@color-brand-periscope: #40A4C4;
|
||||
@color-brand-pingup: #00B1AB;
|
||||
@color-brand-pinterest: #BD081C;
|
||||
@color-brand-playstation: #000000;
|
||||
@color-brand-playerme: #C0379A;
|
||||
@color-brand-pocket: #EF3F56;
|
||||
@color-brand-podcasts: #9933CC;
|
||||
@color-brand-protoio: #34A7C1;
|
||||
@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-shopify: #7AB55C;
|
||||
@color-brand-simpleicons: #111111;
|
||||
@color-brand-sinaweibo: #E6162D;
|
||||
@color-brand-sitepoint: #258AAF;
|
||||
@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-speakerdeck: #339966;
|
||||
@color-brand-spotify: #1ED760;
|
||||
@color-brand-spreaker: #F5C300;
|
||||
@color-brand-squarespace: #000000;
|
||||
@color-brand-stackoverflow: #FE7A16;
|
||||
@color-brand-statamic: #1F3641;
|
||||
@color-brand-steam: #000000;
|
||||
@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-swarm: #FBB631;
|
||||
@color-brand-ted: #E62B1E;
|
||||
@color-brand-telegram: #2CA5E0;
|
||||
@color-brand-tesla: #CC0000;
|
||||
@color-brand-tinder: #FF6B6B;
|
||||
@color-brand-topcoder: #29A8E0;
|
||||
@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: #E12127;
|
||||
@color-brand-twitch: #6441A5;
|
||||
@color-brand-twitter: #55ACEE;
|
||||
@color-brand-twoo: #FF7102;
|
||||
@color-brand-uber: #000000;
|
||||
@color-brand-ubuntu: #DD4814;
|
||||
@color-brand-udacity: #01B3E3;
|
||||
@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: #0072C6;
|
||||
@color-brand-wix: #FFC233;
|
||||
@color-brand-wordpress: #21759B;
|
||||
@color-brand-xbox: #107C10;
|
||||
@color-brand-xero: #13B5EA;
|
||||
@color-brand-xing: #005A5F;
|
||||
@color-brand-yahoo: #440099;
|
||||
@color-brand-yammer: #0072C6;
|
||||
@color-brand-yelp: #C41200;
|
||||
@color-brand-youtube: #CD201F;
|
||||
@color-brand-zapier: #FF4A00;
|
||||
@color-brand-zerply: #9DBC7A;
|
||||
@color-brand-zillow: #0074E4;
|
||||
@color-brand-ebay: #E53238;
|
||||
@color-brand-freecodecamp: #006600;
|
||||
258
colour-variables.scss
Normal file
258
colour-variables.scss
Normal file
@ -0,0 +1,258 @@
|
||||
// Brand colours from simpleicons.org
|
||||
|
||||
$color-brand-500px: #0099E5;
|
||||
$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-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-bootstrap: #563D7C;
|
||||
$color-brand-buzzfeed: #EE3322;
|
||||
$color-brand-csswizardry: #F43059;
|
||||
$color-brand-campaignmonitor: #19A9E5;
|
||||
$color-brand-circleci: #343434;
|
||||
$color-brand-coop: #00A1CC;
|
||||
$color-brand-codeschool: #4CADC0;
|
||||
$color-brand-codepen: #000000;
|
||||
$color-brand-codecademy: #204056;
|
||||
$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-disqus: #2E9FFF;
|
||||
$color-brand-draugiemlv: #FF6600;
|
||||
$color-brand-dribbble: #EA4C89;
|
||||
$color-brand-dropbox: #007EE5;
|
||||
$color-brand-drupal: #0678BE;
|
||||
$color-brand-ello: #000000;
|
||||
$color-brand-email: #808080;
|
||||
$color-brand-empirekred: #72BE50;
|
||||
$color-brand-ethereum: #3C3C3D;
|
||||
$color-brand-etsy: #F45800;
|
||||
$color-brand-eventstore: #5AB552;
|
||||
$color-brand-eventbrite: #F6682F;
|
||||
$color-brand-evernote: #6FB536;
|
||||
$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-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-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-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-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: #CC0000;
|
||||
$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-monkeytie: #FFC619;
|
||||
$color-brand-monogram: #FDB22A;
|
||||
$color-brand-moo: #00945E;
|
||||
$color-brand-myspace: #030303;
|
||||
$color-brand-netflix: #E50914;
|
||||
$color-brand-nintendo: #8F8F8F;
|
||||
$color-brand-oculus: #1C1E20;
|
||||
$color-brand-odnoklassniki: #F4731C;
|
||||
$color-brand-onedrive: #094AB2;
|
||||
$color-brand-opera: #FF1B2D;
|
||||
$color-brand-overcast: #FC7E0F;
|
||||
$color-brand-patreon: #E6461A;
|
||||
$color-brand-paypal: #00457C;
|
||||
$color-brand-periscope: #40A4C4;
|
||||
$color-brand-pingup: #00B1AB;
|
||||
$color-brand-pinterest: #BD081C;
|
||||
$color-brand-playstation: #000000;
|
||||
$color-brand-playerme: #C0379A;
|
||||
$color-brand-pocket: #EF3F56;
|
||||
$color-brand-podcasts: #9933CC;
|
||||
$color-brand-protoio: #34A7C1;
|
||||
$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-shopify: #7AB55C;
|
||||
$color-brand-simpleicons: #111111;
|
||||
$color-brand-sinaweibo: #E6162D;
|
||||
$color-brand-sitepoint: #258AAF;
|
||||
$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-speakerdeck: #339966;
|
||||
$color-brand-spotify: #1ED760;
|
||||
$color-brand-spreaker: #F5C300;
|
||||
$color-brand-squarespace: #000000;
|
||||
$color-brand-stackoverflow: #FE7A16;
|
||||
$color-brand-statamic: #1F3641;
|
||||
$color-brand-steam: #000000;
|
||||
$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-swarm: #FBB631;
|
||||
$color-brand-ted: #E62B1E;
|
||||
$color-brand-telegram: #2CA5E0;
|
||||
$color-brand-tesla: #CC0000;
|
||||
$color-brand-tinder: #FF6B6B;
|
||||
$color-brand-topcoder: #29A8E0;
|
||||
$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: #E12127;
|
||||
$color-brand-twitch: #6441A5;
|
||||
$color-brand-twitter: #55ACEE;
|
||||
$color-brand-twoo: #FF7102;
|
||||
$color-brand-uber: #000000;
|
||||
$color-brand-ubuntu: #DD4814;
|
||||
$color-brand-udacity: #01B3E3;
|
||||
$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: #0072C6;
|
||||
$color-brand-wix: #FFC233;
|
||||
$color-brand-wordpress: #21759B;
|
||||
$color-brand-xbox: #107C10;
|
||||
$color-brand-xero: #13B5EA;
|
||||
$color-brand-xing: #005A5F;
|
||||
$color-brand-yahoo: #440099;
|
||||
$color-brand-yammer: #0072C6;
|
||||
$color-brand-yelp: #C41200;
|
||||
$color-brand-youtube: #CD201F;
|
||||
$color-brand-zapier: #FF4A00;
|
||||
$color-brand-zerply: #9DBC7A;
|
||||
$color-brand-zillow: #0074E4;
|
||||
$color-brand-ebay: #E53238;
|
||||
$color-brand-freecodecamp: #006600;
|
||||
1
icons/googlehangouts.svg
Normal file
1
icons/googlehangouts.svg
Normal file
@ -0,0 +1 @@
|
||||
<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="M8 0C4.133 0 1 3.133 1 7c0 3.667 3.333 6.667 7 6.667V16c4.233-2.067 7-5.467 7-9 0-3.867-3.133-7-7-7zM4.667 8h1.666v1.667c.734 0 1.334-.734 1.334-1.667V5h-3v3zm4-3v3h1.666v1.667c.734 0 1.334-.734 1.334-1.667V5h-3z"/></svg>
|
||||
|
After Width: | Height: | Size: 380 B |
1
icons/instapaper.svg
Normal file
1
icons/instapaper.svg
Normal file
@ -0,0 +1 @@
|
||||
<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="M9.844 13.506c0 1.213.18 1.393 1.956 1.528V16H4.2v-.966c1.777-.135 1.956-.315 1.956-1.528V2.472c0-1.19-.18-1.393-1.956-1.528V0h7.6v.944c-1.776.135-1.956.337-1.956 1.528v11.034z" fill="#0e0000" fill-rule="nonzero"/></svg>
|
||||
|
After Width: | Height: | Size: 379 B |
1
icons/slashdot.svg
Normal file
1
icons/slashdot.svg
Normal file
@ -0,0 +1 @@
|
||||
<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="M13.185 0L4.692 16H1.246L9.738 0h3.447zm1.57 13.2c0 1.512-1.227 2.738-2.74 2.738-1.512 0-2.738-1.226-2.738-2.738s1.226-2.738 2.738-2.738c1.513 0 2.74 1.226 2.74 2.738z"/></svg>
|
||||
|
After Width: | Height: | Size: 335 B |
1
icons/uber.svg
Normal file
1
icons/uber.svg
Normal file
@ -0,0 +1 @@
|
||||
<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="M2.517 6.08v1.842c0 .615-.272.87-.91.87-.64 0-.91-.255-.91-.87V6H.08C.028 6 0 6.027 0 6.08v1.872C0 8.982.655 9.34 1.606 9.34c.95 0 1.606-.36 1.606-1.388V6h-.615c-.053 0-.08.027-.08.08zm8.914.454c.05 0 .076-.016.093-.053l.178-.44c.01-.025 0-.04-.026-.04H9.196c-.232 0-.32.07-.32.23v2.86c0 .133.068.194.246.194h2.31c.05 0 .073-.017.09-.054l.178-.44c.01-.028 0-.04-.027-.04H9.56v-.583c0-.2.11-.292.41-.292h.916c.05 0 .074-.017.09-.054l.173-.42c.01-.028 0-.04-.03-.04H9.56v-.825h1.87zM7.07 7.552c.27-.14.38-.406.38-.72C7.45 6.11 6.86 6 6.25 6h-1.4c-.232 0-.32.07-.32.23v2.858c0 .134.068.195.246.195h1.72c.65 0 1.113-.252 1.113-.907 0-.393-.17-.726-.54-.824zm-.644 1.203H5.213v-.6c0-.203.11-.293.41-.293h.803c.387 0 .494.147.494.45 0 .302-.107.443-.494.443zM5.213 6.528h1.085c.363 0 .464.136.464.42 0 .283-.1.42-.464.42H5.213v-.84zm10.78 2.698l-.737-1.264c.367-.094.662-.336.662-.95 0-.797-.494-1.012-1.31-1.012h-1.405c-.232 0-.32.07-.32.23V9.2c0 .054.028.08.082.08h.6v-.957c0-.2.112-.292.41-.292h.606l.667 1.197c.02.033.04.053.09.053h.626c.044 0 .044-.037.03-.057zM14.71 7.522h-1.145v-.994h1.143c.425 0 .52.164.52.497 0 .336-.095.497-.52.497z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
1
icons/zerply.svg
Normal file
1
icons/zerply.svg
Normal file
@ -0,0 +1 @@
|
||||
<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="M13.853 12.497c-.497.475-1.04.678-1.695.678-.88 0-2.214-.407-3.23-1.107-1.086-.746-2.51-1.492-3.708-1.514.882-1.198 2.26-2.418 3.548-3.865.475-.52 3.322-3.797 3.82-4.385.36-.43.542-.95.542-1.47 0-.202-.023-.383-.068-.564-1.356.272-2.373.408-4 .408C7.277.678 5.99.452 5.242 0c-.52.678-1.04 1.582-1.04 2.08 0 .632.612 1.152 2.126 1.152.497 0 1.31-.023 2.44-.113C6.44 6.123 4.136 8.564 2.758 10.1c-.476.52-.747 1.22-.747 1.92 0 .272.046.543.114.792.43-.068.86-.113 1.31-.113.928 0 1.854.204 2.713.566C7.864 14.01 9.47 16 11.277 16c1.47 0 2.712-1.153 2.712-2.69 0-.27-.046-.542-.137-.813z" fill="#0e0000" fill-rule="nonzero"/></svg>
|
||||
|
After Width: | Height: | Size: 787 B |
525
index.html
525
index.html
File diff suppressed because one or more lines are too long
70
src/build.js
70
src/build.js
@ -1,6 +1,8 @@
|
||||
// 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++) {
|
||||
|
||||
@ -84,7 +86,7 @@ var header = fs.readFileSync('./header.html', 'utf8');
|
||||
var footer = fs.readFileSync('./footer.html', 'utf8');
|
||||
|
||||
// Build content
|
||||
var main = " <ul class=\"tiles tiles--icons\">";
|
||||
var main = " <ul class=\"tiles tiles--full\">";
|
||||
|
||||
for (var i = 0; i < source.icons.length; i++) {
|
||||
var fileName = source.icons[i].title.toLowerCase();
|
||||
@ -93,7 +95,11 @@ for (var i = 0; i < source.icons.length; i++) {
|
||||
filePath = "../icons/" + fileName + ".svg";
|
||||
var fs = require('fs');
|
||||
var svg = fs.readFileSync(filePath, 'utf8');
|
||||
main += "\n <li class=\"tiles__item\" data-search=\"" + source.icons[i].title.toLowerCase() + " " + fileName.toLowerCase() + " " + source.icons[i].hex.toLowerCase() + "\" style=\"background-color:#" + source.icons[i].hex + "\"><a href=\"https://simpleicons.org/icons/" + fileName + ".svg\" class=\"icon--link\" title=\"" + source.icons[i].title + "\">" + svg + "<span class=\"tile-name\">" + source.icons[i].title + "</span></a>" + "<span class=\"hex\">#" + source.icons[i].hex + "</span></li>";
|
||||
var searchTerms = source.icons[i].title.toLowerCase() + " " + source.icons[i].hex.toLowerCase();
|
||||
if (source.icons[i].title.toLowerCase() != fileName.toLowerCase()) {
|
||||
searchTerms = searchTerms + " " + fileName.toLowerCase();
|
||||
}
|
||||
main += "\n <li class=\"tiles__item\" data-search=\"" + searchTerms + "\" style=\"background-color:#" + source.icons[i].hex + "\"><a href=\"https://simpleicons.org/icons/" + fileName + ".svg\" class=\"icon--link\" title=\"" + source.icons[i].title + "\">" + svg + "<span class=\"tile-name\">" + source.icons[i].title + "</span></a>" + "<span class=\"hex\">#" + source.icons[i].hex + "</span></li>";
|
||||
}
|
||||
|
||||
// Put all content together and export to index.html
|
||||
@ -102,7 +108,7 @@ fs.writeFile("../index.html", htmlOutput, function(err) {
|
||||
if(err) {
|
||||
return console.log(err);
|
||||
}
|
||||
console.log("The index.html file was built with " + source.icons.length + " icons!");
|
||||
console.log(" - index.html built successfully.");
|
||||
});
|
||||
|
||||
// Also output to 404.html
|
||||
@ -110,5 +116,61 @@ fs.writeFile("../404.html", htmlOutput, function(err) {
|
||||
if(err) {
|
||||
return console.log(err);
|
||||
}
|
||||
console.log("The 404.html file was built with " + source.icons.length + " icons!");
|
||||
console.log(" - 404.html built successfully.");
|
||||
});
|
||||
|
||||
var sass = "// Brand colours from simpleicons.org\n";
|
||||
var less = "// Brand colours from simpleicons.org\n";
|
||||
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() + ";";
|
||||
}
|
||||
|
||||
// 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.");
|
||||
});
|
||||
@ -121,7 +121,7 @@
|
||||
color: #FFF;
|
||||
font-size: 0.8125rem;
|
||||
line-height: 1rem;
|
||||
padding: 1.25rem 0.75rem 1.25rem;
|
||||
padding: 1rem 0.75rem;
|
||||
/*text-transform: uppercase;*/
|
||||
width: 100%;
|
||||
}
|
||||
@ -135,7 +135,7 @@
|
||||
}
|
||||
.tiles li:hover {
|
||||
border: 0.125rem solid #FFF;
|
||||
padding: 1.375rem 0.875rem;
|
||||
padding: 1.125rem 0.875rem;
|
||||
}
|
||||
.tile-name {
|
||||
color: #FFF;
|
||||
@ -169,11 +169,11 @@
|
||||
}
|
||||
@media (min-width: 800px) { .tiles li { width: 50%; } }
|
||||
@media (min-width: 1000px) { .tiles li { width: 33.333%; } }
|
||||
@media (min-width: 1200px) { .tiles li { width: 25% } }
|
||||
@media (min-width: 1500px) { .tiles li { width: 20% } }
|
||||
@media (min-width: 1800px) { .tiles li { width: 16.666% } }
|
||||
@media (min-width: 2000px) { .tiles li { width: 12.5% } }
|
||||
@media (min-width: 2400px) { .tiles li { width: 10% } }
|
||||
@media (min-width: 1100px) { .tiles li { width: 25% } }
|
||||
@media (min-width: 1400px) { .tiles li { width: 20% } }
|
||||
@media (min-width: 1600px) { .tiles li { width: 16.666% } }
|
||||
@media (min-width: 1900px) { .tiles li { width: 12.5% } }
|
||||
@media (min-width: 2300px) { .tiles li { width: 10% } }
|
||||
.tiles--icons {
|
||||
justify-content: center;
|
||||
}
|
||||
@ -274,7 +274,7 @@
|
||||
<input type="text" id="search" class="search-field" autofocus>
|
||||
<p><strong>SVG icons for popular brands.</strong> This project is maintained by <a href="https://twitter.com/bathtype">Dan Leech</a>. Contributions, corrections & requests can be left on <a href="https://github.com/danleech/simple-icons">GitHub</a>. Company logos in icons are copyright of their respective owners.</p>
|
||||
<p><a href="https://github.com/danleech/simple-icons/tree/gh-pages/icons" class="button">Download</a></p>
|
||||
<p><a href="#" id="toggle-button" onclick="toggleNames();return false" class="button button--secondary">Show names & colour values</a></p>
|
||||
<p><a href="#" id="toggle-button" onclick="toggleNames();return false" class="button button--secondary">Hide names & colour values</a></p>
|
||||
</div>
|
||||
<div class="block block--ad">
|
||||
<script async type="text/javascript" src="https://cdn.carbonads.com/carbon.js?zoneid=1696&serve=CVYD42T&placement=simpleiconsorg" id="_carbonads_js"></script>
|
||||
|
||||
@ -410,6 +410,11 @@
|
||||
"hex": "4386FC",
|
||||
"source": "https://developers.google.com/drive/web/branding"
|
||||
},
|
||||
{
|
||||
"title": "Google Hangouts",
|
||||
"hex": "0C9D58",
|
||||
"source": "https://material.google.com/resources/sticker-sheets-icons.html#sticker-sheets-icons-components"
|
||||
},
|
||||
{
|
||||
"title": "Google Play",
|
||||
"hex": "607D8B",
|
||||
@ -495,6 +500,11 @@
|
||||
"hex": "E4405F",
|
||||
"source": "https://www.instagram-brand.com"
|
||||
},
|
||||
{
|
||||
"title": "Instapaper",
|
||||
"hex": "1F1F1F",
|
||||
"source": ""
|
||||
},
|
||||
{
|
||||
"title": "Intercom",
|
||||
"hex": "1F8DED",
|
||||
@ -950,6 +960,11 @@
|
||||
"hex": "56B68B",
|
||||
"source": "https://slack.com/brand-guidelines"
|
||||
},
|
||||
{
|
||||
"title": "Slashdot",
|
||||
"hex": "026664",
|
||||
"source": "https://commons.wikimedia.org/wiki/File:Slashdot_wordmark_and_logo.svg"
|
||||
},
|
||||
{
|
||||
"title": "Slides",
|
||||
"hex": "E4637C",
|
||||
@ -1130,6 +1145,11 @@
|
||||
"hex": "FF7102",
|
||||
"source": "http://www.twoo.com/about/press"
|
||||
},
|
||||
{
|
||||
"title": "Uber",
|
||||
"hex": "000000",
|
||||
"source": "https://www.uber.com/media/"
|
||||
},
|
||||
{
|
||||
"title": "Ubuntu",
|
||||
"hex": "DD4814",
|
||||
@ -1250,6 +1270,11 @@
|
||||
"hex": "FF4A00",
|
||||
"source": "https://zapier.com/about/brand"
|
||||
},
|
||||
{
|
||||
"title": "Zerply",
|
||||
"hex": "9DBC7A",
|
||||
"source": "https://zerply.com/about/resources"
|
||||
},
|
||||
{
|
||||
"title": "Zillow",
|
||||
"hex": "0074E4",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user