Circle Icon

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

Collection

VS Code Codicons

Format

SVG, Font (WOFF2), npm, PNG

License

CC BY 4.0 - Free for commercial use

Tags

circle

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

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

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

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

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

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12ZM10.6093 8C10.6093 9.44108 9.44107 10.6093 8 10.6093C6.55893 10.6093 5.39071 9.44108 5.39071 8C5.39071 6.55893 6.55893 5.39071 8 5.39071C9.44107 5.39071 10.6093 6.55893 10.6093 8Z"/></svg>