clover icon

clover-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: clover-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

clover clover-duotone 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"><path fill="currentColor" d="M213.25 169.21C228.34 162.67 236 146.11 236 120s-7.66-42.68-22.75-49.22c-10.66-4.61-23.59-3.6-39.17 3.14c6.73-15.58 7.75-28.51 3.14-39.17C170.67 19.66 154.12 12 128 12s-42.67 7.66-49.22 22.75c-4.61 10.66-3.59 23.59 3.14 39.17c-15.58-6.74-28.51-7.75-39.17-3.14C27.66 77.32 20 93.88 20 120s7.66 42.67 22.75 49.21A35.35 35.35 0 0 0 57 172.05q11.15 0 24.94-6c-6.73 15.59-7.75 28.52-3.14 39.17C85.33 220.34 101.88 228 128 228s42.67-7.66 49.22-22.76a34 34 0 0 0 1.53-4.33c7.57 13.18 14 27.41 17.61 42A12 12 0 0 0 208 252a12.3 12.3 0 0 0 2.92-.36a12 12 0 0 0 8.73-14.55c-6-24.11-18.23-46.91-31.51-66.33a50.2 50.2 0 0 0 10.86 1.29a35.35 35.35 0 0 0 14.25-2.84M100.81 44.29C103.09 39 113 36 128 36s24.91 3 27.19 8.29c1.12 2.57 3.44 13-13.53 38.81c-4.63 7-9.59 13.51-13.66 18.52c-4.07-5-9-11.48-13.66-18.52c-16.97-25.84-14.65-36.24-13.53-38.81m-48.52 102.9C47 144.91 44 135 44 120s3-24.91 8.29-27.19a11.5 11.5 0 0 1 4.62-.81c5.56 0 16.09 2.45 34.19 14.34A228 228 0 0 1 109.62 120c-5 4.07-11.48 9-18.52 13.66c-25.84 16.97-36.24 14.65-38.81 13.53m102.9 48.52C152.91 201 143 204 128 204s-24.91-3-27.19-8.29c-1.12-2.58-3.44-13 13.53-38.81c4.63-7 9.59-13.51 13.66-18.52c4.07 5 9 11.48 13.66 18.52c16.97 25.84 14.65 36.23 13.53 38.81m9.71-62.05c-7-4.63-13.51-9.59-18.52-13.66a228 228 0 0 1 18.52-13.66c25.84-17 36.24-14.65 38.81-13.53C209 95.09 212 105 212 120s-3 24.91-8.29 27.19c-2.57 1.12-12.97 3.44-38.81-13.53"/></svg>

React

import type { SVGProps } from "react";

