Circles Icon

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

Download SVG

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: circles

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

React JSX

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

Vue template

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

CSS background

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

SVG markup

<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.i{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><circle id="c" class="i" cx="25.193" cy="24" r="10.5739"/><circle id="d" class="i" cx="21.3314" cy="12.1152" r="8.6129"/><circle id="e" class="i" cx="35.3028" cy="16.6548" r="8.6129"/><circle id="f" class="i" cx="35.3028" cy="31.3452" r="8.6129"/><circle id="g" class="i" cx="21.3314" cy="35.8848" r="8.6129"/><circle id="h" class="i" cx="12.6966" cy="24" r="8.6129"/></svg>

Circles in other icon packs

Tabler Icons Filled

Tabler Icons Outline

Copied!

Circles Icon

More from Arcticons

Circles in other icon packs