Clover Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Clover 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/338392.svg" alt="Clover icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/338392.svg" alt="Clover icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/338392.svg" alt="Clover icon" :width="24" :height="24" />
CSS background
.icon-clover {
background-image: url('https://proicons.com/icon/338392.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.cls-1{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="cls-1" d="M29.87,5.5a3.83,3.83,0,0,1,2.93,2c1.47,2.28-.09,1.56,1.93.61s4,1.87,4,1.87a6.85,6.85,0,0,1,1,5.47c-1.3,6-12.45,7.45-12.45,7.45-2.4-3.07-3.05-12.74-.61-15.6a4.42,4.42,0,0,1,3-1.8ZM13.71,8.12a7.85,7.85,0,0,1,1.74.18c6,1.3,7.45,12.45,7.45,12.45-3.06,2.4-12.74,3-15.6.61s-2.08-4.69.2-6.16,1.56.09.61-1.93,1.87-4,1.87-4a6.56,6.56,0,0,1,3.73-1.17Zm7,17c2.4,3.06,3.05,12.74.61,15.6s-4.68,2.08-6.16-.2.09-1.56-1.93-.61-4-1.87-4-1.87a6.85,6.85,0,0,1-1-5.47c1.3-6,12.45-7.45,12.45-7.45Zm13.41,0c2.74,0,5.29.48,6.54,1.54,2.75,2.34,2.08,4.68-.2,6.16s-1.56-.09-.61,1.93-1.87,4-1.87,4a6.85,6.85,0,0,1-5.47,1c-6-1.3-7.45-12.45-7.45-12.45,1.73-1.35,5.54-2.14,9.06-2.15Z"/></svg>
Copied!