Four Leaf Clover icon
fluent-emoji:four-leaf-clover
The Four Leaf Clover icon (fluent-emoji:four-leaf-clover) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent Emoji
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Tags
- fourleaf, leafclover, fourleafclover
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#i8m23Bc)"><path fill="url(#iiAN8xe)" d="M20.47 30.503a.875.875 0 1 0 .799-1.557zm.799-1.557c-2.709-1.39-3.812-3.233-4.277-5.269c-.49-2.143-.28-4.44-.28-6.89h-1.75c0 2.226-.225 4.881.324 7.28c.573 2.506 1.986 4.795 5.184 6.436z"/><path fill="url(#if68NxM)" d="M20.47 30.503a.875.875 0 1 0 .799-1.557zm.799-1.557c-2.709-1.39-3.812-3.233-4.277-5.269c-.49-2.143-.28-4.44-.28-6.89h-1.75c0 2.226-.225 4.881.324 7.28c.573 2.506 1.986 4.795 5.184 6.436z"/><path fill="url(#iZAlS7d)" d="M20.47 30.503a.875.875 0 1 0 .799-1.557zm.799-1.557c-2.709-1.39-3.812-3.233-4.277-5.269c-.49-2.143-.28-4.44-.28-6.89h-1.75c0 2.226-.225 4.881.324 7.28c.573 2.506 1.986 4.795 5.184 6.436z"/></g><path fill="url(#ihMj83b)" d="M17.965 23.84c-2.799-2.115-2.182-7.193-2.182-10.24c4.063 0 6.838-.244 9.463 1.412c3.164 1.996 1.047 6.234-2.093 5.906c.484 2.781-2.844 4.693-5.188 2.922"/><path fill="url(#ipjhZfe)" d="M17.965 23.84c-2.799-2.115-2.182-7.193-2.182-10.24c4.063 0 6.838-.244 9.463 1.412c3.164 1.996 1.047 6.234-2.093 5.906c.484 2.781-2.844 4.693-5.188 2.922"/><path fill="url(#iPPZzXA)" d="M17.965 23.84c-2.799-2.115-2.182-7.193-2.182-10.24c4.063 0 6.838-.244 9.463 1.412c3.164 1.996 1.047 6.234-2.093 5.906c.484 2.781-2.844 4.693-5.188 2.922"/><path fill="url(#iOEBsVd)" d="M17.965 23.84c-2.799-2.115-2.182-7.193-2.182-10.24c4.063 0 6.838-.244 9.463 1.412c3.164 1.996 1.047 6.234-2.093 5.906c.484 2.781-2.844 4.693-5.188 2.922"/><path fill="url(#iuQ8WId)" d="M17.965 23.84c-2.799-2.115-2.182-7.193-2.182-10.24c4.063 0 6.838-.244 9.463 1.412c3.164 1.996 1.047 6.234-2.093 5.906c.484 2.781-2.844 4.693-5.188 2.922"/><path fill="url(#is8Iymd)" d="M17.965 23.84c-2.799-2.115-2.182-7.193-2.182-10.24c4.063 0 6.838-.244 9.463 1.412c3.164 1.996 1.047 6.234-2.093 5.906c.484 2.781-2.844 4.693-5.188 2.922"/><path fill="url(#ii97bJb)" d="M17.965 23.84c-2.799-2.115-2.182-7.193-2.182-10.24c4.063 0 6.838-.244 9.463 1.412c3.164 1.996 1.047 6.234-2.093 5.906c.484 2.781-2.844 4.693-5.188 2.922"/><path fill="url(#iopQS3b)" d="M17.965 23.84c-2.799-2.115-2.182-7.193-2.182-10.24c4.063 0 6.838-.244 9.463 1.412c3.164 1.996 1.047 6.234-2.093 5.906c.484 2.781-2.844 4.693-5.188 2.922"/><path fill="url(#i6euFkc)" d="M17.965 23.84c-2.799-2.115-2.182-7.193-2.182-10.24c4.063 0 6.838-.244 9.463 1.412c3.164 1.996 1.047 6.234-2.093 5.906c.484 2.781-2.844 4.693-5.188 2.922"/><path fill="url(#iQrhged)" d="M15.783 13.648V13.6q.718-.001 1.384-.007c3.33-.024 5.764-.042 8.08 1.419c3.128 1.974 1.122 6.174-2.089 5.908z"/><path fill="url(#i5s4cSb)" d="M15.783 13.648V13.6q.718-.001 1.384-.007c3.33-.024 5.764-.042 8.08 1.419c3.128 1.974 1.122 6.174-2.089 5.908z"/><g filter="url(#iSttXod)"><path fill="#48D386" d="M18.014 3.475c-2.5 2.093-2.14 7.109-2.14 10.156c4.062 0 6.797.328 9.422-1.328c3.163-1.996 1.046-6.235-2.094-5.907c.484-2.78-2.935-4.808-5.188-2.921"/><path fill="url(#iK1AJlb)" d="M18.014 3.475c-2.5 2.093-2.14 7.109-2.14 10.156c4.062 0 6.797.328 9.422-1.328c3.163-1.996 1.046-6.235-2.094-5.907c.484-2.78-2.935-4.808-5.188-2.921"/><path fill="url(#iv3i2ze)" d="M18.014 3.475c-2.5 2.093-2.14 7.109-2.14 10.156c4.062 0 6.797.328 9.422-1.328c3.163-1.996 1.046-6.235-2.094-5.907c.484-2.78-2.935-4.808-5.188-2.921"/><path fill="url(#inZQlFe)" d="M18.014 3.475c-2.5 2.093-2.14 7.109-2.14 10.156c4.062 0 6.797.328 9.422-1.328c3.163-1.996 1.046-6.235-2.094-5.907c.484-2.78-2.935-4.808-5.188-2.921"/><path fill="url(#iz6QCTz)" fill-opacity=".25" d="M18.014 3.475c-2.5 2.093-2.14 7.109-2.14 10.156c4.062 0 6.797.328 9.422-1.328c3.163-1.996 1.046-6.235-2.094-5.907c.484-2.78-2.935-4.808-5.188-2.921"/><path fill="url(#iiPKJGv)" d="M18.014 3.475c-2.5 2.093-2.14 7.109-2.14 10.156c4.062 0 6.797.328 9.422-1.328c3.163-1.996 1.046-6.235-2.094-5.907c.484-2.78-2.935-4.808-5.188-2.921"/></g><g filter="url(#iOZ1rxc)"><path fill="url(#idRK03d)" d="M13.648 23.84c2.799-2.116 2.14-7.193 2.14-10.24c-4.062 0-6.797-.245-9.422 1.412c-3.163 1.996-1.046 6.234 2.094 5.906c-.484 2.781 2.844 4.693 5.188 2.922"/><path fill="url(#itBp1kc)" d="M13.648 23.84c2.799-2.116 2.14-7.193 2.14-10.24c-4.062 0-6.797-.245-9.422 1.412c-3.163 1.996-1.046 6.234 2.094 5.906c-.484 2.781 2.844 4.693 5.188 2.922"/><path fill="url(#iaC5zmI)" d="M13.648 23.84c2.799-2.116 2.14-7.193 2.14-10.24c-4.062 0-6.797-.245-9.422 1.412c-3.163 1.996-1.046 6.234 2.094 5.906c-.484 2.781 2.844 4.693 5.188 2.922"/></g><path fill="url(#i90C3jB)" d="M13.648 23.84c2.799-2.116 2.14-7.193 2.14-10.24c-4.062 0-6.797-.245-9.422 1.412c-3.163 1.996-1.046 6.234 2.094 5.906c-.484 2.781 2.844 4.693 5.188 2.922"/><path fill="url(#iJKqgRd)" d="M13.648 23.84c2.799-2.116 2.14-7.193 2.14-10.24c-4.062 0-6.797-.245-9.422 1.412c-3.163 1.996-1.046 6.234 2.094 5.906c-.484 2.781 2.844 4.693 5.188 2.922"/><g filter="url(#iHlbsNc)"><path fill="url(#ij0M7WE)" d="M13.697 3.475c2.5 2.093 2.14 7.109 2.14 10.156c-4.062 0-6.796.328-9.421-1.328c-3.163-1.996-1.047-6.235 2.094-5.907c-.485-2.78 2.935-4.808 5.187-2.921"/><path fill="url(#iWcPljb)" d="M13.697 3.475c2.5 2.093 2.14 7.109 2.14 10.156c-4.062 0-6.796.328-9.421-1.328c-3.163-1.996-1.047-6.235 2.094-5.907c-.485-2.78 2.935-4.808 5.187-2.921"/><path fill="url(#i5urqPG)" d="M13.697 3.475c2.5 2.093 2.14 7.109 2.14 10.156c-4.062 0-6.796.328-9.421-1.328c-3.163-1.996-1.047-6.235 2.094-5.907c-.485-2.78 2.935-4.808 5.187-2.921"/><path fill="url(#iwZ5BCe)" d="M13.697 3.475c2.5 2.093 2.14 7.109 2.14 10.156c-4.062 0-6.796.328-9.421-1.328c-3.163-1.996-1.047-6.235 2.094-5.907c-.485-2.78 2.935-4.808 5.187-2.921"/><path fill="url(#iBfH6Ob)" d="M13.697 3.475c2.5 2.093 2.14 7.109 2.14 10.156c-4.062 0-6.796.328-9.421-1.328c-3.163-1.996-1.047-6.235 2.094-5.907c-.485-2.78 2.935-4.808 5.187-2.921"/><path fill="url(#ibhuugb)" d="M13.697 3.475c2.5 2.093 2.14 7.109 2.14 10.156c-4.062 0-6.796.328-9.421-1.328c-3.163-1.996-1.047-6.235 2.094-5.907c-.485-2.78 2.935-4.808 5.187-2.921"/></g><g filter="url(#iPrLHJe)"><path stroke="url(#ia0Gu9s)" stroke-linecap="round" stroke-width=".3" d="M16.01 21.38c-.115 1.803.737 5.95 5.062 8.126"/></g><g filter="url(#ieMyNNX)"><path fill="url(#i81Ymte)" d="m10.4 18.193l5.175-4.386c-.551.105-2.001.692-3.112 1.636c-1.25 1.063-2.034 2.328-2.063 2.75"/></g><g filter="url(#iVBi2Zb)"><path fill="url(#icOahIe)" d="m15.4 14.63l-3.468 3.376l3.03 2.094c.6-2.2.543-4.563.438-5.47"/></g><g filter="url(#iyS5xIe)"><ellipse cx="23.415" cy="17.519" fill="url(#iw2YA5b)" rx="3.032" ry="2.568" transform="rotate(13.617 23.415 17.519)"/></g><g filter="url(#iNgY4kb)"><path fill="url(#imub2Vc)" d="m22.125 20.052l-5.756-5.64c.59.8 1.276 1.683 2.704 3.438c1.303 1.601 2.017 2.082 3.052 2.202"/></g><g filter="url(#iS3Oi8c)"><path fill="url(#if5Uqzc)" d="m10.432 6.35l5.062 6.937c0-1.516 0-4.187-.625-6.656c-.393-1.551-1.484-3.781-3.86-3.188c-1.9.475-.952 2.625-.578 2.907"/><path fill="url(#iBEkSOd)" d="m10.432 6.35l5.062 6.937c0-1.516 0-4.187-.625-6.656c-.393-1.551-1.484-3.781-3.86-3.188c-1.9.475-.952 2.625-.578 2.907"/></g><g filter="url(#ijtjYhX)"><path fill="url(#i2hUcCf)" d="m9.643 7.334l5.28 5.516c-.905-.453-1.765-.766-3.171-2.25c-1.451-1.532-2.11-2.776-2.11-3.266"/></g><g filter="url(#ieveGxd)"><ellipse cx="24.212" cy="8.766" fill="url(#isAEW0d)" rx="2.115" ry="1.118" transform="rotate(6.434 24.212 8.766)"/></g><g filter="url(#iIyAJpV)"><ellipse cx="21.274" cy="5.701" fill="url(#iGKZZLd)" rx="2.115" ry="1.118" transform="rotate(-97.022 21.274 5.7)"/></g><defs><radialGradient id="if68NxM" cx="0" cy="0" r="1" gradientTransform="matrix(-.85938 .1875 -.20052 -.91904 21.822 29.725)" gradientUnits="userSpaceOnUse"><stop stop-color="#6AAC9A"/><stop offset="1" stop-color="#6AAC9A" stop-opacity="0"/></radialGradient><radialGradient id="iZAlS7d" cx="0" cy="0" r="1" gradientTransform="matrix(-.9375 .17188 -.99916 -5.4499 17.229 23.084)" gradientUnits="userSpaceOnUse"><stop stop-color="#557C70"/><stop offset="1" stop-color="#557C70" stop-opacity="0"/></radialGradient><radialGradient id="ipjhZfe" cx="0" cy="0" r="1" gradientTransform="rotate(-161.184 15.205 7.1)scale(8.91387 4.25138)" gradientUnits="userSpaceOnUse"><stop stop-color="#46D282"/><stop offset="1" stop-color="#46D282" stop-opacity="0"/></radialGradient><radialGradient id="iPPZzXA" cx="0" cy="0" r="1" gradientTransform="matrix(-3.47638 -3 3.38577 -3.92342 24.744 23.537)" gradientUnits="userSpaceOnUse"><stop stop-color="#43D592"/><stop offset="1" stop-color="#43D592" stop-opacity="0"/></radialGradient><radialGradient id="iOEBsVd" cx="0" cy="0" r="1" gradientTransform="rotate(178.075 11.797 11.189)scale(3.72085 7.0097)" gradientUnits="userSpaceOnUse"><stop stop-color="#45DF94"/><stop offset="1" stop-color="#45DF94" stop-opacity="0"/></radialGradient><radialGradient id="iuQ8WId" cx="0" cy="0" r="1" gradientTransform="matrix(5.2111 5.14368 -.56937 .57683 16.057 13.912)" gradientUnits="userSpaceOnUse"><stop stop-color="#249F5C"/><stop offset="1" stop-color="#249F5C" stop-opacity="0"/></radialGradient><radialGradient id="is8Iymd" cx="0" cy="0" r="1" gradientTransform="rotate(99.541 5.396 15.48)scale(1.74286 8.17569)" gradientUnits="userSpaceOnUse"><stop stop-color="#439059"/><stop offset="1" stop-color="#439059" stop-opacity="0"/></radialGradient><radialGradient id="ii97bJb" cx="0" cy="0" r="1" gradientTransform="rotate(-179.091 11.897 10.91)scale(1.969 2.34643)" gradientUnits="userSpaceOnUse"><stop stop-color="#4DD695"/><stop offset="1" stop-color="#4DD695" stop-opacity="0"/></radialGradient><radialGradient id="iopQS3b" cx="0" cy="0" r="1" gradientTransform="matrix(-8.4375 -.06244 .14151 -19.12278 22.994 17.662)" gradientUnits="userSpaceOnUse"><stop offset=".624" stop-color="#1D9453" stop-opacity="0"/><stop offset="1" stop-color="#1D9453"/></radialGradient><radialGradient id="i6euFkc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.99235 8.625 -6.70944 -1.54986 21.268 16.6)" gradientUnits="userSpaceOnUse"><stop offset=".841" stop-color="#438882" stop-opacity="0"/><stop offset=".969" stop-color="#438882"/></radialGradient><radialGradient id="i5s4cSb" cx="0" cy="0" r="1" gradientTransform="matrix(.1875 6.1875 -14.72894 .44633 22.557 15.443)" gradientUnits="userSpaceOnUse"><stop offset=".821" stop-color="#438882" stop-opacity="0"/><stop offset="1" stop-color="#438882"/></radialGradient><radialGradient id="iK1AJlb" cx="0" cy="0" r="1" gradientTransform="rotate(135 9.864 8.245)scale(10.6066 10.051)" gradientUnits="userSpaceOnUse"><stop offset=".279" stop-color="#188A50" stop-opacity="0"/><stop offset="1" stop-color="#188A50"/></radialGradient><radialGradient id="iv3i2ze" cx="0" cy="0" r="1" gradientTransform="matrix(-3.99999 4.1875 -4.40457 -4.20733 24.418 5.037)" gradientUnits="userSpaceOnUse"><stop offset=".164" stop-color="#75F9A8"/><stop offset="1" stop-color="#75F9A8" stop-opacity="0"/></radialGradient><radialGradient id="inZQlFe" cx="0" cy="0" r="1" gradientTransform="rotate(-45 25.927 -9.12)scale(8.83883 6.0546)" gradientUnits="userSpaceOnUse"><stop stop-color="#338B6E"/><stop offset="1" stop-color="#338B6E" stop-opacity="0"/></radialGradient><radialGradient id="iz6QCTz" cx="0" cy="0" r="1" gradientTransform="rotate(136.672 8.056 8.811)scale(6.05718 .89244)" gradientUnits="userSpaceOnUse"><stop stop-color="#309B69"/><stop offset="1" stop-color="#34BB72" stop-opacity="0"/></radialGradient><radialGradient id="iiPKJGv" cx="0" cy="0" r="1" gradientTransform="matrix(-5.43753 5.12496 -.11597 -.12304 23.635 5.834)" gradientUnits="userSpaceOnUse"><stop stop-color="#79F0AF"/><stop offset="1" stop-color="#79F0AF" stop-opacity="0"/></radialGradient><radialGradient id="idRK03d" cx="0" cy="0" r="1" gradientTransform="rotate(-47.586 26.064 -5.431)scale(6.85708 6.70787)" gradientUnits="userSpaceOnUse"><stop stop-color="#53CE8D"/><stop offset="1" stop-color="#39B97C"/></radialGradient><radialGradient id="itBp1kc" cx="0" cy="0" r="1" gradientTransform="matrix(3.5625 -3.375 .48572 .5127 12.525 16.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#1FAE5A"/><stop offset="1" stop-color="#1FAE5A" stop-opacity="0"/></radialGradient><radialGradient id="iaC5zmI" cx="0" cy="0" r="1" gradientTransform="matrix(-5.31482 5.13767 -.0608 -.06289 15.856 13.587)" gradientUnits="userSpaceOnUse"><stop offset=".366" stop-color="#6AD392"/><stop offset="1" stop-color="#6AD392" stop-opacity="0"/></radialGradient><radialGradient id="i90C3jB" cx="0" cy="0" r="1" gradientTransform="matrix(.36719 -.89844 1.12878 .46133 7.19 21.232)" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#718C9F"/><stop offset="1" stop-color="#718C9F" stop-opacity="0"/></radialGradient><radialGradient id="iJKqgRd" cx="0" cy="0" r="1" gradientTransform="matrix(.6023 -1.65625 6.2 2.25465 10.33 24.725)" gradientUnits="userSpaceOnUse"><stop stop-color="#718C9F"/><stop offset="1" stop-color="#718C9F" stop-opacity="0"/></radialGradient><radialGradient id="iWcPljb" cx="0" cy="0" r="1" gradientTransform="rotate(45 -1.96 11.72)scale(5.43588 7.34918)" gradientUnits="userSpaceOnUse"><stop stop-color="#3BC577"/><stop offset="1" stop-color="#3BC577" stop-opacity="0"/></radialGradient><radialGradient id="i5urqPG" cx="0" cy="0" r="1" gradientTransform="rotate(145.105 6.777 4.537)scale(4.53394 4.41419)" gradientUnits="userSpaceOnUse"><stop stop-color="#5AF095"/><stop offset="1" stop-color="#5AF095" stop-opacity="0"/></radialGradient><radialGradient id="iwZ5BCe" cx="0" cy="0" r="1" gradientTransform="rotate(-134.582 10.786 3.51)scale(9.90899 .51511)" gradientUnits="userSpaceOnUse"><stop offset=".433" stop-color="#3AA578"/><stop offset="1" stop-color="#3AA578" stop-opacity="0"/></radialGradient><radialGradient id="iBfH6Ob" cx="0" cy="0" r="1" gradientTransform="matrix(-6.65627 -6.8906 .03697 -.03571 15.994 13.834)" gradientUnits="userSpaceOnUse"><stop offset=".545" stop-color="#4EB87F"/><stop offset="1" stop-color="#4EB87F" stop-opacity="0"/></radialGradient><radialGradient id="ibhuugb" cx="0" cy="0" r="1" gradientTransform="matrix(6.1875 .47362 -.24275 3.17136 8.963 13.657)" gradientUnits="userSpaceOnUse"><stop stop-color="#379876"/><stop offset="1" stop-color="#379876" stop-opacity="0"/></radialGradient><radialGradient id="icOahIe" cx="0" cy="0" r="1" gradientTransform="matrix(-.34375 6.21875 -1.63255 -.09024 14.838 14.225)" gradientUnits="userSpaceOnUse"><stop stop-color="#6EE79D"/><stop offset="1" stop-color="#72D79A" stop-opacity="0"/></radialGradient><radialGradient id="iw2YA5b" cx="0" cy="0" r="1" gradientTransform="rotate(167.615 12.408 9.618)scale(5.44834 2.82167)" gradientUnits="userSpaceOnUse"><stop stop-color="#81FFB3"/><stop offset="1" stop-color="#81FFB3" stop-opacity="0"/></radialGradient><radialGradient id="imub2Vc" cx="0" cy="0" r="1" gradientTransform="matrix(-.54502 .52322 -3.31096 -3.4489 19.847 17.95)" gradientUnits="userSpaceOnUse"><stop stop-color="#72DDA1"/><stop offset="1" stop-color="#72DDA1" stop-opacity="0"/></radialGradient><radialGradient id="if5Uqzc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.96875 1.03344 -4.64055 -8.84044 14.932 8.316)" gradientUnits="userSpaceOnUse"><stop stop-color="#77E8A3"/><stop offset="1" stop-color="#77E8A3" stop-opacity="0"/></radialGradient><radialGradient id="iBEkSOd" cx="0" cy="0" r="1" gradientTransform="matrix(-10.84377 -1.09382 .5334 -5.28796 21.12 8.943)" gradientUnits="userSpaceOnUse"><stop stop-color="#77E8A3"/><stop offset=".999" stop-color="#77E8A3" stop-opacity="0"/></radialGradient><radialGradient id="isAEW0d" cx="0" cy="0" r="1" gradientTransform="matrix(-3.0759 .05337 -.01868 -1.07679 25.672 8.602)" gradientUnits="userSpaceOnUse"><stop stop-color="#80FFB4"/><stop offset="1" stop-color="#80FFB4" stop-opacity="0"/></radialGradient><radialGradient id="iGKZZLd" cx="0" cy="0" r="1" gradientTransform="matrix(4.13832 -.73388 .25691 1.44872 19.758 6.555)" gradientUnits="userSpaceOnUse"><stop stop-color="#80FFB4"/><stop offset="1" stop-color="#80FFB4" stop-opacity="0"/></radialGradient><filter id="i8m23Bc" width="6.978" height="13.963" x="14.917" y="16.637" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.15"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.243137 0 0 0 0 0.380392 0 0 0 0 0.478431 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_7891"/></filter><filter id="iSttXod" width="11.254" height="11.167" x="15.856" y="2.49" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy="-.25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.227451 0 0 0 0 0.596078 0 0 0 0 0.352941 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_7891"/></filter><filter id="iOZ1rxc" width="11.053" height="10.938" x="4.803" y="13.587" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.0901961 0 0 0 0 0.576471 0 0 0 0 0.313726 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_7891"/></filter><filter id="iHlbsNc" width="11.254" height="11.167" x="4.852" y="2.49" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy="-.25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.211765 0 0 0 0 0.505882 0 0 0 0 0.407843 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_7891"/></filter><filter id="iPrLHJe" width="6.172" height="9.225" x="15.45" y="20.831" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7891" stdDeviation=".2"/></filter><filter id="ieMyNNX" width="6.175" height="5.387" x="9.9" y="13.307" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7891" stdDeviation=".25"/></filter><filter id="iVBi2Zb" width="4.535" height="6.469" x="11.432" y="14.131" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7891" stdDeviation=".25"/></filter><filter id="iyS5xIe" width="8.518" height="7.692" x="19.156" y="13.673" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7891" stdDeviation=".625"/></filter><filter id="iNgY4kb" width="6.556" height="6.44" x="15.969" y="14.012" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7891" stdDeviation=".2"/></filter><filter id="iS3Oi8c" width="7.132" height="11.442" x="9.112" y="2.595" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7891" stdDeviation=".375"/></filter><filter id="ijtjYhX" width="6.281" height="6.516" x="9.143" y="6.834" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7891" stdDeviation=".25"/></filter><filter id="ieveGxd" width="6.211" height="4.273" x="21.107" y="6.63" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7891" stdDeviation=".5"/></filter><filter id="iIyAJpV" width="4.28" height="6.207" x="19.134" y="2.597" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7891" stdDeviation=".5"/></filter><linearGradient id="iiAN8xe" x1="16.369" x2="21.369" y1="19.475" y2="30.412" gradientUnits="userSpaceOnUse"><stop stop-color="#18554D"/><stop offset="1" stop-color="#509E85"/></linearGradient><linearGradient id="ihMj83b" x1="15.244" x2="21.994" y1="13.975" y2="19.975" gradientUnits="userSpaceOnUse"><stop stop-color="#2C9C60"/><stop offset="1" stop-color="#3CCE7F"/></linearGradient><linearGradient id="iQrhged" x1="15.182" x2="18.619" y1="17.262" y2="14.568" gradientUnits="userSpaceOnUse"><stop stop-color="#219756"/><stop offset="1" stop-color="#219756" stop-opacity="0"/></linearGradient><linearGradient id="ij0M7WE" x1="10.354" x2="15.856" y1="5.287" y2="14.287" gradientUnits="userSpaceOnUse"><stop stop-color="#3AC97D"/><stop offset="1" stop-color="#3FAD80"/></linearGradient><linearGradient id="ia0Gu9s" x1="21.072" x2="15.791" y1="29.287" y2="22.006" gradientUnits="userSpaceOnUse"><stop stop-color="#69AA99"/><stop offset="1" stop-color="#69AA99" stop-opacity="0"/></linearGradient><linearGradient id="i81Ymte" x1="14.963" x2="9.119" y1="14.725" y2="18.006" gradientUnits="userSpaceOnUse"><stop stop-color="#75E2A0"/><stop offset="1" stop-color="#72D79A" stop-opacity="0"/></linearGradient><linearGradient id="i2hUcCf" x1="12.127" x2="12.768" y1="10.771" y2="10.092" gradientUnits="userSpaceOnUse"><stop stop-color="#75D79F"/><stop offset="1" stop-color="#75D79F" stop-opacity="0"/></linearGradient></defs></g></svg>How to use the Four Leaf Clover icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:four-leaf-clover" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:four-leaf-clover" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:four-leaf-clover" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--four-leaf-clover]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:four-leaf-clover"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:four-leaf-clover"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/four-leaf-clover.svg" alt="Four Leaf Clover icon" width="24" height="24">Related icons in Fluent Emoji
Four Leaf Clover icon in other icon sets
Four Leaf Clover icon FAQ
Is the Four Leaf Clover icon free for commercial use?
Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Four Leaf Clover icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:four-leaf-clover" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Four Leaf Clover icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/four-leaf-clover.svg" alt="Four Leaf Clover icon">, or paste the SVG code inline to style it with CSS.