Devicon {{ latestReleaseTagging }}

Devicon is a set of icons representing programming languages, designing, and development tools. You can use it as a font or directly copy/paste the SVG code into your project.

(Super) Quick Setup

First select an icon on the right, then select the version below and copy/paste the code into your project.

• Font versions

  Background Color

  Checkerboard

  Close Reset

  Place this in your header (once per HTML file)

  <link rel="stylesheet" type='text/css' href="{{baseUrl}}devicon.min.css" />
  
  

  Place this in your body

  <i class="devicon-{{selectedIcon.name}}-{{selectedFontIcon}} colored"></i>
  

  *To change the size, change the <i>'s `font-size`.

• SVG versions

  Background Color

  Checkerboard

  Close Reset

  • 

  Using <img> element

  <img src="{{baseUrl}}icons/{{selectedIcon.name}}/{{selectedIcon.name}}-{{selectedIcon.svg[selectedSvgIndex]}}.svg" />
  

  *To change the size, change the <img>'s `height` and `width`.

  
  

  Using Pure SVG

  <svg viewBox="0 0 128 128">
  

  {{selectedSvgIcon}}

  </svg>

  *To change the size, change the <svg>'s `height` and `width`.

GitHub repository

If you prefer a local install, you can download all the files on the GitHub repository.

Check out our ultimate guide in order to compile Devicon locally.

DOWNLOAD

GO TO THE REPOSITORY

CONTRIBUTE

DISCORD COMMUNITY

Contact

If you have any legal concerns regarding copyrights or want to report an abuse, please reach out to us via info@devicon.dev or our Discord community. Any code/logo contributions should be made through our GitHub repository listed above.