<!-- in your header -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css">
<!-- in your body -->
<i class="devicon-devicon-plain"></i>
npm install --save devicon
yarn add devicon
<link rel="stylesheet" href="devicon.min.css">
<!-- for devicon plain version -->
<i class="devicon-devicon-plain"></i>
<!-- for devicon plain version with wordmark -->
<i class="devicon-devicon-plain-wordmark"></i>
<!-- for devicon plain version colored with devicon main color -->
<i class="devicon-devicon-plain colored"></i>
<!-- for devicon plain version with wordmark colored with devicon main color -->
<i class="devicon-devicon-plain-wordmark colored"></i>
<!-- for devicon plain version -->
<svg id="Devicon" class='devicon-devicon-plain' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path id="plain" fill="#60be86" d="M64,7.83H4.77L14.95,95.13l49,25,.06,0,49.07-25L123.23,7.83Zm42.77,54.86c0,.88,0,1.67-.77,2L73.25,80.44l-2.42,1.13-.27-3.15V72.23l.24-1.57,1.09-.47L95.07,59.81l-21.54-9.6L64.35,68.34,58.9,78.87l-1.22,2.27-2.05-.9L22,64.71a2.42,2.42,0,0,1-1.45-2V56.91a2.39,2.39,0,0,1,1.42-2l34-15.73,3.21-1.44v9.66l.24,1.34-1.56.7L34.45,59.79,56.3,69.42l8.05-16,6.21-12.65,1.13-2.28,1.81.91L106,54.89c.73.35.76,1.14.76,2Z"/></svg>
Add the following CSS rules in your stylesheet:
.devicon-devicon-plain {
max-width: 2em;
}
/* if you want to change the original color */
.devicon-devicon-plain path {
fill: #4691f6;
}
<img src='https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/devicon/devicon-original.svg' />
<a href=https://gitpod.io/#https://github.com/devicons/devicon/tree/develop><img src=https://gitpod.io/button/open-in-gitpod.svg alt="Open in Gitpod">
Note
In case some of the commands are not properly ran, you can
follow the steps below and run the same commands on Gitpod.io
git clone https://github.com/<your-github-username>/devicon.git
Note
In case you don't have Git installed, check the official guide to install Git on your operating system.
npm install
Note
In case you don't have NPM installed, check this <a href=https://kinsta.com/blog/how-to-install-node-js/>ultimate guide on installing Node.js and NPM. These tools are required in order to build Devicon properly.
Note
Make sure your Python install includes pip
python -m pip install -r ./.github/scripts/requirements.txt
npm run build-icons
The process might take a while, depending on your operating system's speed and the amount of icons.
npm run build-css
npm run dev # Will run on port 8000
python -m http.server <port>