export function PhCloverBold(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="M213.25 169.21C228.34 162.67 236 146.11 236 120s-7.66-42.68-22.75-49.22c-10.66-4.61-23.59-3.6-39.17 3.14c6.73-15.58 7.75-28.51 3.14-39.17C170.67 19.66 154.12 12 128 12s-42.67 7.66-49.22 22.75c-4.61 10.66-3.59 23.59 3.14 39.17c-15.58-6.74-28.51-7.75-39.17-3.14C27.66 77.32 20 93.88 20 120s7.66 42.67 22.75 49.21A35.35 35.35 0 0 0 57 172.05q11.15 0 24.94-6c-6.73 15.59-7.75 28.52-3.14 39.17C85.33 220.34 101.88 228 128 228s42.67-7.66 49.22-22.76a34 34 0 0 0 1.53-4.33c7.57 13.18 14 27.41 17.61 42A12 12 0 0 0 208 252a12.3 12.3 0 0 0 2.92-.36a12 12 0 0 0 8.73-14.55c-6-24.11-18.23-46.91-31.51-66.33a50.2 50.2 0 0 0 10.86 1.29a35.35 35.35 0 0 0 14.25-2.84M100.81 44.29C103.09 39 113 36 128 36s24.91 3 27.19 8.29c1.12 2.57 3.44 13-13.53 38.81c-4.63 7-9.59 13.51-13.66 18.52c-4.07-5-9-11.48-13.66-18.52c-16.97-25.84-14.65-36.24-13.53-38.81m-48.52 102.9C47 144.91 44 135 44 120s3-24.91 8.29-27.19a11.5 11.5 0 0 1 4.62-.81c5.56 0 16.09 2.45 34.19 14.34A228 228 0 0 1 109.62 120c-5 4.07-11.48 9-18.52 13.66c-25.84 16.97-36.24 14.65-38.81 13.53m102.9 48.52C152.91 201 143 204 128 204s-24.91-3-27.19-8.29c-1.12-2.58-3.44-13 13.53-38.81c4.63-7 9.59-13.51 13.66-18.52c4.07 5 9 11.48 13.66 18.52c16.97 25.84 14.65 36.23 13.53 38.81m9.71-62.05c-7-4.63-13.51-9.59-18.52-13.66a228 228 0 0 1 18.52-13.66c25.84-17 36.24-14.65 38.81-13.53C209 95.09 212 105 212 120s-3 24.91-8.29 27.19c-2.57 1.12-12.97 3.44-38.81-13.53"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M213.25 169.21C228.34 162.67 236 146.11 236 120s-7.66-42.68-22.75-49.22c-10.66-4.61-23.59-3.6-39.17 3.14c6.73-15.58 7.75-28.51 3.14-39.17C170.67 19.66 154.12 12 128 12s-42.67 7.66-49.22 22.75c-4.61 10.66-3.59 23.59 3.14 39.17c-15.58-6.74-28.51-7.75-39.17-3.14C27.66 77.32 20 93.88 20 120s7.66 42.67 22.75 49.21A35.35 35.35 0 0 0 57 172.05q11.15 0 24.94-6c-6.73 15.59-7.75 28.52-3.14 39.17C85.33 220.34 101.88 228 128 228s42.67-7.66 49.22-22.76a34 34 0 0 0 1.53-4.33c7.57 13.18 14 27.41 17.61 42A12 12 0 0 0 208 252a12.3 12.3 0 0 0 2.92-.36a12 12 0 0 0 8.73-14.55c-6-24.11-18.23-46.91-31.51-66.33a50.2 50.2 0 0 0 10.86 1.29a35.35 35.35 0 0 0 14.25-2.84M100.81 44.29C103.09 39 113 36 128 36s24.91 3 27.19 8.29c1.12 2.57 3.44 13-13.53 38.81c-4.63 7-9.59 13.51-13.66 18.52c-4.07-5-9-11.48-13.66-18.52c-16.97-25.84-14.65-36.24-13.53-38.81m-48.52 102.9C47 144.91 44 135 44 120s3-24.91 8.29-27.19a11.5 11.5 0 0 1 4.62-.81c5.56 0 16.09 2.45 34.19 14.34A228 228 0 0 1 109.62 120c-5 4.07-11.48 9-18.52 13.66c-25.84 16.97-36.24 14.65-38.81 13.53m102.9 48.52C152.91 201 143 204 128 204s-24.91-3-27.19-8.29c-1.12-2.58-3.44-13 13.53-38.81c4.63-7 9.59-13.51 13.66-18.52c4.07 5 9 11.48 13.66 18.52c16.97 25.84 14.65 36.23 13.53 38.81m9.71-62.05c-7-4.63-13.51-9.59-18.52-13.66a228 228 0 0 1 18.52-13.66c25.84-17 36.24-14.65 38.81-13.53C209 95.09 212 105 212 120s-3 24.91-8.29 27.19c-2.57 1.12-12.97 3.44-38.81-13.53"/></svg>
</template>

CSS

.icon-clover-bold {
  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%22M213.25%20169.21C228.34%20162.67%20236%20146.11%20236%20120s-7.66-42.68-22.75-49.22c-10.66-4.61-23.59-3.6-39.17%203.14c6.73-15.58%207.75-28.51%203.14-39.17C170.67%2019.66%20154.12%2012%20128%2012s-42.67%207.66-49.22%2022.75c-4.61%2010.66-3.59%2023.59%203.14%2039.17c-15.58-6.74-28.51-7.75-39.17-3.14C27.66%2077.32%2020%2093.88%2020%20120s7.66%2042.67%2022.75%2049.21A35.35%2035.35%200%200%200%2057%20172.05q11.15%200%2024.94-6c-6.73%2015.59-7.75%2028.52-3.14%2039.17C85.33%20220.34%20101.88%20228%20128%20228s42.67-7.66%2049.22-22.76a34%2034%200%200%200%201.53-4.33c7.57%2013.18%2014%2027.41%2017.61%2042A12%2012%200%200%200%20208%20252a12.3%2012.3%200%200%200%202.92-.36a12%2012%200%200%200%208.73-14.55c-6-24.11-18.23-46.91-31.51-66.33a50.2%2050.2%200%200%200%2010.86%201.29a35.35%2035.35%200%200%200%2014.25-2.84M100.81%2044.29C103.09%2039%20113%2036%20128%2036s24.91%203%2027.19%208.29c1.12%202.57%203.44%2013-13.53%2038.81c-4.63%207-9.59%2013.51-13.66%2018.52c-4.07-5-9-11.48-13.66-18.52c-16.97-25.84-14.65-36.24-13.53-38.81m-48.52%20102.9C47%20144.91%2044%20135%2044%20120s3-24.91%208.29-27.19a11.5%2011.5%200%200%201%204.62-.81c5.56%200%2016.09%202.45%2034.19%2014.34A228%20228%200%200%201%20109.62%20120c-5%204.07-11.48%209-18.52%2013.66c-25.84%2016.97-36.24%2014.65-38.81%2013.53m102.9%2048.52C152.91%20201%20143%20204%20128%20204s-24.91-3-27.19-8.29c-1.12-2.58-3.44-13%2013.53-38.81c4.63-7%209.59-13.51%2013.66-18.52c4.07%205%209%2011.48%2013.66%2018.52c16.97%2025.84%2014.65%2036.23%2013.53%2038.81m9.71-62.05c-7-4.63-13.51-9.59-18.52-13.66a228%20228%200%200%201%2018.52-13.66c25.84-17%2036.24-14.65%2038.81-13.53C209%2095.09%20212%20105%20212%20120s-3%2024.91-8.29%2027.19c-2.57%201.12-12.97%203.44-38.81-13.53%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%22M213.25%20169.21C228.34%20162.67%20236%20146.11%20236%20120s-7.66-42.68-22.75-49.22c-10.66-4.61-23.59-3.6-39.17%203.14c6.73-15.58%207.75-28.51%203.14-39.17C170.67%2019.66%20154.12%2012%20128%2012s-42.67%207.66-49.22%2022.75c-4.61%2010.66-3.59%2023.59%203.14%2039.17c-15.58-6.74-28.51-7.75-39.17-3.14C27.66%2077.32%2020%2093.88%2020%20120s7.66%2042.67%2022.75%2049.21A35.35%2035.35%200%200%200%2057%20172.05q11.15%200%2024.94-6c-6.73%2015.59-7.75%2028.52-3.14%2039.17C85.33%20220.34%20101.88%20228%20128%20228s42.67-7.66%2049.22-22.76a34%2034%200%200%200%201.53-4.33c7.57%2013.18%2014%2027.41%2017.61%2042A12%2012%200%200%200%20208%20252a12.3%2012.3%200%200%200%202.92-.36a12%2012%200%200%200%208.73-14.55c-6-24.11-18.23-46.91-31.51-66.33a50.2%2050.2%200%200%200%2010.86%201.29a35.35%2035.35%200%200%200%2014.25-2.84M100.81%2044.29C103.09%2039%20113%2036%20128%2036s24.91%203%2027.19%208.29c1.12%202.57%203.44%2013-13.53%2038.81c-4.63%207-9.59%2013.51-13.66%2018.52c-4.07-5-9-11.48-13.66-18.52c-16.97-25.84-14.65-36.24-13.53-38.81m-48.52%20102.9C47%20144.91%2044%20135%2044%20120s3-24.91%208.29-27.19a11.5%2011.5%200%200%201%204.62-.81c5.56%200%2016.09%202.45%2034.19%2014.34A228%20228%200%200%201%20109.62%20120c-5%204.07-11.48%209-18.52%2013.66c-25.84%2016.97-36.24%2014.65-38.81%2013.53m102.9%2048.52C152.91%20201%20143%20204%20128%20204s-24.91-3-27.19-8.29c-1.12-2.58-3.44-13%2013.53-38.81c4.63-7%209.59-13.51%2013.66-18.52c4.07%205%209%2011.48%2013.66%2018.52c16.97%2025.84%2014.65%2036.23%2013.53%2038.81m9.71-62.05c-7-4.63-13.51-9.59-18.52-13.66a228%20228%200%200%201%2018.52-13.66c25.84-17%2036.24-14.65%2038.81-13.53C209%2095.09%20212%20105%20212%20120s-3%2024.91-8.29%2027.19c-2.57%201.12-12.97%203.44-38.81-13.53%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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