Calendula Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Calendula 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/323365.svg" alt="Calendula icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/323365.svg" alt="Calendula icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/323365.svg" alt="Calendula icon" :width="24" :height="24" />
CSS background
.icon-calendula {
background-image: url('https://proicons.com/icon/323365.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.a{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><circle class="a" cx="42.5946" cy="24" r="2.9054"/><circle class="a" cx="40.1034" cy="33.2973" r="2.9054"/><circle class="a" cx="33.2973" cy="40.1034" r="2.9054"/><circle class="a" cx="24" cy="42.5946" r="2.9054"/><circle class="a" cx="14.7027" cy="40.1034" r="2.9054"/><circle class="a" cx="7.8966" cy="33.2973" r="2.9054"/><circle class="a" cx="5.4054" cy="24" r="2.9054"/><circle class="a" cx="7.8966" cy="14.7027" r="2.9054"/><circle class="a" cx="14.7027" cy="7.8966" r="2.9054"/><circle class="a" cx="24" cy="5.4054" r="2.9054"/><circle class="a" cx="33.2973" cy="7.8966" r="2.9054"/><circle class="a" cx="40.1034" cy="14.7027" r="2.9054"/><circle class="a" cx="35.2256" cy="27.0079" r="2.3243"/><circle class="a" cx="32.2177" cy="32.2177" r="2.3243"/><circle class="a" cx="27.0079" cy="35.2256" r="2.3243"/><circle class="a" cx="20.9921" cy="35.2256" r="2.3243"/><circle class="a" cx="15.7823" cy="32.2177" r="2.3243"/><circle class="a" cx="12.7744" cy="27.0079" r="2.3243"/><circle class="a" cx="12.7744" cy="20.9921" r="2.3243"/><circle class="a" cx="15.7823" cy="15.7823" r="2.3243"/><circle class="a" cx="20.9921" cy="12.7744" r="2.3243"/><circle class="a" cx="27.0079" cy="12.7744" r="2.3243"/><circle class="a" cx="32.2177" cy="15.7823" r="2.3243"/><circle class="a" cx="35.2256" cy="20.9921" r="2.3243"/><circle class="a" cx="30.973" cy="24" r="1.1622"/><circle class="a" cx="30.0388" cy="27.4865" r="1.1622"/><circle class="a" cx="27.4865" cy="30.0388" r="1.1622"/><circle class="a" cx="24" cy="30.973" r="1.1622"/><circle class="a" cx="20.5135" cy="30.0388" r="1.1622"/><circle class="a" cx="17.9612" cy="27.4865" r="1.1622"/><circle class="a" cx="17.027" cy="24" r="1.1622"/><circle class="a" cx="17.9612" cy="20.5135" r="1.1622"/><circle class="a" cx="20.5135" cy="17.9612" r="1.1622"/><circle class="a" cx="24" cy="17.027" r="1.1622"/><circle class="a" cx="27.4865" cy="17.9612" r="1.1622"/><circle class="a" cx="30.0388" cy="20.5135" r="1.1622"/><ellipse class="a" cx="24" cy="24" rx="3.1728" ry="3.2189"/></svg>
Copied!