clover icon

clover-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: clover-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

clover clover-bold clover-duotone clover-fill clover-light

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"><path fill="currentColor" d="M210.07 161.88C222 156.72 228 142.63 228 120s-6-36.72-17.93-41.88c-12.59-5.45-30.83-.39-54.22 15l-3 2l2-3c15.41-23.39 20.47-41.63 15-54.22C164.72 26 150.63 20 128 20s-36.72 6-41.88 17.93c-5.45 12.59-.39 30.83 15 54.22q1 1.53 2 3l-3-2c-23.39-15.41-41.63-20.47-54.22-15C34 83.28 28 97.37 28 120s6 36.72 17.93 41.88a27.5 27.5 0 0 0 11 2.12c11.46 0 26-5.73 43.26-17.14l3-2l-2 3c-15.41 23.39-20.47 41.63-15 54.21C91.28 214 105.37 220 128 220s36.72-6 41.88-17.94c3.81-8.8 2.47-20.39-3.95-34.56c15.65 20.5 31.41 46.36 38.19 73.5a4 4 0 0 0 3.88 3a4 4 0 0 0 1-.12a4 4 0 0 0 2.91-4.85c-8.41-33.65-29.45-64.78-48-87.2c13.82 8.09 25.62 12.17 35.26 12.17a27.5 27.5 0 0 0 10.9-2.12M93.47 41.11C97.24 32.41 108.86 28 128 28s30.76 4.41 34.53 13.11c8.21 18.94-19.86 56.41-34.53 73c-14.67-16.59-42.74-54.06-34.53-73M49.11 154.53C40.41 150.76 36 139.14 36 120s4.41-30.76 13.11-34.53a19.4 19.4 0 0 1 7.8-1.47c20.08 0 50.66 23.15 65.15 36c-16.54 14.67-54.01 42.74-72.95 34.53m113.42 44.36C158.76 207.59 147.14 212 128 212s-30.76-4.41-34.53-13.11C85.26 180 113.33 142.48 128 125.94c14.67 16.54 42.74 54.06 34.53 72.95m-28.42-78.74L134 120c16.54-14.68 54-42.75 72.94-34.53C215.59 89.24 220 100.86 220 120s-4.41 30.76-13.11 34.53c-18.89 8.18-56.16-19.67-72.78-34.38"/></svg>

React

import type { SVGProps } from "react";

