clover icon

clover-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.

Name: clover-duotone
Set: Phosphor
Style: Duotone
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

clover clover-bold clover-fill clover-light clover-thin

The same icon in other sets

cloverFont Awesome 6 Solid cloverFont Awesome Solid clover-12-filledFluent UI System Icons cloverHuge Icons cloverLucide cloverMaterial Design Icons cloverTabler Icons cloverWeb3 Icons cloverWeb3 Icons Branded

Use the clover icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M128 120s-90-96 0-96s0 96 0 96m-96 0c0 90 96 0 96 0s-96-90-96 0m96 96c90 0 0-96 0-96s-90 96 0 96m0-96s96 90 96 0s-96 0-96 0" opacity=".2"/><path d="M211.66 165.54C225.16 159.7 232 144.37 232 120s-6.84-39.7-20.34-45.55c-11.65-5-27.24-2.23-46.46 8.35c10.58-19.22 13.39-34.81 8.35-46.46C167.7 22.84 152.37 16 128 16s-39.7 6.84-45.55 20.34C77.41 48 80.22 63.58 90.8 82.8C71.58 72.22 56 69.4 44.34 74.45C30.84 80.3 24 95.63 24 120s6.84 39.7 20.34 45.54A31 31 0 0 0 56.8 168c9.6 0 21-3.62 34-10.79c-10.58 19.2-13.39 34.79-8.35 46.44C88.3 217.15 103.63 224 128 224s39.7-6.85 45.55-20.35a32.24 32.24 0 0 0 2.34-15c10.45 16.23 19.64 34.48 24.35 53.33A8 8 0 0 0 208 248a8 8 0 0 0 1.95-.24a8 8 0 0 0 5.82-9.7c-6.94-27.76-22.27-53.8-37.86-74.79Q189.68 168 199.2 168a31 31 0 0 0 12.46-2.46m-6.37-76.4C214.14 93 216 108 216 120s-1.86 27-10.7 30.86c-8.36 3.63-23.52-1.31-42.68-13.91a243 243 0 0 1-22.54-17c18.41-15.58 50.32-37.27 65.21-30.81M97.14 42.7C101 33.86 116 32 128 32s27 1.86 30.86 10.7c3.63 8.36-1.31 23.52-13.91 42.68a243 243 0 0 1-17 22.54C112.37 89.51 90.69 57.59 97.14 42.7M50.71 150.86C41.86 147 40 132 40 120s1.86-27 10.7-30.86A15.6 15.6 0 0 1 57 88c8.75 0 21.34 5.17 36.4 15.07a243 243 0 0 1 22.54 17c-18.43 15.55-50.35 37.25-65.23 30.79m108.15 46.43C155 206.14 140 208 128 208s-27-1.86-30.86-10.7c-3.63-8.36 1.31-23.52 13.91-42.68a243 243 0 0 1 17-22.54c15.58 18.41 37.26 50.33 30.81 65.21"/></g></svg>

React

import type { SVGProps } from "react";

