Project Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Download SVG

Collection: VS Code Codicons
Format: SVG, Font (WOFF2), npm, PNG
License: CC BY 4.0 - Free for commercial use
Tags: project

The Project icon is available as a free SVG and is ready to drop into any web or app project.

img tag

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

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M4 0.999512C2.34315 0.999512 1 2.34266 1 3.99951V11.9995C1 13.6564 2.34315 14.9995 4 14.9995H12C13.6569 14.9995 15 13.6564 15 11.9995V3.99951C15 2.34266 13.6569 0.999512 12 0.999512H4ZM2 3.99951C2 2.89494 2.89543 1.99951 4 1.99951H12C13.1046 1.99951 14 2.89494 14 3.99951H2ZM2 4.99951H14V11.9995C14 13.1041 13.1046 13.9995 12 13.9995H4C2.89543 13.9995 2 13.1041 2 11.9995V4.99951Z"/></svg>