devicon
v2.16.0
Published
Programming related icons collection
Downloads
14,719
Readme
<!-- 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'>
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 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
# Linux/Unix
npm run build-icons
# Windows
python3 ./.github/scripts/icomoon_build_githubless.py ./.github/scripts/build_assets/geckodriver-v0.32.2-win64/geckodriver.exe ./icomoon.json ./devicon.json ./icons ./ --headless
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
python3 -m http.server <port>