diff --git a/.github/workflows/npm_publish.yml b/.github/workflows/npm_publish.yml
new file mode 100644
index 00000000..dfcadfdb
--- /dev/null
+++ b/.github/workflows/npm_publish.yml
@@ -0,0 +1,21 @@
+on:
+ release:
+ types: [released]
+jobs:
+ publish:
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v2
+ with:
+ # "ref" specifies the branch to check out.
+ # "github.event.release.target_commitish" is a global variable and specifies the branch the release targeted
+ ref: ${{ github.event.release.target_commitish }}
+ - name: Use Node.js 12
+ uses: actions/setup-node@v1
+ with:
+ node-version: 12
+ registry-url: https://registry.npmjs.org/ # Specifies the registry, this field is required!
+ - run: npm ci
+ - run: npm publish
+ env:
+ NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTOMATION_TOKEN }}
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index f560885d..35679750 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -81,6 +81,7 @@ First of all, thanks for taking the time to contribute! This project can only gr
Each .svg file contains one version of an icon in a 0 0 128 128 viewbox. You can use a service like resize-image for scaling the svg.
The svg element does not need the height and width attributes. However, if you do use it, ensure their values are either "128" or "128px". Ex: height="128"
Each .svg must use the fill attribute instead of using classes for colors. See here for more details.
+
The naming convention for the svg file is the following: (Icon name)-(original|plain|line)(-wordmark?).
@@ -259,4 +260,5 @@ As an example, let's assume you have created the svgs for Redhat and Amazon Web
Ensure code quality is up to standard
Upload svgs to icomoon.io and take a screenshot to check that it looks good.
Comment on the PR so maintainers don't have to manually upload icon result.
-Devicon aims to gather all logos representing development languages and tools.
-Each icon comes in several versions: font/svg, original/plain/line, colored/not colored, wordmark/no wordmark.
+```html
+
+
-Devicon has 80+ icons and 200+ versions. And it's growing!
+
+
+```
-See all available icons on the [new website](https://devicons.github.io/devicon/).
+
+
-## Icon requests
-When you want to request a icon please feel feel to create a issue. See our [contribution guidelines](https://github.com/konpa/devicon/blob/master/CONTRIBUTING.md) for more information.
+
About the project
+
+ Devicon aims to gather all logos representing development languages and tools.
+ Each icon comes in several versions: font/svg, original/plain/line, colored/not colored, wordmark/no wordmark.
+ Devicon has 150+ icons. And it's growing!
+
+
+ See the devicon.json or our website for complete and up to date reference of
+ all available icons.
+
+
+ All product names, logos, and brands are property of their respective owners. All company, product and service
+ names used in this website are for identification purposes only. Use of these names, logos, and brands does not
+ imply endorsement.
+
-## How to use
-For a super fast setup go check [https://devicons.github.io/devicon/](https://devicons.github.io/devicon/)
+
+ You can install devicon as a dependency to your project either with npm or yarn:
+
-#### SVG icons
+```bash
+npm install --save devicon
+yarn add devicon
+```
-- Copy/paste svg code (from the [svg folder](https://github.com/devicons/devicon/tree/master/icons) or the [project page](https://github.com/devicons/devicon) using your dev tool)
+
+ If you don't want to use a package manager you can also download
+ and include devicon.min.css next to the font files to your project.
+ See devicon.dev for details about how to add devicon to your project via
+ a CDN.
+
+
+ After setting up you just have to include the stylesheet in your header
+ to get started:
+
+
+```html
+
+```
+
+
Start using icons with <i>-tag
+
+```html
+
+
+
+
+
+
+
+
+
+
+
+```
+
+
+ An alternate way to use devicon is by copy/paste the raw svg code
+ to your project.
+
```html
@@ -29,7 +132,7 @@ _2 ways of using devicon:_
```
-- Add css rules in your stylesheet
+Add css rules in your stylesheet
```css
.devicon-git-plain {
max-width: 2em;
@@ -41,71 +144,48 @@ _2 ways of using devicon:_
}
```
-#### Icons font
+
Requesting icon
+
+ When you want to request a icon please feel feel to create a issue. See our contribution guidelines for more information.
+
-- Upload devicon.min.css and font files to your project
-- Note: the `devicon.css` file is not the same as the `devicon.min.css`. It doesn't contain any colors or aliases.
+
Contributing
+
+ We are happy for every contribution. Please have a look at our contribution guidelines
+ to see how you can contribute to this project.
+
-```html
-
-```
+
Go build yourself
+
+ Feel free to follow those steps when you want to build the font
+ by yourself.
+
+
Prerequisites
+
Install gulp (and gulp plugins)
-- Add icon using `` tag
-
-```html
-
-
-
-
-
-
-
-
-
-
-
-```
-
-##### NPM and Bower packages
-
-You can install devicon as a dependency to your project either with NPM or Bower
-
-```
- // NPM
- npm install --save devicon
-
- // Bower
- bower install --save devicon
-```
-
-Final font is build with [Icomoon app](https://icomoon.io/)
-
-##### See the [devicon.json file](https://github.com/devicons/devicon/blob/master/devicon.json) or [devicon website](https://devicons.github.io/devicon/) for complete and up to date reference of icon's available versions.
-
-## Contribute
-
-Please have a look at the [CONTRIBUTING.md](https://github.com/devicons/devicon/blob/master/CONTRIBUTING.md) file
-
-Under [MIT Licence](https://github.com/devicons/devicon/blob/master/LICENSE)
-
-All product names, logos, and brands are property of their respective owners. All company, product and service names used in this website are for identification purposes only. Use of these names, logos, and brands does not imply endorsement.
-
-## Go build yourself
-### Prerequisites
-Install gulp (and gulp plugins)
```bash
npm install
```
-### Build the font and export stylesheet
-Open [icomoon app](https://icomoon.io/app/#/select) and import [icomoon.json](icomoon.json). Choose _yes_ when beeing asked
+
+
Build the font and export stylesheet
+Open icomoon.io and import icomoon.json. Choose yes when beeing asked
if you like to restore the settings stored in the configuration file.
-The next step is to click on **Generate font** and download the resulting archive. Extract it
-contents and you will find a [fonts](./fonts) directory next to a `style.css`. Replace the content of the `fonts` folder,
-rename the `style.css` to [devicon.css](./devicon.css) and follow the next step to build the final stylesheet.
+The next step is to click on Generate font and download the resulting archive. Extract it
+contents and you will find a fonts directory next to a style.css. Replace the content of the fonts folder,
+rename the style.css to devicon.css and follow the next step to build the final stylesheet.
+
+
Build and minify stylesheet
+
+ Run the following command to build the resulting file devicon.min.css
+
-### Build and minify stylesheet
-Run the following command to build the resulting file `devicon.min.css`
```bash
npm run build-css
```
+
+
+
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+
+ 
+ 
+