Govicons

Code Icon

Free SVG icon from the Govicons collection. Download or copy for use in any project.

Collection: Govicons
Format: Font, SVG, PNG
License: SIL OFL 1.1 - Free for commercial use
Tags: code programming developer software

The Code icon is commonly used in developer tools, documentation sites and code editors. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/304769.svg" alt="Code icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/304769.svg" alt="Code icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/304769.svg"
  alt="Code icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-code {
  background-image: url('https://proicons.com/icon/304769.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 56"><title>code</title><path d="M63.73,27.16,49.4,12.82a1.23,1.23,0,0,0-1.68,0l-3.11,3.11a1.2,1.2,0,0,0,0,1.68L55,28,44.61,38.38a1.2,1.2,0,0,0,0,1.68l3.11,3.11a1.19,1.19,0,0,0,.84.35,1.21,1.21,0,0,0,.84-.35L63.73,28.84A1.18,1.18,0,0,0,63.73,27.16Z"/><path d="M27.39,38.38,17,28,27.39,17.61a1.19,1.19,0,0,0,.35-.84,1.21,1.21,0,0,0-.35-.84l-3.11-3.11a1.18,1.18,0,0,0-.84-.34,1.2,1.2,0,0,0-.84.34L8.27,27.16a1.18,1.18,0,0,0,0,1.68L22.6,43.17a1.21,1.21,0,0,0,.84.35,1.19,1.19,0,0,0,.84-.35l3.11-3.11A1.2,1.2,0,0,0,27.39,38.38Z"/><path d="M44.15,8a1.19,1.19,0,0,0-.71-.57l-2.52-.74a1.18,1.18,0,0,0-1.47.8l-11.7,39.6a1.19,1.19,0,0,0,.81,1.48l2.52.74a1,1,0,0,0,.33,0,1.18,1.18,0,0,0,1.14-.85l11.7-39.6A1.25,1.25,0,0,0,44.15,8Z"/></svg>

Code in other icon packs

Feather Icons

Eva Icons Filled

Bootstrap Icons

Phosphor Icons

Carbon Icons

Copied!

Code Icon

More from Govicons

Code in other icon packs