export function PhCloverThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M210.07 161.88C222 156.72 228 142.63 228 120s-6-36.72-17.93-41.88c-12.59-5.45-30.83-.39-54.22 15l-3 2l2-3c15.41-23.39 20.47-41.63 15-54.22C164.72 26 150.63 20 128 20s-36.72 6-41.88 17.93c-5.45 12.59-.39 30.83 15 54.22q1 1.53 2 3l-3-2c-23.39-15.41-41.63-20.47-54.22-15C34 83.28 28 97.37 28 120s6 36.72 17.93 41.88a27.5 27.5 0 0 0 11 2.12c11.46 0 26-5.73 43.26-17.14l3-2l-2 3c-15.41 23.39-20.47 41.63-15 54.21C91.28 214 105.37 220 128 220s36.72-6 41.88-17.94c3.81-8.8 2.47-20.39-3.95-34.56c15.65 20.5 31.41 46.36 38.19 73.5a4 4 0 0 0 3.88 3a4 4 0 0 0 1-.12a4 4 0 0 0 2.91-4.85c-8.41-33.65-29.45-64.78-48-87.2c13.82 8.09 25.62 12.17 35.26 12.17a27.5 27.5 0 0 0 10.9-2.12M93.47 41.11C97.24 32.41 108.86 28 128 28s30.76 4.41 34.53 13.11c8.21 18.94-19.86 56.41-34.53 73c-14.67-16.59-42.74-54.06-34.53-73M49.11 154.53C40.41 150.76 36 139.14 36 120s4.41-30.76 13.11-34.53a19.4 19.4 0 0 1 7.8-1.47c20.08 0 50.66 23.15 65.15 36c-16.54 14.67-54.01 42.74-72.95 34.53m113.42 44.36C158.76 207.59 147.14 212 128 212s-30.76-4.41-34.53-13.11C85.26 180 113.33 142.48 128 125.94c14.67 16.54 42.74 54.06 34.53 72.95m-28.42-78.74L134 120c16.54-14.68 54-42.75 72.94-34.53C215.59 89.24 220 100.86 220 120s-4.41 30.76-13.11 34.53c-18.89 8.18-56.16-19.67-72.78-34.38"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M210.07 161.88C222 156.72 228 142.63 228 120s-6-36.72-17.93-41.88c-12.59-5.45-30.83-.39-54.22 15l-3 2l2-3c15.41-23.39 20.47-41.63 15-54.22C164.72 26 150.63 20 128 20s-36.72 6-41.88 17.93c-5.45 12.59-.39 30.83 15 54.22q1 1.53 2 3l-3-2c-23.39-15.41-41.63-20.47-54.22-15C34 83.28 28 97.37 28 120s6 36.72 17.93 41.88a27.5 27.5 0 0 0 11 2.12c11.46 0 26-5.73 43.26-17.14l3-2l-2 3c-15.41 23.39-20.47 41.63-15 54.21C91.28 214 105.37 220 128 220s36.72-6 41.88-17.94c3.81-8.8 2.47-20.39-3.95-34.56c15.65 20.5 31.41 46.36 38.19 73.5a4 4 0 0 0 3.88 3a4 4 0 0 0 1-.12a4 4 0 0 0 2.91-4.85c-8.41-33.65-29.45-64.78-48-87.2c13.82 8.09 25.62 12.17 35.26 12.17a27.5 27.5 0 0 0 10.9-2.12M93.47 41.11C97.24 32.41 108.86 28 128 28s30.76 4.41 34.53 13.11c8.21 18.94-19.86 56.41-34.53 73c-14.67-16.59-42.74-54.06-34.53-73M49.11 154.53C40.41 150.76 36 139.14 36 120s4.41-30.76 13.11-34.53a19.4 19.4 0 0 1 7.8-1.47c20.08 0 50.66 23.15 65.15 36c-16.54 14.67-54.01 42.74-72.95 34.53m113.42 44.36C158.76 207.59 147.14 212 128 212s-30.76-4.41-34.53-13.11C85.26 180 113.33 142.48 128 125.94c14.67 16.54 42.74 54.06 34.53 72.95m-28.42-78.74L134 120c16.54-14.68 54-42.75 72.94-34.53C215.59 89.24 220 100.86 220 120s-4.41 30.76-13.11 34.53c-18.89 8.18-56.16-19.67-72.78-34.38"/></svg>
</template>

CSS