export function PhCloverDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M128 120s-90-96 0-96s0 96 0 96m-96 0c0 90 96 0 96 0s-96-90-96 0m96 96c90 0 0-96 0-96s-90 96 0 96m0-96s96 90 96 0s-96 0-96 0" opacity=".2"/><path d="M211.66 165.54C225.16 159.7 232 144.37 232 120s-6.84-39.7-20.34-45.55c-11.65-5-27.24-2.23-46.46 8.35c10.58-19.22 13.39-34.81 8.35-46.46C167.7 22.84 152.37 16 128 16s-39.7 6.84-45.55 20.34C77.41 48 80.22 63.58 90.8 82.8C71.58 72.22 56 69.4 44.34 74.45C30.84 80.3 24 95.63 24 120s6.84 39.7 20.34 45.54A31 31 0 0 0 56.8 168c9.6 0 21-3.62 34-10.79c-10.58 19.2-13.39 34.79-8.35 46.44C88.3 217.15 103.63 224 128 224s39.7-6.85 45.55-20.35a32.24 32.24 0 0 0 2.34-15c10.45 16.23 19.64 34.48 24.35 53.33A8 8 0 0 0 208 248a8 8 0 0 0 1.95-.24a8 8 0 0 0 5.82-9.7c-6.94-27.76-22.27-53.8-37.86-74.79Q189.68 168 199.2 168a31 31 0 0 0 12.46-2.46m-6.37-76.4C214.14 93 216 108 216 120s-1.86 27-10.7 30.86c-8.36 3.63-23.52-1.31-42.68-13.91a243 243 0 0 1-22.54-17c18.41-15.58 50.32-37.27 65.21-30.81M97.14 42.7C101 33.86 116 32 128 32s27 1.86 30.86 10.7c3.63 8.36-1.31 23.52-13.91 42.68a243 243 0 0 1-17 22.54C112.37 89.51 90.69 57.59 97.14 42.7M50.71 150.86C41.86 147 40 132 40 120s1.86-27 10.7-30.86A15.6 15.6 0 0 1 57 88c8.75 0 21.34 5.17 36.4 15.07a243 243 0 0 1 22.54 17c-18.43 15.55-50.35 37.25-65.23 30.79m108.15 46.43C155 206.14 140 208 128 208s-27-1.86-30.86-10.7c-3.63-8.36 1.31-23.52 13.91-42.68a243 243 0 0 1 17-22.54c15.58 18.41 37.26 50.33 30.81 65.21"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M128 120s-90-96 0-96s0 96 0 96m-96 0c0 90 96 0 96 0s-96-90-96 0m96 96c90 0 0-96 0-96s-90 96 0 96m0-96s96 90 96 0s-96 0-96 0" opacity=".2"/><path d="M211.66 165.54C225.16 159.7 232 144.37 232 120s-6.84-39.7-20.34-45.55c-11.65-5-27.24-2.23-46.46 8.35c10.58-19.22 13.39-34.81 8.35-46.46C167.7 22.84 152.37 16 128 16s-39.7 6.84-45.55 20.34C77.41 48 80.22 63.58 90.8 82.8C71.58 72.22 56 69.4 44.34 74.45C30.84 80.3 24 95.63 24 120s6.84 39.7 20.34 45.54A31 31 0 0 0 56.8 168c9.6 0 21-3.62 34-10.79c-10.58 19.2-13.39 34.79-8.35 46.44C88.3 217.15 103.63 224 128 224s39.7-6.85 45.55-20.35a32.24 32.24 0 0 0 2.34-15c10.45 16.23 19.64 34.48 24.35 53.33A8 8 0 0 0 208 248a8 8 0 0 0 1.95-.24a8 8 0 0 0 5.82-9.7c-6.94-27.76-22.27-53.8-37.86-74.79Q189.68 168 199.2 168a31 31 0 0 0 12.46-2.46m-6.37-76.4C214.14 93 216 108 216 120s-1.86 27-10.7 30.86c-8.36 3.63-23.52-1.31-42.68-13.91a243 243 0 0 1-22.54-17c18.41-15.58 50.32-37.27 65.21-30.81M97.14 42.7C101 33.86 116 32 128 32s27 1.86 30.86 10.7c3.63 8.36-1.31 23.52-13.91 42.68a243 243 0 0 1-17 22.54C112.37 89.51 90.69 57.59 97.14 42.7M50.71 150.86C41.86 147 40 132 40 120s1.86-27 10.7-30.86A15.6 15.6 0 0 1 57 88c8.75 0 21.34 5.17 36.4 15.07a243 243 0 0 1 22.54 17c-18.43 15.55-50.35 37.25-65.23 30.79m108.15 46.43C155 206.14 140 208 128 208s-27-1.86-30.86-10.7c-3.63-8.36 1.31-23.52 13.91-42.68a243 243 0 0 1 17-22.54c15.58 18.41 37.26 50.33 30.81 65.21"/></g></svg>
</template>

CSS

