four leaf clover emoji

four-leaf-clover from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
four-leaf-clover
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

four-leaf-cloverFluent Emojifour-leaf-cloverFluent Emoji Flatfour-leaf-cloverFluent Emoji High Contrastfour-leaf-cloverNoto Emojifour-leaf-cloverOpenMojifour-leaf-cloverStreamline Emojisfour-leaf-cloverTwitter Emoji

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollision

Use the four leaf clover emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="31" r="2.8" fill="#699635"/><path fill="#7bb246" d="M3.8 40c-5.9 9.8 4.3 12.8 8.8 9.5c-3.4 5-.1 14.4 9.7 8.7c10.9-6.4 7.9-24.5 8.5-26.6c-1.8.3-20.7-2.1-27 8.4"/><path fill="#699635" d="M12.6 49.5c1.4-1.6 2.9-3.1 4.3-4.7l4.5-4.5c1.5-1.5 3-3 4.6-4.4l2.3-2.2l2.4-2.1l-2.1 2.4l-2.2 2.3l-4.5 4.5c-1.5 1.5-3 3-4.6 4.4c-1.5 1.5-3 2.9-4.7 4.3"/><path fill="#7bb246" d="M60.2 22c5.9-9.8-4.3-12.8-8.8-9.5c3.4-5 .1-14.4-9.7-8.7c-10.9 6.4-7.9 24.5-8.5 26.6c1.8-.3 20.7 2.1 27-8.4"/><path fill="#699635" d="M51.4 12.5c-1.4 1.6-2.9 3.1-4.3 4.7l-4.5 4.5c-1.5 1.5-3 3-4.6 4.4l-2.3 2.2l-2.4 2.1l2.1-2.4l2.2-2.3l4.5-4.5c1.5-1.5 3-3 4.6-4.4c1.5-1.5 3-2.9 4.7-4.3"/><path fill="#83bf4f" d="M22.3 3.8c-10-5.8-13 4.2-9.7 8.7c-5-3.3-14.6-.1-8.8 9.5c6.5 10.7 24.9 7.8 27 8.3c-.3-1.7 2.2-20.3-8.5-26.5"/><path fill="#699635" d="M12.6 12.5c1.6 1.4 3.2 2.8 4.7 4.2c1.6 1.4 3.1 2.9 4.6 4.4l4.5 4.5l2.2 2.3l2.1 2.4l-2.4-2.1l-2.3-2.1c-1.6-1.4-3.1-2.9-4.6-4.4l-4.5-4.5c-1.4-1.6-2.9-3.1-4.3-4.7"/><path fill="#83bf4f" d="M41.7 58.2c10 5.8 13-4.2 9.7-8.7c5.1 3.3 14.6.1 8.8-9.5c-6.5-10.7-24.9-7.8-27-8.3c.3 1.7-2.2 20.3 8.5 26.5"/><path fill="#699635" d="M51.4 49.5c-1.6-1.4-3.2-2.8-4.7-4.2c-1.6-1.4-3.1-2.9-4.6-4.4l-4.5-4.5l-2.2-2.4l-2.1-2.4l2.4 2.1l2.3 2.2c1.6 1.4 3.1 2.9 4.6 4.4l4.5 4.5c1.4 1.6 2.9 3.1 4.3 4.7M32 36.8l2.5 22.7c.1 1.3-.9 2.4-2.2 2.5c-1.4.1-2.6-.8-2.8-2.1v-.5z"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneFourLeafClover(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="31" r="2.8" fill="#699635"/><path fill="#7bb246" d="M3.8 40c-5.9 9.8 4.3 12.8 8.8 9.5c-3.4 5-.1 14.4 9.7 8.7c10.9-6.4 7.9-24.5 8.5-26.6c-1.8.3-20.7-2.1-27 8.4"/><path fill="#699635" d="M12.6 49.5c1.4-1.6 2.9-3.1 4.3-4.7l4.5-4.5c1.5-1.5 3-3 4.6-4.4l2.3-2.2l2.4-2.1l-2.1 2.4l-2.2 2.3l-4.5 4.5c-1.5 1.5-3 3-4.6 4.4c-1.5 1.5-3 2.9-4.7 4.3"/><path fill="#7bb246" d="M60.2 22c5.9-9.8-4.3-12.8-8.8-9.5c3.4-5 .1-14.4-9.7-8.7c-10.9 6.4-7.9 24.5-8.5 26.6c1.8-.3 20.7 2.1 27-8.4"/><path fill="#699635" d="M51.4 12.5c-1.4 1.6-2.9 3.1-4.3 4.7l-4.5 4.5c-1.5 1.5-3 3-4.6 4.4l-2.3 2.2l-2.4 2.1l2.1-2.4l2.2-2.3l4.5-4.5c1.5-1.5 3-3 4.6-4.4c1.5-1.5 3-2.9 4.7-4.3"/><path fill="#83bf4f" d="M22.3 3.8c-10-5.8-13 4.2-9.7 8.7c-5-3.3-14.6-.1-8.8 9.5c6.5 10.7 24.9 7.8 27 8.3c-.3-1.7 2.2-20.3-8.5-26.5"/><path fill="#699635" d="M12.6 12.5c1.6 1.4 3.2 2.8 4.7 4.2c1.6 1.4 3.1 2.9 4.6 4.4l4.5 4.5l2.2 2.3l2.1 2.4l-2.4-2.1l-2.3-2.1c-1.6-1.4-3.1-2.9-4.6-4.4l-4.5-4.5c-1.4-1.6-2.9-3.1-4.3-4.7"/><path fill="#83bf4f" d="M41.7 58.2c10 5.8 13-4.2 9.7-8.7c5.1 3.3 14.6.1 8.8-9.5c-6.5-10.7-24.9-7.8-27-8.3c.3 1.7-2.2 20.3 8.5 26.5"/><path fill="#699635" d="M51.4 49.5c-1.6-1.4-3.2-2.8-4.7-4.2c-1.6-1.4-3.1-2.9-4.6-4.4l-4.5-4.5l-2.2-2.4l-2.1-2.4l2.4 2.1l2.3 2.2c1.6 1.4 3.1 2.9 4.6 4.4l4.5 4.5c1.4 1.6 2.9 3.1 4.3 4.7M32 36.8l2.5 22.7c.1 1.3-.9 2.4-2.2 2.5c-1.4.1-2.6-.8-2.8-2.1v-.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="31" r="2.8" fill="#699635"/><path fill="#7bb246" d="M3.8 40c-5.9 9.8 4.3 12.8 8.8 9.5c-3.4 5-.1 14.4 9.7 8.7c10.9-6.4 7.9-24.5 8.5-26.6c-1.8.3-20.7-2.1-27 8.4"/><path fill="#699635" d="M12.6 49.5c1.4-1.6 2.9-3.1 4.3-4.7l4.5-4.5c1.5-1.5 3-3 4.6-4.4l2.3-2.2l2.4-2.1l-2.1 2.4l-2.2 2.3l-4.5 4.5c-1.5 1.5-3 3-4.6 4.4c-1.5 1.5-3 2.9-4.7 4.3"/><path fill="#7bb246" d="M60.2 22c5.9-9.8-4.3-12.8-8.8-9.5c3.4-5 .1-14.4-9.7-8.7c-10.9 6.4-7.9 24.5-8.5 26.6c1.8-.3 20.7 2.1 27-8.4"/><path fill="#699635" d="M51.4 12.5c-1.4 1.6-2.9 3.1-4.3 4.7l-4.5 4.5c-1.5 1.5-3 3-4.6 4.4l-2.3 2.2l-2.4 2.1l2.1-2.4l2.2-2.3l4.5-4.5c1.5-1.5 3-3 4.6-4.4c1.5-1.5 3-2.9 4.7-4.3"/><path fill="#83bf4f" d="M22.3 3.8c-10-5.8-13 4.2-9.7 8.7c-5-3.3-14.6-.1-8.8 9.5c6.5 10.7 24.9 7.8 27 8.3c-.3-1.7 2.2-20.3-8.5-26.5"/><path fill="#699635" d="M12.6 12.5c1.6 1.4 3.2 2.8 4.7 4.2c1.6 1.4 3.1 2.9 4.6 4.4l4.5 4.5l2.2 2.3l2.1 2.4l-2.4-2.1l-2.3-2.1c-1.6-1.4-3.1-2.9-4.6-4.4l-4.5-4.5c-1.4-1.6-2.9-3.1-4.3-4.7"/><path fill="#83bf4f" d="M41.7 58.2c10 5.8 13-4.2 9.7-8.7c5.1 3.3 14.6.1 8.8-9.5c-6.5-10.7-24.9-7.8-27-8.3c.3 1.7-2.2 20.3 8.5 26.5"/><path fill="#699635" d="M51.4 49.5c-1.6-1.4-3.2-2.8-4.7-4.2c-1.6-1.4-3.1-2.9-4.6-4.4l-4.5-4.5l-2.2-2.4l-2.1-2.4l2.4 2.1l2.3 2.2c1.6 1.4 3.1 2.9 4.6 4.4l4.5 4.5c1.4 1.6 2.9 3.1 4.3 4.7M32 36.8l2.5 22.7c.1 1.3-.9 2.4-2.2 2.5c-1.4.1-2.6-.8-2.8-2.1v-.5z"/></svg>
</template>

CSS

.icon-four-leaf-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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2231%22%20r%3D%222.8%22%20fill%3D%22%23699635%22%2F%3E%3Cpath%20fill%3D%22%237bb246%22%20d%3D%22M3.8%2040c-5.9%209.8%204.3%2012.8%208.8%209.5c-3.4%205-.1%2014.4%209.7%208.7c10.9-6.4%207.9-24.5%208.5-26.6c-1.8.3-20.7-2.1-27%208.4%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M12.6%2049.5c1.4-1.6%202.9-3.1%204.3-4.7l4.5-4.5c1.5-1.5%203-3%204.6-4.4l2.3-2.2l2.4-2.1l-2.1%202.4l-2.2%202.3l-4.5%204.5c-1.5%201.5-3%203-4.6%204.4c-1.5%201.5-3%202.9-4.7%204.3%22%2F%3E%3Cpath%20fill%3D%22%237bb246%22%20d%3D%22M60.2%2022c5.9-9.8-4.3-12.8-8.8-9.5c3.4-5%20.1-14.4-9.7-8.7c-10.9%206.4-7.9%2024.5-8.5%2026.6c1.8-.3%2020.7%202.1%2027-8.4%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M51.4%2012.5c-1.4%201.6-2.9%203.1-4.3%204.7l-4.5%204.5c-1.5%201.5-3%203-4.6%204.4l-2.3%202.2l-2.4%202.1l2.1-2.4l2.2-2.3l4.5-4.5c1.5-1.5%203-3%204.6-4.4c1.5-1.5%203-2.9%204.7-4.3%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M22.3%203.8c-10-5.8-13%204.2-9.7%208.7c-5-3.3-14.6-.1-8.8%209.5c6.5%2010.7%2024.9%207.8%2027%208.3c-.3-1.7%202.2-20.3-8.5-26.5%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M12.6%2012.5c1.6%201.4%203.2%202.8%204.7%204.2c1.6%201.4%203.1%202.9%204.6%204.4l4.5%204.5l2.2%202.3l2.1%202.4l-2.4-2.1l-2.3-2.1c-1.6-1.4-3.1-2.9-4.6-4.4l-4.5-4.5c-1.4-1.6-2.9-3.1-4.3-4.7%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M41.7%2058.2c10%205.8%2013-4.2%209.7-8.7c5.1%203.3%2014.6.1%208.8-9.5c-6.5-10.7-24.9-7.8-27-8.3c.3%201.7-2.2%2020.3%208.5%2026.5%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M51.4%2049.5c-1.6-1.4-3.2-2.8-4.7-4.2c-1.6-1.4-3.1-2.9-4.6-4.4l-4.5-4.5l-2.2-2.4l-2.1-2.4l2.4%202.1l2.3%202.2c1.6%201.4%203.1%202.9%204.6%204.4l4.5%204.5c1.4%201.6%202.9%203.1%204.3%204.7M32%2036.8l2.5%2022.7c.1%201.3-.9%202.4-2.2%202.5c-1.4.1-2.6-.8-2.8-2.1v-.5z%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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2231%22%20r%3D%222.8%22%20fill%3D%22%23699635%22%2F%3E%3Cpath%20fill%3D%22%237bb246%22%20d%3D%22M3.8%2040c-5.9%209.8%204.3%2012.8%208.8%209.5c-3.4%205-.1%2014.4%209.7%208.7c10.9-6.4%207.9-24.5%208.5-26.6c-1.8.3-20.7-2.1-27%208.4%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M12.6%2049.5c1.4-1.6%202.9-3.1%204.3-4.7l4.5-4.5c1.5-1.5%203-3%204.6-4.4l2.3-2.2l2.4-2.1l-2.1%202.4l-2.2%202.3l-4.5%204.5c-1.5%201.5-3%203-4.6%204.4c-1.5%201.5-3%202.9-4.7%204.3%22%2F%3E%3Cpath%20fill%3D%22%237bb246%22%20d%3D%22M60.2%2022c5.9-9.8-4.3-12.8-8.8-9.5c3.4-5%20.1-14.4-9.7-8.7c-10.9%206.4-7.9%2024.5-8.5%2026.6c1.8-.3%2020.7%202.1%2027-8.4%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M51.4%2012.5c-1.4%201.6-2.9%203.1-4.3%204.7l-4.5%204.5c-1.5%201.5-3%203-4.6%204.4l-2.3%202.2l-2.4%202.1l2.1-2.4l2.2-2.3l4.5-4.5c1.5-1.5%203-3%204.6-4.4c1.5-1.5%203-2.9%204.7-4.3%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M22.3%203.8c-10-5.8-13%204.2-9.7%208.7c-5-3.3-14.6-.1-8.8%209.5c6.5%2010.7%2024.9%207.8%2027%208.3c-.3-1.7%202.2-20.3-8.5-26.5%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M12.6%2012.5c1.6%201.4%203.2%202.8%204.7%204.2c1.6%201.4%203.1%202.9%204.6%204.4l4.5%204.5l2.2%202.3l2.1%202.4l-2.4-2.1l-2.3-2.1c-1.6-1.4-3.1-2.9-4.6-4.4l-4.5-4.5c-1.4-1.6-2.9-3.1-4.3-4.7%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M41.7%2058.2c10%205.8%2013-4.2%209.7-8.7c5.1%203.3%2014.6.1%208.8-9.5c-6.5-10.7-24.9-7.8-27-8.3c.3%201.7-2.2%2020.3%208.5%2026.5%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M51.4%2049.5c-1.6-1.4-3.2-2.8-4.7-4.2c-1.6-1.4-3.1-2.9-4.6-4.4l-4.5-4.5l-2.2-2.4l-2.1-2.4l2.4%202.1l2.3%202.2c1.6%201.4%203.1%202.9%204.6%204.4l4.5%204.5c1.4%201.6%202.9%203.1%204.3%204.7M32%2036.8l2.5%2022.7c.1%201.3-.9%202.4-2.2%202.5c-1.4.1-2.6-.8-2.8-2.1v-.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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