.icon-clover-thin {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M210.07%20161.88C222%20156.72%20228%20142.63%20228%20120s-6-36.72-17.93-41.88c-12.59-5.45-30.83-.39-54.22%2015l-3%202l2-3c15.41-23.39%2020.47-41.63%2015-54.22C164.72%2026%20150.63%2020%20128%2020s-36.72%206-41.88%2017.93c-5.45%2012.59-.39%2030.83%2015%2054.22q1%201.53%202%203l-3-2c-23.39-15.41-41.63-20.47-54.22-15C34%2083.28%2028%2097.37%2028%20120s6%2036.72%2017.93%2041.88a27.5%2027.5%200%200%200%2011%202.12c11.46%200%2026-5.73%2043.26-17.14l3-2l-2%203c-15.41%2023.39-20.47%2041.63-15%2054.21C91.28%20214%20105.37%20220%20128%20220s36.72-6%2041.88-17.94c3.81-8.8%202.47-20.39-3.95-34.56c15.65%2020.5%2031.41%2046.36%2038.19%2073.5a4%204%200%200%200%203.88%203a4%204%200%200%200%201-.12a4%204%200%200%200%202.91-4.85c-8.41-33.65-29.45-64.78-48-87.2c13.82%208.09%2025.62%2012.17%2035.26%2012.17a27.5%2027.5%200%200%200%2010.9-2.12M93.47%2041.11C97.24%2032.41%20108.86%2028%20128%2028s30.76%204.41%2034.53%2013.11c8.21%2018.94-19.86%2056.41-34.53%2073c-14.67-16.59-42.74-54.06-34.53-73M49.11%20154.53C40.41%20150.76%2036%20139.14%2036%20120s4.41-30.76%2013.11-34.53a19.4%2019.4%200%200%201%207.8-1.47c20.08%200%2050.66%2023.15%2065.15%2036c-16.54%2014.67-54.01%2042.74-72.95%2034.53m113.42%2044.36C158.76%20207.59%20147.14%20212%20128%20212s-30.76-4.41-34.53-13.11C85.26%20180%20113.33%20142.48%20128%20125.94c14.67%2016.54%2042.74%2054.06%2034.53%2072.95m-28.42-78.74L134%20120c16.54-14.68%2054-42.75%2072.94-34.53C215.59%2089.24%20220%20100.86%20220%20120s-4.41%2030.76-13.11%2034.53c-18.89%208.18-56.16-19.67-72.78-34.38%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M210.07%20161.88C222%20156.72%20228%20142.63%20228%20120s-6-36.72-17.93-41.88c-12.59-5.45-30.83-.39-54.22%2015l-3%202l2-3c15.41-23.39%2020.47-41.63%2015-54.22C164.72%2026%20150.63%2020%20128%2020s-36.72%206-41.88%2017.93c-5.45%2012.59-.39%2030.83%2015%2054.22q1%201.53%202%203l-3-2c-23.39-15.41-41.63-20.47-54.22-15C34%2083.28%2028%2097.37%2028%20120s6%2036.72%2017.93%2041.88a27.5%2027.5%200%200%200%2011%202.12c11.46%200%2026-5.73%2043.26-17.14l3-2l-2%203c-15.41%2023.39-20.47%2041.63-15%2054.21C91.28%20214%20105.37%20220%20128%20220s36.72-6%2041.88-17.94c3.81-8.8%202.47-20.39-3.95-34.56c15.65%2020.5%2031.41%2046.36%2038.19%2073.5a4%204%200%200%200%203.88%203a4%204%200%200%200%201-.12a4%204%200%200%200%202.91-4.85c-8.41-33.65-29.45-64.78-48-87.2c13.82%208.09%2025.62%2012.17%2035.26%2012.17a27.5%2027.5%200%200%200%2010.9-2.12M93.47%2041.11C97.24%2032.41%20108.86%2028%20128%2028s30.76%204.41%2034.53%2013.11c8.21%2018.94-19.86%2056.41-34.53%2073c-14.67-16.59-42.74-54.06-34.53-73M49.11%20154.53C40.41%20150.76%2036%20139.14%2036%20120s4.41-30.76%2013.11-34.53a19.4%2019.4%200%200%201%207.8-1.47c20.08%200%2050.66%2023.15%2065.15%2036c-16.54%2014.67-54.01%2042.74-72.95%2034.53m113.42%2044.36C158.76%20207.59%20147.14%20212%20128%20212s-30.76-4.41-34.53-13.11C85.26%20180%20113.33%20142.48%20128%20125.94c14.67%2016.54%2042.74%2054.06%2034.53%2072.95m-28.42-78.74L134%20120c16.54-14.68%2054-42.75%2072.94-34.53C215.59%2089.24%20220%20100.86%20220%20120s-4.41%2030.76-13.11%2034.53c-18.89%208.18-56.16-19.67-72.78-34.38%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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