Percentage 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: percentage

The Percentage 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/307326.svg" alt="Percentage icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-percentage {
  background-image: url('https://proicons.com/icon/307326.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.5 7C3.121 7 2 5.879 2 4.5C2 3.121 3.121 2 4.5 2C5.879 2 7 3.121 7 4.5C7 5.879 5.879 7 4.5 7ZM4.5 3C3.673 3 3 3.673 3 4.5C3 5.327 3.673 6 4.5 6C5.327 6 6 5.327 6 4.5C6 3.673 5.327 3 4.5 3ZM11.5 14C10.121 14 9 12.879 9 11.5C9 10.121 10.121 9 11.5 9C12.879 9 14 10.121 14 11.5C14 12.879 12.879 14 11.5 14ZM11.5 10C10.673 10 10 10.673 10 11.5C10 12.327 10.673 13 11.5 13C12.327 13 13 12.327 13 11.5C13 10.673 12.327 10 11.5 10ZM3.854 12.854L12.854 3.854C13.049 3.659 13.049 3.342 12.854 3.147C12.659 2.952 12.342 2.952 12.147 3.147L3.146 12.146C2.951 12.341 2.951 12.658 3.146 12.853C3.244 12.951 3.372 12.999 3.5 12.999C3.628 12.999 3.756 12.95 3.854 12.853V12.854Z"/></svg>