Free SVG icons for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be made on GitHub. Started by Dan Leech.
## Usage
+### General Usage
+
Icons can be downloaded as SVGs directly from [our website](https://simpleicons.org/) - simply click the icon you want, and the download should start automatically.
### Node Usage
From edb27466e06d49cf85d8f7be96806838de996768 Mon Sep 17 00:00:00 2001
From: David Klebanoff
Date: Mon, 16 Oct 2017 16:50:25 -0700
Subject: [PATCH 31/42] Reworked Contributing Guidelines (#640)
A big overhaul to the contribution guidelines. This should be a lot easier for new contributors to follow. Issue #630, #472, and #582.
---
CONTRIBUTING.md | 185 ++++++++++++++++++++++++++++++++++++------------
1 file changed, 140 insertions(+), 45 deletions(-)
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 50a393814..f1a5605ae 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -1,62 +1,157 @@
-# Contributing
+# Contributing To Simple Icons
-This repository welcomes contributions and corrections. Before submitting a pull request, ensure that you respect these guidelines for SVGs:
+Simple Icons welcomes contributions and corrections. Before contributing, please make sure you have read the guidelines below.
- - 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. The `` must have an ID of the format `simpleicon--title` - for example, `GitHub icon`.
- - Add `aria-labelledby="simpleicon--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 the icon is scaled to fit the viewbox, while preserving the icon's original proportions. This means the icon should be touching _at least_ two sides of the viewbox.
- - Ensure the icon is horizontally and vertically centered.
- - 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. **Do not go below a precision of 3**.
+## Table of contents
-## JSON data for simpleicons.org
+* [Requesting An Icon](#requesting-an-icon)
+* [Adding or Updating An Icon](#adding-or-updating-an-icon)
+* [Labeling Issues](#labeling-issues)
+* [Building Locally](#building-locally)
-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:
+## Requesting An Icon
- - 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.
+We welcome icon requests. However, before you submit a new issue please make sure the icon:
-Here is the object for the GitHub logo as an example:
+* Is of a _popular_ brand.
+* Has not already been requested.
+* Can be represented in a monochromatic format.
+
+When submitting a request for a new or updated icon, please submit the issue with the following information:
+
+* **Issue Title:** Include the brand name. For example:
+ * New Icons: `Request: GitHub Icon`
+ * Icon Updates: `Update: GitHub Color` or `Update: GitHub Icon`
+
+* **Issue Body:** Include links to official sources for the brand's icon and official colors (e.g. media kits, brand guidelines, SVG files etc.)
+
+## Adding or Updating An Icon
+
+### 1. Identify Official Logos and Colors
+
+Most of the icons and brand colors on SimpleIcons have been derived from official sources. Using official sources helps ensure that the icons and colors in SimpleIcons accurately match the brand they represent. Thankfully, this is usually a simple process as organizations often provide brand guides and high quality versions of their logo for download.
+
+Official high quality brand logos and brand colors can usually be found in the following locations:
+
+1. About pages, Press pages, Media Kits, and Brand Guidelines.
+1. Website headers
+1. Favicons
+1. Wikimedia (which should provide a source)
+
+Working with an SVG version of the logo is best. In the absence of an SVG version, other vector filetypes may work as well such as EPS. In the absence of vector logos, a vector can be created from a high quality rasterized image, however this is much more labor intensive.
+
+For color, the brand's primary color should be used. The official color of a brand is usually found in their brand guidelines, media kits, or some of the other locations mentioned above. If no official color can be identified, provide the brand's primary web color or the most prominent color in the logo itself (please indicate why you choose the particular color in your pull request). Simple Icons stores brand colors in the standard 6 character hexadecimal format.
+
+### 2. Extract The Icon From The Logo
+
+There are many different tools for editing SVG files, some options include:
+
+| Name | Description | Platform | Price |
+| :---- | :---- | :----: | :----: |
+| [Inkscape](https://inkscape.org/en/)| Vector Graphics Editor | Windows, Mac, Linux | Free |
+| [Adobe Illustrator](https://www.adobe.com/products/illustrator.html) | Vector Graphics Editor | Windows, Mac | $ - $$$ |
+| [IcoMoon](https://icomoon.io/) | Icon Editing/Management Tool | Online | Free |
+
+Using your preferred tool you should:
+
+1. Isolate the icon from any text or extraneous items.
+1. Change the icon's viewbox/canvas/page size to 24x24.
+1. Scaled the icon to fit the viewbox, while preserving the icon's original proportions. This means the icon should be touching at least two sides of the viewbox.
+1. Center the icon horizontally and vertically.
+1. Export the icon as an SVG.
+
+### 3. Optimize The Icon
+
+All icons in Simple Icons have been optimized with the [SVGO tool](https://github.com/svg/svgo). This can be done in one of two ways:
+
+* The [SVGO Command Line Tool](https://github.com/svg/svgo)
+ * Install SVGO
+ * With npm: `npm install -g svgo`
+ * With Homebrew: `brew install svgo`
+ * Run the following command `svgo -p 3 icon.svg icon.min.svg`
+* The [SVGOMG Online Tool](https://jakearchibald.github.io/svgomg/)
+ * Click "Open SVG" and select an SVG file.
+ * Set the precision to 3, leave the remaining settings at the default values.
+ * Click the download button.
+
+### 4. Annotate The Icon
+
+Each icon in Simple Icons has been annotated with a number of attributes and elements to increase accessibility. These include:
+
+* An svg element with:
+ * An aria label (Note the format).
+ * `aria-labelledby="simpleicons-adobephotoshop-icon"`
+ * An img role attribute.
+ * `role="img"`
+ * A 24x24 viewbox.
+ * `viewBox="0 0 24 24"`
+ * The svg namespace.
+ * `xmlns="http://www.w3.org/2000/svg"`
+* A title element with id attribute (Note the format).
+ * `Adobe Photoshop icon`
+
+Here is _part of_ the svg for the Adobe Photoshop icon as an example:
+
+```svg
+Adobe Photoshop icon...
+```
+
+### 5. Check The Icon
+
+The final icon should:
+
+* Be properly annotated [as discussed above](#4-annotate-the-icon).
+* Be monochromatic.
+ * Remove all fill colors so that icon defaults to black.
+* Be scaled to fit the viewbox, while preserving the icon's original proportions.
+ * This means the icon should be touching at least two sides of the viewbox.
+* Be vertically and horizontally centered.
+* Be minified to a single line with no formatting.
+* Contain only one single path.
+* Not contain extraneous attributes.
+ * This includes: `width`, `height`, `fill`, `stroke`, `clip`, `font`, etc.
+
+Here is the svg for the Adobe Photoshop icon as an example:
+
+```svg
+Adobe Photoshop icon
+```
+
+### 6. Update The JSON Data For SimpleIcons.org
+
+Icon metadata should be added to 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's primary color. All uppercase and without the `#` pound symbol.)
+ * The `source` URL of the logo being used. (Be specific!)
+
+Here is the object for the Adobe Photoshop icon as an example:
```json
{
- "title": "GitHub",
- "hex": "181717",
- "source": "https://github.com/logos"
+ "title": "Adobe Photoshop",
+ "hex": "00C8FF",
+ "source": "https://wwwimages2.adobe.com/etc/clientlibs/beagle/ace/source/font/aceui-fonts.svg"
},
```
-## SVG example
+## Labeling Issues
-Before minification, your SVG should look follow the template below:
+We use several labels to help organize and identify issues. Here's what they represent and how we use them:
-```svg
-
- [BRAND] icon
-
-
-```
+| Label Name | Description |
+| :---- | :---- |
+| [icon](https://github.com/simple-icons/simple-icons/labels/icon) | Issues for adding or updating an icon. |
+| [docs](https://github.com/simple-icons/simple-icons/labels/docs) | Issues for improving or updating documentation. |
+| [good first issue](https://github.com/simple-icons/simple-icons/labels/good%20first%20issue) | Issues we believe are simple and a good first stab at contributing to the project. |
+| [help wanted](https://github.com/simple-icons/simple-icons/labels/help%20wanted) | Issues we would like help from the community to resolve. |
+| [awaiting reply](https://github.com/simple-icons/simple-icons/labels/awaiting%20reply) | Issues awaiting reply from an individual (issue author or 3rd party) before it may be addressed. |
-While the parent `` element can sometimes contain other attributes, the attributes listed above are the only necessary ones. You can 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/).
+See all the issue labels [here](https://github.com/simple-icons/simple-icons/labels).
-Here is the un-minified contents of the GitHub icon, for reference:
+## Building Locally
-```svg
-
- GitHub icon
-
-
-```
-
-* * *
-
-# Building locally
-
-- Make sure you have [Ruby](https://www.ruby-lang.org/en/downloads/) installed.
-- Make sure you have [Jekyll](https://jekyllrb.com/) installed (using `$ gem install jekyll bundler`).
-- Build and run the website locally using `$ jekyll serve`.
-- Connect to the website in your browser via the "Server address" provided by the output of this command, e.g. `http://localhost:4000/`
+* Make sure you have [Ruby](https://www.ruby-lang.org/en/downloads/) installed.
+* Make sure you have [Jekyll](https://jekyllrb.com/) installed (using `$ gem install jekyll bundler`).
+* Build and run the website locally using `$ jekyll serve`.
+* Connect to the website in your browser via the "Server address" provided by the output of this command, e.g. `http://localhost:4000/`
From 0c318cd9d0cdd79aa79e1bd2ec6c0c2643801b9d Mon Sep 17 00:00:00 2001
From: David Klebanoff
Date: Mon, 16 Oct 2017 17:47:59 -0700
Subject: [PATCH 32/42] Added more vector file types as potential input.
---
CONTRIBUTING.md | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index f1a5605ae..ca2410fe5 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -38,9 +38,9 @@ Official high quality brand logos and brand colors can usually be found in the f
1. Favicons
1. Wikimedia (which should provide a source)
-Working with an SVG version of the logo is best. In the absence of an SVG version, other vector filetypes may work as well such as EPS. In the absence of vector logos, a vector can be created from a high quality rasterized image, however this is much more labor intensive.
+Working with an SVG version of the logo is best. In the absence of an SVG version, other vector filetypes may work as well (e.g. EPS, AI, PDF). In the absence of vector logos, a vector can be created from a high quality rasterized image, however this is much more labor intensive.
-For color, the brand's primary color should be used. The official color of a brand is usually found in their brand guidelines, media kits, or some of the other locations mentioned above. If no official color can be identified, provide the brand's primary web color or the most prominent color in the logo itself (please indicate why you choose the particular color in your pull request). Simple Icons stores brand colors in the standard 6 character hexadecimal format.
+For color, the brand's primary color should be used. The official color of a brand is usually found in their brand guidelines, media kits, or some of the other locations mentioned above. If no official color can be identified, use the brand's primary web color or the most prominent color in the logo itself (please indicate why you choose the particular color in your pull request). Simple Icons stores brand colors in the standard 6 character hexadecimal format.
### 2. Extract The Icon From The Logo
From d9f180dc478a5a4a3b62dcc6d3d2b3a71d810bb4 Mon Sep 17 00:00:00 2001
From: David Klebanoff
Date: Mon, 16 Oct 2017 22:25:30 -0700
Subject: [PATCH 33/42] Created an issue template. Issue #641.
---
ISSUE_TEMPLATE.md | 5 +++++
1 file changed, 5 insertions(+)
create mode 100644 ISSUE_TEMPLATE.md
diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md
new file mode 100644
index 000000000..0aba7aab4
--- /dev/null
+++ b/ISSUE_TEMPLATE.md
@@ -0,0 +1,5 @@
+Before opening a new issue, please search for duplicate or closed issues.
+
+When requesting a new or updated icon, please include:
+* The requested icon’s brand name in the title. Example: Request: GitHub Icon
+* Links to official sources for the brand's icon and official colors (e.g. media kits, brand guidelines, SVG files etc.)
From 69c01c691c82da61963f32ee9893a475ccadda9d Mon Sep 17 00:00:00 2001
From: David Klebanoff
Date: Mon, 16 Oct 2017 22:58:03 -0700
Subject: [PATCH 34/42] Update Blogger Color. #643
---
_data/simple-icons.json | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/_data/simple-icons.json b/_data/simple-icons.json
index 0c2ecf302..43cf24cbd 100644
--- a/_data/simple-icons.json
+++ b/_data/simple-icons.json
@@ -192,7 +192,7 @@
},
{
"title": "Blogger",
- "hex": "F38936",
+ "hex": "FF5722",
"source": "https://www.blogger.com"
},
{
From 5c4d7c8a9aaf630a370eb64ea3345ed1b59d1120 Mon Sep 17 00:00:00 2001
From: David Klebanoff
Date: Mon, 16 Oct 2017 22:59:12 -0700
Subject: [PATCH 35/42] Update Bitbucket Color. #642
---
_data/simple-icons.json | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/_data/simple-icons.json b/_data/simple-icons.json
index 43cf24cbd..a620fa3f4 100644
--- a/_data/simple-icons.json
+++ b/_data/simple-icons.json
@@ -177,8 +177,8 @@
},
{
"title": "Bitbucket",
- "hex": "205081",
- "source": "https://bitbucket.org"
+ "hex": "0052CC",
+ "source": "https://www.atlassian.com/company/news/press-kit"
},
{
"title": "Bitcoin",
From 498ccac925e6cb1dc1cf906dfbdaf43cdab0d729 Mon Sep 17 00:00:00 2001
From: David Klebanoff
Date: Mon, 16 Oct 2017 23:39:22 -0700
Subject: [PATCH 36/42] Added step about removing all colors.
---
CONTRIBUTING.md | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index ca2410fe5..5e4f213bd 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -56,8 +56,9 @@ Using your preferred tool you should:
1. Isolate the icon from any text or extraneous items.
1. Change the icon's viewbox/canvas/page size to 24x24.
-1. Scaled the icon to fit the viewbox, while preserving the icon's original proportions. This means the icon should be touching at least two sides of the viewbox.
+1. Scale the icon to fit the viewbox, while preserving the icon's original proportions. This means the icon should be touching at least two sides of the viewbox.
1. Center the icon horizontally and vertically.
+1. Remove all colors. The icon should be monochromatic.
1. Export the icon as an SVG.
### 3. Optimize The Icon
From f3655f6d9c81ef0b27d348e37690303fed600f3d Mon Sep 17 00:00:00 2001
From: Eric Cornelissen
Date: Tue, 17 Oct 2017 13:31:07 +0200
Subject: [PATCH 37/42] Swarm SVG reduce and color change
- Reduced the SVG of "swarm" to a single element.
- Change the "swarm" color to a primary web color.
---
_data/simple-icons.json | 2 +-
icons/swarm.svg | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/_data/simple-icons.json b/_data/simple-icons.json
index a620fa3f4..542c06507 100644
--- a/_data/simple-icons.json
+++ b/_data/simple-icons.json
@@ -1567,7 +1567,7 @@
},
{
"title": "Swarm",
- "hex": "FBB631",
+ "hex": "FFA633",
"source": "https://foursquare.com/about/logos"
},
{
diff --git a/icons/swarm.svg b/icons/swarm.svg
index 025fddd87..4adf31bbc 100644
--- a/icons/swarm.svg
+++ b/icons/swarm.svg
@@ -1 +1 @@
-Swarm icon
\ No newline at end of file
+Swarm icon
\ No newline at end of file
From 98de7db0a44c6883fc6ed0c2510b99dba5e87639 Mon Sep 17 00:00:00 2001
From: Eric Cornelissen
Date: Tue, 17 Oct 2017 14:13:44 +0200
Subject: [PATCH 38/42] Fix: ComproPago, Node.JS, Garmin
Update the SVGs of ComproPago and Node.JS Garmin to be properly sized
and padded.
Also changed the color for the Garmin logo based on the logo in the
header of their landing page: https://www.garmin.com/en-US
---
_data/simple-icons.json | 2 +-
icons/compropago.svg | 2 +-
icons/garmin.svg | 2 +-
icons/nodejs.svg | 2 +-
4 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/_data/simple-icons.json b/_data/simple-icons.json
index a620fa3f4..46300fe39 100644
--- a/_data/simple-icons.json
+++ b/_data/simple-icons.json
@@ -487,7 +487,7 @@
},
{
"title": "Garmin",
- "hex": "007CC3",
+ "hex": "007DC3",
"source": "https://developer.garmin.com/resources/brand-guidelines/"
},
{
diff --git a/icons/compropago.svg b/icons/compropago.svg
index 5e3ec8253..9e764029a 100644
--- a/icons/compropago.svg
+++ b/icons/compropago.svg
@@ -1 +1 @@
-ComproPago icon
\ No newline at end of file
+ComproPago icon
\ No newline at end of file
diff --git a/icons/garmin.svg b/icons/garmin.svg
index 1e1f80e89..000bc0c3f 100644
--- a/icons/garmin.svg
+++ b/icons/garmin.svg
@@ -1 +1 @@
-Garmin icon
+Garmin icon
\ No newline at end of file
diff --git a/icons/nodejs.svg b/icons/nodejs.svg
index 303cc1fb8..efa57c8d2 100644
--- a/icons/nodejs.svg
+++ b/icons/nodejs.svg
@@ -1 +1 @@
-
\ No newline at end of file
+Node.JS icon
\ No newline at end of file
From 8ec984ebb01c7ca54039ffbe810e1dbb902447eb Mon Sep 17 00:00:00 2001
From: Steven
Date: Tue, 17 Oct 2017 13:35:02 -0400
Subject: [PATCH 39/42] Add CDN Usage for JSDelivr and Unpkg
---
README.md | 9 +++++++++
1 file changed, 9 insertions(+)
diff --git a/README.md b/README.md
index c712c11f5..38d42160c 100644
--- a/README.md
+++ b/README.md
@@ -13,6 +13,15 @@ Free SVG icons for popular brands. See them all on one page at
+
+```
+
### Node Usage
The icons are also available through our npm package. To install, simply run:
From 47d5f64f08a2240f13a1ac980b53754a6ad07835 Mon Sep 17 00:00:00 2001
From: Eric Cornelissen
Date: Tue, 17 Oct 2017 21:15:07 +0200
Subject: [PATCH 40/42] Small usability improvement for users with JavaScript
disabled
---
index.html | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 25880af1c..832841d12 100644
--- a/index.html
+++ b/index.html
@@ -488,7 +488,7 @@
×
-
+
@@ -542,6 +542,10 @@
$searchClose = $search.querySelector('.search__close'),
$searchInput = $search.querySelector('input');
+ // Remove the "disabled" attribute from the search input
+ $searchInput.setAttribute('title', 'Search Simple Icons');
+ $searchInput.removeAttribute('disabled');
+
// include a modified debounce underscorejs helper function.
// see
// - http://underscorejs.org/docs/underscore.html#section-83
From 47c74a1f0a0b588279c3076e8b0bf449b8443f73 Mon Sep 17 00:00:00 2001
From: Eric Cornelissen
Date: Tue, 17 Oct 2017 22:44:38 +0200
Subject: [PATCH 41/42] Make docs more "casual" (#644)
---
CONTRIBUTING.md | 14 +++++---------
ISSUE_TEMPLATE.md | 8 ++++----
2 files changed, 9 insertions(+), 13 deletions(-)
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 5e4f213bd..a82da9410 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -11,19 +11,18 @@ Simple Icons welcomes contributions and corrections. Before contributing, please
## Requesting An Icon
-We welcome icon requests. However, before you submit a new issue please make sure the icon:
+We welcome icon requests. Before you submit a new issue please make sure the icon:
* Is of a _popular_ brand.
* Has not already been requested.
-* Can be represented in a monochromatic format.
-When submitting a request for a new or updated icon, please submit the issue with the following information:
+When submitting a request for a new or updated icon include helpful information such as:
-* **Issue Title:** Include the brand name. For example:
+* **Issue Title:** The brand name. For example:
* New Icons: `Request: GitHub Icon`
* Icon Updates: `Update: GitHub Color` or `Update: GitHub Icon`
-* **Issue Body:** Include links to official sources for the brand's icon and official colors (e.g. media kits, brand guidelines, SVG files etc.)
+* **Issue Body:** Links to official sources for the brand's icon and colors (e.g. media kits, brand guidelines, SVG files etc.)
## Adding or Updating An Icon
@@ -108,7 +107,6 @@ The final icon should:
* This means the icon should be touching at least two sides of the viewbox.
* Be vertically and horizontally centered.
* Be minified to a single line with no formatting.
-* Contain only one single path.
* Not contain extraneous attributes.
* This includes: `width`, `height`, `fill`, `stroke`, `clip`, `font`, etc.
@@ -138,7 +136,7 @@ Here is the object for the Adobe Photoshop icon as an example:
## Labeling Issues
-We use several labels to help organize and identify issues. Here's what they represent and how we use them:
+We use several labels to help organize and identify issues. You can find all labels [here](https://github.com/simple-icons/simple-icons/labels). Here's what they represent and how we use them:
| Label Name | Description |
| :---- | :---- |
@@ -148,8 +146,6 @@ We use several labels to help organize and identify issues. Here's what they rep
| [help wanted](https://github.com/simple-icons/simple-icons/labels/help%20wanted) | Issues we would like help from the community to resolve. |
| [awaiting reply](https://github.com/simple-icons/simple-icons/labels/awaiting%20reply) | Issues awaiting reply from an individual (issue author or 3rd party) before it may be addressed. |
-See all the issue labels [here](https://github.com/simple-icons/simple-icons/labels).
-
## Building Locally
* Make sure you have [Ruby](https://www.ruby-lang.org/en/downloads/) installed.
diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md
index 0aba7aab4..9ce4dbb5b 100644
--- a/ISSUE_TEMPLATE.md
+++ b/ISSUE_TEMPLATE.md
@@ -1,5 +1,5 @@
-Before opening a new issue, please search for duplicate or closed issues.
+Before opening a new issue search for duplicate or closed issues.
-When requesting a new or updated icon, please include:
-* The requested icon’s brand name in the title. Example: Request: GitHub Icon
-* Links to official sources for the brand's icon and official colors (e.g. media kits, brand guidelines, SVG files etc.)
+When requesting a new or updated icon include helpful information such as:
+* The requested icon’s brand name in the title.
+* Links to official sources for the brand's icon and colors (e.g. media kits, brand guidelines, SVG files etc.).
From 74c92db20a365a80b8ea98c96732d03bfa80bc76 Mon Sep 17 00:00:00 2001
From: Mudlabs_Monster
Date: Sun, 22 Oct 2017 15:42:16 +1100
Subject: [PATCH 42/42] Fixed footer content slice issue #651 by adding
'align-items: center' to .footer
---
index.html | 1 +
1 file changed, 1 insertion(+)
diff --git a/index.html b/index.html
index 25880af1c..022f6bacd 100644
--- a/index.html
+++ b/index.html
@@ -232,6 +232,7 @@
@media (min-width: 45rem) {
.footer {
display: flex;
+ align-items: center;
justify-content: space-between;
padding: 3rem;
}