.icon-clover-duotone {
  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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%20120s-90-96%200-96s0%2096%200%2096m-96%200c0%2090%2096%200%2096%200s-96-90-96%200m96%2096c90%200%200-96%200-96s-90%2096%200%2096m0-96s96%2090%2096%200s-96%200-96%200%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M211.66%20165.54C225.16%20159.7%20232%20144.37%20232%20120s-6.84-39.7-20.34-45.55c-11.65-5-27.24-2.23-46.46%208.35c10.58-19.22%2013.39-34.81%208.35-46.46C167.7%2022.84%20152.37%2016%20128%2016s-39.7%206.84-45.55%2020.34C77.41%2048%2080.22%2063.58%2090.8%2082.8C71.58%2072.22%2056%2069.4%2044.34%2074.45C30.84%2080.3%2024%2095.63%2024%20120s6.84%2039.7%2020.34%2045.54A31%2031%200%200%200%2056.8%20168c9.6%200%2021-3.62%2034-10.79c-10.58%2019.2-13.39%2034.79-8.35%2046.44C88.3%20217.15%20103.63%20224%20128%20224s39.7-6.85%2045.55-20.35a32.24%2032.24%200%200%200%202.34-15c10.45%2016.23%2019.64%2034.48%2024.35%2053.33A8%208%200%200%200%20208%20248a8%208%200%200%200%201.95-.24a8%208%200%200%200%205.82-9.7c-6.94-27.76-22.27-53.8-37.86-74.79Q189.68%20168%20199.2%20168a31%2031%200%200%200%2012.46-2.46m-6.37-76.4C214.14%2093%20216%20108%20216%20120s-1.86%2027-10.7%2030.86c-8.36%203.63-23.52-1.31-42.68-13.91a243%20243%200%200%201-22.54-17c18.41-15.58%2050.32-37.27%2065.21-30.81M97.14%2042.7C101%2033.86%20116%2032%20128%2032s27%201.86%2030.86%2010.7c3.63%208.36-1.31%2023.52-13.91%2042.68a243%20243%200%200%201-17%2022.54C112.37%2089.51%2090.69%2057.59%2097.14%2042.7M50.71%20150.86C41.86%20147%2040%20132%2040%20120s1.86-27%2010.7-30.86A15.6%2015.6%200%200%201%2057%2088c8.75%200%2021.34%205.17%2036.4%2015.07a243%20243%200%200%201%2022.54%2017c-18.43%2015.55-50.35%2037.25-65.23%2030.79m108.15%2046.43C155%20206.14%20140%20208%20128%20208s-27-1.86-30.86-10.7c-3.63-8.36%201.31-23.52%2013.91-42.68a243%20243%200%200%201%2017-22.54c15.58%2018.41%2037.26%2050.33%2030.81%2065.21%22%2F%3E%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%20120s-90-96%200-96s0%2096%200%2096m-96%200c0%2090%2096%200%2096%200s-96-90-96%200m96%2096c90%200%200-96%200-96s-90%2096%200%2096m0-96s96%2090%2096%200s-96%200-96%200%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M211.66%20165.54C225.16%20159.7%20232%20144.37%20232%20120s-6.84-39.7-20.34-45.55c-11.65-5-27.24-2.23-46.46%208.35c10.58-19.22%2013.39-34.81%208.35-46.46C167.7%2022.84%20152.37%2016%20128%2016s-39.7%206.84-45.55%2020.34C77.41%2048%2080.22%2063.58%2090.8%2082.8C71.58%2072.22%2056%2069.4%2044.34%2074.45C30.84%2080.3%2024%2095.63%2024%20120s6.84%2039.7%2020.34%2045.54A31%2031%200%200%200%2056.8%20168c9.6%200%2021-3.62%2034-10.79c-10.58%2019.2-13.39%2034.79-8.35%2046.44C88.3%20217.15%20103.63%20224%20128%20224s39.7-6.85%2045.55-20.35a32.24%2032.24%200%200%200%202.34-15c10.45%2016.23%2019.64%2034.48%2024.35%2053.33A8%208%200%200%200%20208%20248a8%208%200%200%200%201.95-.24a8%208%200%200%200%205.82-9.7c-6.94-27.76-22.27-53.8-37.86-74.79Q189.68%20168%20199.2%20168a31%2031%200%200%200%2012.46-2.46m-6.37-76.4C214.14%2093%20216%20108%20216%20120s-1.86%2027-10.7%2030.86c-8.36%203.63-23.52-1.31-42.68-13.91a243%20243%200%200%201-22.54-17c18.41-15.58%2050.32-37.27%2065.21-30.81M97.14%2042.7C101%2033.86%20116%2032%20128%2032s27%201.86%2030.86%2010.7c3.63%208.36-1.31%2023.52-13.91%2042.68a243%20243%200%200%201-17%2022.54C112.37%2089.51%2090.69%2057.59%2097.14%2042.7M50.71%20150.86C41.86%20147%2040%20132%2040%20120s1.86-27%2010.7-30.86A15.6%2015.6%200%200%201%2057%2088c8.75%200%2021.34%205.17%2036.4%2015.07a243%20243%200%200%201%2022.54%2017c-18.43%2015.55-50.35%2037.25-65.23%2030.79m108.15%2046.43C155%20206.14%20140%20208%20128%20208s-27-1.86-30.86-10.7c-3.63-8.36%201.31-23.52%2013.91-42.68a243%20243%200%200%201%2017-22.54c15.58%2018.41%2037.26%2050.33%2030.81%2065.21%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/clover-duotone.svg?color=%231a73e8&size=48