From 06420ce54c2aa92fbf57011b45a0c2899ec759a8 Mon Sep 17 00:00:00 2001 From: amacado Date: Sun, 21 Feb 2021 01:21:06 +0100 Subject: [PATCH 1/5] update readme for a fresher look --- README.md | 207 +++++++++++++++++++++++++++++++++++------------------- 1 file changed, 135 insertions(+), 72 deletions(-) diff --git a/README.md b/README.md index e81010106..90edcd135 100644 --- a/README.md +++ b/README.md @@ -1,26 +1,118 @@ -# Devicon v2 +

+ GitHub release (latest by semver) + GitHub + GitHub contributors + GitHub branch checks state + GitHub issues by-label + GitHub Repo stars +

+
+
+ + Devicon Logo + +
+ devicon aims to gather all logos representing development languages and tools. +
+

+ Demo + · + Request Icon + · + Contribute +

+
+ +

TL;TR;

-[https://devicons.github.io/devicon/](https://devicons.github.io/devicon/) +```html + + -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 80+ icons and 200+ versions. And it's growing! +

Table of Contents

+
    +
  1. About the project
    2. +
  2. Getting started
    3. +
  3. Requesting icon
    4. +
  4. Contributing
    5. +
  5. Go build yourself
    6. +
  6. Contributing
    7. +
+ +

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. + + + +

Getting started

+

+ For a super fast setup go check devicon.dev.
+ You can either use the raw svg icons or our devicon font (which is + also available via CDN). +

+ +

Use the devicon font (recommended)

+

+ You can install devicon as a dependency to your project either with NPM or Bower: +

-See all available icons on the [new website](https://devicons.github.io/devicon/). +```bash +npm install --save devicon +bower install --save 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. +

+ 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: +

-## How to use +```html + +``` + +

Start using icons with <i>-tag

+ +```html + + -For a super fast setup go check [https://devicons.github.io/devicon/](https://devicons.github.io/devicon/) + + -_2 ways of using devicon:_ + + -#### SVG icons + + +``` -- 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) +

+ An alternate way to use devicon is by copy/paste the raw svg code + to your project. +

+

Copy/paste svg code (from the svg folder or the project page

```html @@ -29,7 +121,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 +133,42 @@ _2 ways of using devicon:_ } ``` -#### Icons font - -- 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. - -```html - -``` - -- Add icon using `` tag - -```html - - +

Requesting icon

+

+ When you want to request a icon please feel feel to create a issue. See our contribution guidelines for more information. +

+ +

Contributing

+

+ We are happy for every contribution. Please have a look at our contribution guidelines + to see how you can contribute to this project. +

+ +

Go build yourself

+

+ Feel free to follow those steps when you want to build the font + by yourself. +

+
Prerequisites
+

Install gulp (and gulp plugins)

- - - - - - - - -``` - -##### 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 ``` From a6eddbd4d9dc1a3cd71c2b369b7d09bc66123a54 Mon Sep 17 00:00:00 2001 From: amacado Date: Sun, 21 Feb 2021 01:26:54 +0100 Subject: [PATCH 2/5] add target="blank" and links to badges --- README.md | 31 +++++++++++++++++++++---------- 1 file changed, 21 insertions(+), 10 deletions(-) diff --git a/README.md b/README.md index 90edcd135..22ead8ef2 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,22 @@

- GitHub release (latest by semver) - GitHub - GitHub contributors - GitHub branch checks state - GitHub issues by-label - GitHub Repo stars + + GitHub release (latest by semver) + + + GitHub + + + GitHub contributors + + + GitHub branch checks state + + + GitHub issues by-label + + + GitHub Repo stars +


@@ -15,9 +27,9 @@ devicon aims to gather all logos representing development languages and tools.

- Demo + Demo · - Request Icon + Request Icon · Contribute

@@ -34,13 +46,12 @@ ```

Table of Contents

-
    +
    1. About the project
    2. Getting started
    3. Requesting icon
    4. Contributing
    5. Go build yourself
      6. -
    6. Contributing

    About the project

    From a0b0080133acf6115d34f6e919436da35e647d66 Mon Sep 17 00:00:00 2001 From: amacado Date: Sun, 21 Feb 2021 01:31:46 +0100 Subject: [PATCH 3/5] add more badges --- README.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/README.md b/README.md index 22ead8ef2..11b776ae2 100644 --- a/README.md +++ b/README.md @@ -183,3 +183,9 @@ rename the style.css to devicon.css and ```bash npm run build-css ``` + +
    +
    + + +
    From d86e7a4ebb038904db661db9b8acde70d77f68e4 Mon Sep 17 00:00:00 2001 From: amacado Date: Sun, 21 Feb 2021 03:26:46 +0100 Subject: [PATCH 4/5] replace depreceated bower with yarn --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 11b776ae2..8c06f854b 100644 --- a/README.md +++ b/README.md @@ -80,12 +80,12 @@

    Use the devicon font (recommended)

    - You can install devicon as a dependency to your project either with NPM or Bower: + You can install devicon as a dependency to your project either with npm or yarn:

    ```bash npm install --save devicon -bower install --save devicon +yarn add devicon ```

    From 2800ff1ac571ccf948c862ee59a6a6eccc59f11f Mon Sep 17 00:00:00 2001 From: Clemens Bastian <8781699+amacado@users.noreply.github.com> Date: Sun, 21 Feb 2021 22:37:01 +0100 Subject: [PATCH 5/5] fix typo in headline --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 8c06f854b..f9eaf40e8 100644 --- a/README.md +++ b/README.md @@ -35,7 +35,7 @@

-

TL;TR;

+

TL;DR;

```html