diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 00000000..2030f178 --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,52 @@ +# Contributing + +This repository welcomes contributions and corrections. Before submitting a pull request, ensure that you respect these guidelines for SVGs: + + - Include the SVG namespace declaration `xmlns="http://www.w3.org/2000/svg"`. This is not required if the SVG is included inline on HTML5 web pages. + - Include a descriptive `` element for accessibility. For example, `<title>GitHub icon`. + - Add `aria-labelledby="title"` and `role="img"` to the `` element to improve screen reader support. + - Use a `viewBox` of 24 by 24, following [Google’s Material Design guidelines for system icons](https://material.io/guidelines/style/icons.html#icons-system-icons). + - Ensure that all paths and strokes have been converted to fills. + - Ensure your SVG is monochromatic. Remove all fill colors so that icons default to black. + - Minify your SVG after exporting it. We recommend using [SVGO](https://github.com/svg/svgo) or [SVGOMG](https://jakearchibald.github.io/svgomg/) to automate this process. + +## JSON data for simpleicons.org + +In addition to following the guidelines for SVGs, list new icons in the `_data/simple-icons.json` file. Each icon in the array has three required values: + + - The `title` of the new SVG. + - A `hex` color value that matches the brand or logo's main accent color. (Without the `#` pound symbol.) + - The `source` URL of the logo being used. + +Here is the object for the GitHub logo as an example: + +```json +{ + "title": "GitHub", + "hex": "181717", + "source": "https://github.com/logos" +}, +``` + +## SVG example + +Before minification, your SVG should look follow the template below: + +```svg + + [BRAND] icon + + +``` + +While the parent `` element can sometimes contain other attributes, the attributes listed above are the only necessary ones. You can remove safely remove attributes like `width` and `height`, or clean them using a tool like [SVGO](https://github.com/svg/svgo) or [SVGOMG](https://jakearchibald.github.io/svgomg/). + +Here is the un-minified contents of the GitHub icon, for reference: + +```svg + + GitHub icon + + +``` + diff --git a/_data/simple-icons.json b/_data/simple-icons.json index 516fec82..fd3abbd8 100644 --- a/_data/simple-icons.json +++ b/_data/simple-icons.json @@ -20,6 +20,11 @@ "hex": "FF5C3E", "source": "http://www.addthis.com/press" }, + { + "title": "AIM", + "hex": "FFCA00", + "source": "http://aim.com" + }, { "title": "Air", "hex": "FF2D55", @@ -45,6 +50,11 @@ "hex": "A4C639", "source": "http://developer.android.com/distribute/tools/promote/brand.html" }, + { + "title": "AngelList", + "hex": "000000", + "source": "https://angel.co/logo" + }, { "title": "App.net", "hex": "3A393C", @@ -60,6 +70,11 @@ "hex": "273347", "source": "https://asana.com/styles" }, + { + "title": "Atom", + "hex": "66595C", + "source": "https://commons.wikimedia.org/wiki/File:Atom_editor_logo.svg" + }, { "title": "Auth0", "hex": "EB5424", @@ -425,6 +440,11 @@ "hex": "467126", "source": "https://www.geocaching.com/about/logousage.aspx" }, + { + "title": "Gerrit", + "hex": "EEEEEE", + "source": "https://gerrit-review.googlesource.com/c/75842/" + }, { "title": "Ghost", "hex": "718087", @@ -500,6 +520,11 @@ "hex": "0C9D58", "source": "https://material.google.com/resources/sticker-sheets-icons.html#sticker-sheets-icons-components" }, + { + "title": "Google Keep", + "hex": "FFBB00", + "source": "https://play.google.com/store/apps/details?id=com.google.android.keep" + }, { "title": "Google Play", "hex": "607D8B", @@ -510,6 +535,11 @@ "hex": "005EA5", "source": "https://github.com/alphagov/design-assets/tree/master/Icons" }, + { + "title": "Graphcool", + "hex": "27AE60", + "source": "https://www.graph.cool" + }, { "title": "GraphQL", "hex": "E10098", @@ -680,6 +710,11 @@ "hex": "9DB63B", "source": "https://khanacademy.zendesk.com/hc/en-us/articles/202483630-Press-room" }, + { + "title": "Keybase", + "hex": "33A0FF", + "source": "https://github.com/keybase/client/tree/master/media/logos" + }, { "title": "Kickstarter", "hex": "2BDE73", @@ -725,6 +760,11 @@ "hex": "F8C300", "source": "https://help.launchpad.net/logo/submissions" }, + { + "title": "Letterboxd", + "hex": "00D735", + "source": "https://letterboxd.com/about/logos/" + }, { "title": "Line", "hex": "00C300", @@ -905,6 +945,11 @@ "hex": "E50914", "source": "https://commons.wikimedia.org/wiki/File:Netflix_2014_logo.svg" }, + { + "title": "NGINX", + "hex": "269539", + "source": "https://www.nginx.com/" + }, { "title": "Nintendo", "hex": "8F8F8F", @@ -920,6 +965,11 @@ "hex": "339933", "source": "https://nodejs.org/en/about/resources/" }, + { + "title": "NPM", + "hex": "CB3837", + "source": "https://github.com/npm/logos" + }, { "title": "Nucleo", "hex": "766DCC", @@ -965,6 +1015,11 @@ "hex": "212121", "source": "https://pagekit.com/logo-guide" }, + { + "title": "Pandora", + "hex": "005483", + "source": "http://blog.pandora.com/us/the-color-of-music-unveiling-a-new-pandora-look-that-reflects-your-music-experience/" + }, { "title": "Patreon", "hex": "E6461A", @@ -1020,6 +1075,11 @@ "hex": "E5A00D", "source": "http://brand.plex.tv/d/qxmJ3odkK0fj/plex-style-guide" }, + { + "title": "Pluralsight", + "hex": "F15B2A", + "source": "https://www.pluralsight.com/newsroom/brand-assets" + }, { "title": "Plurk", "hex": "E9443D", @@ -1095,6 +1155,11 @@ "hex": "FF4500", "source": "https://worldvectorlogo.com/logo/reddit-2" }, + { + "title": "Redux", + "hex": "764ABC", + "source": "https://github.com/reactjs/redux/tree/master/logo" + }, { "title": "ReverbNation", "hex": "E43526", @@ -1120,6 +1185,11 @@ "hex": "2DC9D7", "source": "https://runkeeper.com/partnerships" }, + { + "title": "Salesforce", + "hex": "00A1E0", + "source": "https://www.salesforce.com/" + }, { "title": "Sass", "hex": "CC6699", @@ -1165,6 +1235,11 @@ "hex": "7AB55C", "source": "https://press.shopify.com/brand" }, + { + "title": "Signal", + "hex": "2592E9", + "source": "https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms" + }, { "title": "Simple Icons", "hex": "111111", @@ -1200,6 +1275,11 @@ "hex": "026664", "source": "https://commons.wikimedia.org/wiki/File:Slashdot_wordmark_and_logo.svg" }, + { + "title": "SlickPic", + "hex": "FF880F", + "source": "https://www.slickpic.com/" + }, { "title": "Slides", "hex": "E4637C", @@ -1215,6 +1295,11 @@ "hex": "FFFC00", "source": "https://www.snapchat.com/brand-guidelines" }, + { + "title": "Sogou", + "hex": "FB6022", + "source": "https://www.sogou.com/" + }, { "title": "Songkick", "hex": "F80046", @@ -1225,6 +1310,11 @@ "hex": "FF3300", "source": "https://soundcloud.com/press" }, + { + "title": "SourceForge", + "hex": "535353", + "source": "https://sourceforge.net/" + }, { "title": "SparkPost", "hex": "FA6423", @@ -1290,6 +1380,11 @@ "hex": "3A98D9", "source": "https://storify.com" }, + { + "title": "Strava", + "hex": "FC4C02", + "source": "https://itunes.apple.com/us/app/strava-running-and-cycling-gps/id426826309" + }, { "title": "Stripe", "hex": "008CDD", @@ -1310,6 +1405,11 @@ "hex": "231F20", "source": "http://about.stylesha.re/en/press/presskit/" }, + { + "title": "Sublime Text", + "hex": "272822", + "source": "https://en.wikipedia.org/wiki/File:Sublime_Text_Logo.png" + }, { "title": "Subversion", "hex": "809CC9", @@ -1495,6 +1595,11 @@ "hex": "142787", "source": "https://commons.wikimedia.org/wiki/File:Visa_2014_logo_detail.svg" }, + { + "title": "Visual Studio Code", + "hex": "0271BC", + "source": "https://commons.wikimedia.org/wiki/File:Visual_Studio_2013_Logo.svg" + }, { "title": "VK", "hex": "6383A8", @@ -1510,6 +1615,11 @@ "hex": "4FC08D", "source": "https://github.com/vuejs/art" }, + { + "title": "WebStorm", + "hex": "00CDD7", + "source": "https://www.jetbrains.com/company/brand/#section=images-logos" + }, { "title": "WeChat", "hex": "7BB32E", @@ -1595,6 +1705,11 @@ "hex": "0072C6", "source": "https://developer.yammer.com/docs/branding-guide" }, + { + "title": "Yandex", + "hex": "FF0000", + "source": "https://yandex.com/company/general_info/logotype_rules" + }, { "title": "Yelp", "hex": "C41200", diff --git a/icons/aim.svg b/icons/aim.svg new file mode 100644 index 00000000..afd1c3e7 --- /dev/null +++ b/icons/aim.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/angellist.svg b/icons/angellist.svg new file mode 100644 index 00000000..423eb48a --- /dev/null +++ b/icons/angellist.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/atom.svg b/icons/atom.svg new file mode 100644 index 00000000..37b388e8 --- /dev/null +++ b/icons/atom.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/gerrit.svg b/icons/gerrit.svg new file mode 100644 index 00000000..c88713e2 --- /dev/null +++ b/icons/gerrit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/github.svg b/icons/github.svg index 59d57b90..2f8bcf58 100644 --- a/icons/github.svg +++ b/icons/github.svg @@ -1 +1 @@ - \ No newline at end of file +GitHub icon diff --git a/icons/googlekeep.svg b/icons/googlekeep.svg new file mode 100644 index 00000000..6b00f15d --- /dev/null +++ b/icons/googlekeep.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/graphcool.svg b/icons/graphcool.svg new file mode 100644 index 00000000..3580575c --- /dev/null +++ b/icons/graphcool.svg @@ -0,0 +1 @@ + diff --git a/icons/keybase.svg b/icons/keybase.svg new file mode 100644 index 00000000..1398e591 --- /dev/null +++ b/icons/keybase.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/letterboxd.svg b/icons/letterboxd.svg new file mode 100644 index 00000000..88dc12f6 --- /dev/null +++ b/icons/letterboxd.svg @@ -0,0 +1 @@ +Letterboxd icon diff --git a/icons/nginx.svg b/icons/nginx.svg new file mode 100644 index 00000000..093bfdf2 --- /dev/null +++ b/icons/nginx.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/npm.svg b/icons/npm.svg new file mode 100644 index 00000000..f618c9aa --- /dev/null +++ b/icons/npm.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/pandora.svg b/icons/pandora.svg new file mode 100644 index 00000000..d47321e4 --- /dev/null +++ b/icons/pandora.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/pluralsight.svg b/icons/pluralsight.svg new file mode 100644 index 00000000..222d5743 --- /dev/null +++ b/icons/pluralsight.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/redux.svg b/icons/redux.svg new file mode 100644 index 00000000..1ea1c02c --- /dev/null +++ b/icons/redux.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/salesforce.svg b/icons/salesforce.svg new file mode 100644 index 00000000..ebad6057 --- /dev/null +++ b/icons/salesforce.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/signal.svg b/icons/signal.svg new file mode 100644 index 00000000..c381c79c --- /dev/null +++ b/icons/signal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/slickpic.svg b/icons/slickpic.svg new file mode 100644 index 00000000..d8cf9360 --- /dev/null +++ b/icons/slickpic.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/sogou.svg b/icons/sogou.svg new file mode 100644 index 00000000..6c641d2b --- /dev/null +++ b/icons/sogou.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/sourceforge.svg b/icons/sourceforge.svg new file mode 100644 index 00000000..abc08941 --- /dev/null +++ b/icons/sourceforge.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/strava.svg b/icons/strava.svg new file mode 100644 index 00000000..4a53ba69 --- /dev/null +++ b/icons/strava.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/sublimetext.svg b/icons/sublimetext.svg new file mode 100644 index 00000000..d5f8e58f --- /dev/null +++ b/icons/sublimetext.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/visualstudiocode.svg b/icons/visualstudiocode.svg new file mode 100644 index 00000000..145e95ca --- /dev/null +++ b/icons/visualstudiocode.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/webstorm.svg b/icons/webstorm.svg new file mode 100644 index 00000000..be540326 --- /dev/null +++ b/icons/webstorm.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/yandex.svg b/icons/yandex.svg new file mode 100644 index 00000000..18639590 --- /dev/null +++ b/icons/yandex.svg @@ -0,0 +1 @@ + \ No newline at end of file