clover icon
clover from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- clover
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 448×512
- License
- CC BY 4.0
The same icon in other sets
Use the clover icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M216.6 49.9C205.1 38.5 189.5 32 173.3 32C139.4 32 112 59.4 112 93.3v4.9c0 12 3.3 23.7 9.4 34l18.8 31.3c1.1 1.8 1.2 3.1 1 4.2c-.2 1.2-.8 2.5-2 3.6s-2.4 1.8-3.6 2c-1 .2-2.4.1-4.2-1l-31.3-18.8c-10.3-6.2-22-9.4-34-9.4h-4.9C27.4 144 0 171.4 0 205.3c0 16.2 6.5 31.8 17.9 43.3l1.2 1.2c3.4 3.4 3.4 9 0 12.4l-1.2 1.2C6.5 274.9 0 290.5 0 306.7C0 340.6 27.4 368 61.3 368h4.9c12 0 23.7-3.3 34-9.4l31.3-18.8c1.8-1.1 3.1-1.2 4.2-1c1.2.2 2.5.8 3.6 2s1.8 2.4 2 3.6c.2 1 .1 2.4-1 4.2l-18.8 31.3c-6.2 10.3-9.4 22-9.4 34v4.9c0 33.8 27.4 61.3 61.3 61.3c16.2 0 31.8-6.5 43.3-17.9l1.2-1.2c3.4-3.4 9-3.4 12.4 0l1.2 1.2c11.5 11.5 27.1 17.9 43.3 17.9c33.8 0 61.3-27.4 61.3-61.3v-4.9c0-12-3.3-23.7-9.4-34l-18.8-31.3c-1.1-1.8-1.2-3.1-1-4.2c.2-1.2.8-2.5 2-3.6s2.4-1.8 3.6-2c1-.2 2.4-.1 4.2 1l31.3 18.8c10.3 6.2 22 9.4 34 9.4h4.9c33.8 0 61.3-27.4 61.3-61.3c0-16.2-6.5-31.8-17.9-43.3l-1.2-1.2c-3.4-3.4-3.4-9 0-12.4l1.2-1.2c11.5-11.5 17.9-27.1 17.9-43.3c0-33.8-27.4-61.3-61.3-61.3H382c-12 0-23.7 3.3-34 9.4l-31.3 18.8c-1.8 1.1-3.1 1.2-4.2 1c-1.2-.2-2.5-.8-3.6-2s-1.8-2.4-2-3.6c-.2-1-.1-2.4 1-4.2l18.8-31.3c6.2-10.3 9.4-22 9.4-34v-4.9C336 59.4 308.6 32 274.7 32c-16.2 0-31.8 6.5-43.3 17.9l-1.2 1.2c-3.4 3.4-9 3.4-12.4 0z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidClover(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M216.6 49.9C205.1 38.5 189.5 32 173.3 32C139.4 32 112 59.4 112 93.3v4.9c0 12 3.3 23.7 9.4 34l18.8 31.3c1.1 1.8 1.2 3.1 1 4.2c-.2 1.2-.8 2.5-2 3.6s-2.4 1.8-3.6 2c-1 .2-2.4.1-4.2-1l-31.3-18.8c-10.3-6.2-22-9.4-34-9.4h-4.9C27.4 144 0 171.4 0 205.3c0 16.2 6.5 31.8 17.9 43.3l1.2 1.2c3.4 3.4 3.4 9 0 12.4l-1.2 1.2C6.5 274.9 0 290.5 0 306.7C0 340.6 27.4 368 61.3 368h4.9c12 0 23.7-3.3 34-9.4l31.3-18.8c1.8-1.1 3.1-1.2 4.2-1c1.2.2 2.5.8 3.6 2s1.8 2.4 2 3.6c.2 1 .1 2.4-1 4.2l-18.8 31.3c-6.2 10.3-9.4 22-9.4 34v4.9c0 33.8 27.4 61.3 61.3 61.3c16.2 0 31.8-6.5 43.3-17.9l1.2-1.2c3.4-3.4 9-3.4 12.4 0l1.2 1.2c11.5 11.5 27.1 17.9 43.3 17.9c33.8 0 61.3-27.4 61.3-61.3v-4.9c0-12-3.3-23.7-9.4-34l-18.8-31.3c-1.1-1.8-1.2-3.1-1-4.2c.2-1.2.8-2.5 2-3.6s2.4-1.8 3.6-2c1-.2 2.4-.1 4.2 1l31.3 18.8c10.3 6.2 22 9.4 34 9.4h4.9c33.8 0 61.3-27.4 61.3-61.3c0-16.2-6.5-31.8-17.9-43.3l-1.2-1.2c-3.4-3.4-3.4-9 0-12.4l1.2-1.2c11.5-11.5 17.9-27.1 17.9-43.3c0-33.8-27.4-61.3-61.3-61.3H382c-12 0-23.7 3.3-34 9.4l-31.3 18.8c-1.8 1.1-3.1 1.2-4.2 1c-1.2-.2-2.5-.8-3.6-2s-1.8-2.4-2-3.6c-.2-1-.1-2.4 1-4.2l18.8-31.3c6.2-10.3 9.4-22 9.4-34v-4.9C336 59.4 308.6 32 274.7 32c-16.2 0-31.8 6.5-43.3 17.9l-1.2 1.2c-3.4 3.4-9 3.4-12.4 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M216.6 49.9C205.1 38.5 189.5 32 173.3 32C139.4 32 112 59.4 112 93.3v4.9c0 12 3.3 23.7 9.4 34l18.8 31.3c1.1 1.8 1.2 3.1 1 4.2c-.2 1.2-.8 2.5-2 3.6s-2.4 1.8-3.6 2c-1 .2-2.4.1-4.2-1l-31.3-18.8c-10.3-6.2-22-9.4-34-9.4h-4.9C27.4 144 0 171.4 0 205.3c0 16.2 6.5 31.8 17.9 43.3l1.2 1.2c3.4 3.4 3.4 9 0 12.4l-1.2 1.2C6.5 274.9 0 290.5 0 306.7C0 340.6 27.4 368 61.3 368h4.9c12 0 23.7-3.3 34-9.4l31.3-18.8c1.8-1.1 3.1-1.2 4.2-1c1.2.2 2.5.8 3.6 2s1.8 2.4 2 3.6c.2 1 .1 2.4-1 4.2l-18.8 31.3c-6.2 10.3-9.4 22-9.4 34v4.9c0 33.8 27.4 61.3 61.3 61.3c16.2 0 31.8-6.5 43.3-17.9l1.2-1.2c3.4-3.4 9-3.4 12.4 0l1.2 1.2c11.5 11.5 27.1 17.9 43.3 17.9c33.8 0 61.3-27.4 61.3-61.3v-4.9c0-12-3.3-23.7-9.4-34l-18.8-31.3c-1.1-1.8-1.2-3.1-1-4.2c.2-1.2.8-2.5 2-3.6s2.4-1.8 3.6-2c1-.2 2.4-.1 4.2 1l31.3 18.8c10.3 6.2 22 9.4 34 9.4h4.9c33.8 0 61.3-27.4 61.3-61.3c0-16.2-6.5-31.8-17.9-43.3l-1.2-1.2c-3.4-3.4-3.4-9 0-12.4l1.2-1.2c11.5-11.5 17.9-27.1 17.9-43.3c0-33.8-27.4-61.3-61.3-61.3H382c-12 0-23.7 3.3-34 9.4l-31.3 18.8c-1.8 1.1-3.1 1.2-4.2 1c-1.2-.2-2.5-.8-3.6-2s-1.8-2.4-2-3.6c-.2-1-.1-2.4 1-4.2l18.8-31.3c6.2-10.3 9.4-22 9.4-34v-4.9C336 59.4 308.6 32 274.7 32c-16.2 0-31.8 6.5-43.3 17.9l-1.2 1.2c-3.4 3.4-9 3.4-12.4 0z"/></svg> </template>
CSS
.icon-clover {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216.6%2049.9C205.1%2038.5%20189.5%2032%20173.3%2032C139.4%2032%20112%2059.4%20112%2093.3v4.9c0%2012%203.3%2023.7%209.4%2034l18.8%2031.3c1.1%201.8%201.2%203.1%201%204.2c-.2%201.2-.8%202.5-2%203.6s-2.4%201.8-3.6%202c-1%20.2-2.4.1-4.2-1l-31.3-18.8c-10.3-6.2-22-9.4-34-9.4h-4.9C27.4%20144%200%20171.4%200%20205.3c0%2016.2%206.5%2031.8%2017.9%2043.3l1.2%201.2c3.4%203.4%203.4%209%200%2012.4l-1.2%201.2C6.5%20274.9%200%20290.5%200%20306.7C0%20340.6%2027.4%20368%2061.3%20368h4.9c12%200%2023.7-3.3%2034-9.4l31.3-18.8c1.8-1.1%203.1-1.2%204.2-1c1.2.2%202.5.8%203.6%202s1.8%202.4%202%203.6c.2%201%20.1%202.4-1%204.2l-18.8%2031.3c-6.2%2010.3-9.4%2022-9.4%2034v4.9c0%2033.8%2027.4%2061.3%2061.3%2061.3c16.2%200%2031.8-6.5%2043.3-17.9l1.2-1.2c3.4-3.4%209-3.4%2012.4%200l1.2%201.2c11.5%2011.5%2027.1%2017.9%2043.3%2017.9c33.8%200%2061.3-27.4%2061.3-61.3v-4.9c0-12-3.3-23.7-9.4-34l-18.8-31.3c-1.1-1.8-1.2-3.1-1-4.2c.2-1.2.8-2.5%202-3.6s2.4-1.8%203.6-2c1-.2%202.4-.1%204.2%201l31.3%2018.8c10.3%206.2%2022%209.4%2034%209.4h4.9c33.8%200%2061.3-27.4%2061.3-61.3c0-16.2-6.5-31.8-17.9-43.3l-1.2-1.2c-3.4-3.4-3.4-9%200-12.4l1.2-1.2c11.5-11.5%2017.9-27.1%2017.9-43.3c0-33.8-27.4-61.3-61.3-61.3H382c-12%200-23.7%203.3-34%209.4l-31.3%2018.8c-1.8%201.1-3.1%201.2-4.2%201c-1.2-.2-2.5-.8-3.6-2s-1.8-2.4-2-3.6c-.2-1-.1-2.4%201-4.2l18.8-31.3c6.2-10.3%209.4-22%209.4-34v-4.9C336%2059.4%20308.6%2032%20274.7%2032c-16.2%200-31.8%206.5-43.3%2017.9l-1.2%201.2c-3.4%203.4-9%203.4-12.4%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216.6%2049.9C205.1%2038.5%20189.5%2032%20173.3%2032C139.4%2032%20112%2059.4%20112%2093.3v4.9c0%2012%203.3%2023.7%209.4%2034l18.8%2031.3c1.1%201.8%201.2%203.1%201%204.2c-.2%201.2-.8%202.5-2%203.6s-2.4%201.8-3.6%202c-1%20.2-2.4.1-4.2-1l-31.3-18.8c-10.3-6.2-22-9.4-34-9.4h-4.9C27.4%20144%200%20171.4%200%20205.3c0%2016.2%206.5%2031.8%2017.9%2043.3l1.2%201.2c3.4%203.4%203.4%209%200%2012.4l-1.2%201.2C6.5%20274.9%200%20290.5%200%20306.7C0%20340.6%2027.4%20368%2061.3%20368h4.9c12%200%2023.7-3.3%2034-9.4l31.3-18.8c1.8-1.1%203.1-1.2%204.2-1c1.2.2%202.5.8%203.6%202s1.8%202.4%202%203.6c.2%201%20.1%202.4-1%204.2l-18.8%2031.3c-6.2%2010.3-9.4%2022-9.4%2034v4.9c0%2033.8%2027.4%2061.3%2061.3%2061.3c16.2%200%2031.8-6.5%2043.3-17.9l1.2-1.2c3.4-3.4%209-3.4%2012.4%200l1.2%201.2c11.5%2011.5%2027.1%2017.9%2043.3%2017.9c33.8%200%2061.3-27.4%2061.3-61.3v-4.9c0-12-3.3-23.7-9.4-34l-18.8-31.3c-1.1-1.8-1.2-3.1-1-4.2c.2-1.2.8-2.5%202-3.6s2.4-1.8%203.6-2c1-.2%202.4-.1%204.2%201l31.3%2018.8c10.3%206.2%2022%209.4%2034%209.4h4.9c33.8%200%2061.3-27.4%2061.3-61.3c0-16.2-6.5-31.8-17.9-43.3l-1.2-1.2c-3.4-3.4-3.4-9%200-12.4l1.2-1.2c11.5-11.5%2017.9-27.1%2017.9-43.3c0-33.8-27.4-61.3-61.3-61.3H382c-12%200-23.7%203.3-34%209.4l-31.3%2018.8c-1.8%201.1-3.1%201.2-4.2%201c-1.2-.2-2.5-.8-3.6-2s-1.8-2.4-2-3.6c-.2-1-.1-2.4%201-4.2l18.8-31.3c6.2-10.3%209.4-22%209.4-34v-4.9C336%2059.4%20308.6%2032%20274.7%2032c-16.2%200-31.8%206.5-43.3%2017.9l-1.2%201.2c-3.4%203.4-9%203.4-12.4%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/clover.svg?color=%231a73e8&size=48
