Sparkling Heart icon
fluent-emoji:sparkling-heart
The Sparkling Heart icon (fluent-emoji:sparkling-heart) 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
- sparklingheart
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iuotm1c)" d="M15.084 29.551a1.73 1.73 0 0 0 1.71-.022c3.579-2.045 9.797-6.753 12.24-12.869c3.584-7.963-4.833-14.32-10.65-9.748c-.607.477-1.37 1.022-1.895 1.54c-.238.233-.657.257-.904.033c-.69-.628-1.768-1.434-2.461-1.902C8.164 3.227-.86 7.65 2.989 17.09c1.41 4.237 8.13 10.248 12.095 12.461"/><path fill="url(#iTpVKIb)" d="M15.084 29.551a1.73 1.73 0 0 0 1.71-.022c3.579-2.045 9.797-6.753 12.24-12.869c3.584-7.963-4.833-14.32-10.65-9.748c-.607.477-1.37 1.022-1.895 1.54c-.238.233-.657.257-.904.033c-.69-.628-1.768-1.434-2.461-1.902C8.164 3.227-.86 7.65 2.989 17.09c1.41 4.237 8.13 10.248 12.095 12.461"/><path fill="url(#iisXlLe)" d="M15.084 29.551a1.73 1.73 0 0 0 1.71-.022c3.579-2.045 9.797-6.753 12.24-12.869c3.584-7.963-4.833-14.32-10.65-9.748c-.607.477-1.37 1.022-1.895 1.54c-.238.233-.657.257-.904.033c-.69-.628-1.768-1.434-2.461-1.902C8.164 3.227-.86 7.65 2.989 17.09c1.41 4.237 8.13 10.248 12.095 12.461"/><path fill="url(#iXzGJJe)" d="M15.084 29.551a1.73 1.73 0 0 0 1.71-.022c3.579-2.045 9.797-6.753 12.24-12.869c3.584-7.963-4.833-14.32-10.65-9.748c-.607.477-1.37 1.022-1.895 1.54c-.238.233-.657.257-.904.033c-.69-.628-1.768-1.434-2.461-1.902C8.164 3.227-.86 7.65 2.989 17.09c1.41 4.237 8.13 10.248 12.095 12.461"/><path fill="url(#ivlvtgd)" d="M15.084 29.551a1.73 1.73 0 0 0 1.71-.022c3.579-2.045 9.797-6.753 12.24-12.869c3.584-7.963-4.833-14.32-10.65-9.748c-.607.477-1.37 1.022-1.895 1.54c-.238.233-.657.257-.904.033c-.69-.628-1.768-1.434-2.461-1.902C8.164 3.227-.86 7.65 2.989 17.09c1.41 4.237 8.13 10.248 12.095 12.461"/><path fill="url(#iAW3Pfb)" d="M15.084 29.551a1.73 1.73 0 0 0 1.71-.022c3.579-2.045 9.797-6.753 12.24-12.869c3.584-7.963-4.833-14.32-10.65-9.748c-.607.477-1.37 1.022-1.895 1.54c-.238.233-.657.257-.904.033c-.69-.628-1.768-1.434-2.461-1.902C8.164 3.227-.86 7.65 2.989 17.09c1.41 4.237 8.13 10.248 12.095 12.461"/><path fill="url(#ijHt4yd)" d="M16.013 8.896c.892.807 2.267.573 3.02-.366c1.144-1.425 2.766-2.893 4.915-3.03c-1.825-.35-3.812.035-5.565 1.412q-.227.178-.474.366c-.485.371-1 .766-1.392 1.146c-.254.246-.698.271-.96.035l-.121-.108c.149.15.352.341.577.545"/><g filter="url(#i5EJwQi)"><path fill="#FA1C56" d="M16.566 12.119v6.19c0 2.714 2.87 3.621 3.744 1.05c.747-2.2 1.065-4.57.423-6.637c-.435-1.4-1.486-2.167-2.472-2.435c-1.037-.282-1.695.756-1.695 1.832"/></g><g filter="url(#i0xy92b)"><ellipse cx="24.707" cy="11.581" fill="url(#i2xsxVc)" rx="4.158" ry="2.861" transform="rotate(-44.19 24.707 11.581)"/></g><g filter="url(#iwV5l9b)"><ellipse cx="12.467" cy="11.187" fill="url(#idTTIWd)" fill-opacity=".5" rx="4.158" ry="2.861" transform="rotate(-128.955 12.467 11.187)"/></g><g filter="url(#iCqoC4b)"><path fill="#A71135" d="m8.953 20.244l-.559-3.239c-.149-.461-.484-.515-.672-.203L5.676 21.1z"/></g><path fill="url(#iC0TsBc)" d="M6.768 20.11a1.25 1.25 0 0 1-.705.768l-2.635 1.107a.5.5 0 0 0 0 .922l2.647 1.113c.336.141.594.423.705.77l1.17 3.637a.5.5 0 0 0 .952 0l1.165-3.626a1.25 1.25 0 0 1 .703-.768l2.661-1.126a.5.5 0 0 0 0-.921l-2.649-1.121a1.25 1.25 0 0 1-.702-.766L8.9 16.456a.5.5 0 0 0-.951 0z"/><path fill="url(#i49461E)" d="M6.768 20.11a1.25 1.25 0 0 1-.705.768l-2.635 1.107a.5.5 0 0 0 0 .922l2.647 1.113c.336.141.594.423.705.77l1.17 3.637a.5.5 0 0 0 .952 0l1.165-3.626a1.25 1.25 0 0 1 .703-.768l2.661-1.126a.5.5 0 0 0 0-.921l-2.649-1.121a1.25 1.25 0 0 1-.702-.766L8.9 16.456a.5.5 0 0 0-.951 0z"/><path fill="url(#i80dAVc)" d="M6.768 20.11a1.25 1.25 0 0 1-.705.768l-2.635 1.107a.5.5 0 0 0 0 .922l2.647 1.113c.336.141.594.423.705.77l1.17 3.637a.5.5 0 0 0 .952 0l1.165-3.626a1.25 1.25 0 0 1 .703-.768l2.661-1.126a.5.5 0 0 0 0-.921l-2.649-1.121a1.25 1.25 0 0 1-.702-.766L8.9 16.456a.5.5 0 0 0-.951 0z"/><path fill="url(#iFW5AQW)" d="M6.768 20.11a1.25 1.25 0 0 1-.705.768l-2.635 1.107a.5.5 0 0 0 0 .922l2.647 1.113c.336.141.594.423.705.77l1.17 3.637a.5.5 0 0 0 .952 0l1.165-3.626a1.25 1.25 0 0 1 .703-.768l2.661-1.126a.5.5 0 0 0 0-.921l-2.649-1.121a1.25 1.25 0 0 1-.702-.766L8.9 16.456a.5.5 0 0 0-.951 0z"/><path fill="url(#inGpLze)" d="M6.867 24.25h-.432a1.3 1.3 0 0 0-.36-.23l-2.647-1.113a.5.5 0 0 1 0-.922l2.635-1.107a1.25 1.25 0 0 0 .705-.768l1.182-3.654a.5.5 0 0 1 .951 0l1.179 3.643c.112.345.368.625.702.766l2.649 1.12a.5.5 0 0 1 0 .922l-7.224.43c-.128.054.465.46.66.914"/><path fill="url(#inGpLze)" d="M6.867 24.25h-.432a1.3 1.3 0 0 0-.36-.23l-2.647-1.113a.5.5 0 0 1 0-.922l2.635-1.107a1.25 1.25 0 0 0 .705-.768l1.182-3.654a.5.5 0 0 1 .951 0l1.179 3.643c.112.345.368.625.702.766l2.649 1.12a.5.5 0 0 1 0 .922l-7.224.43c-.128.054.465.46.66.914"/><path fill="url(#i4VG6db)" d="M6.435 24.251c.158.145.278.33.345.539l1.17 3.637a.5.5 0 0 0 .952 0l1.165-3.626a1.25 1.25 0 0 1 .358-.55z"/><g filter="url(#i9MTsCc)"><path stroke="url(#icqbHne)" stroke-linecap="round" stroke-width=".1" d="m8.77 16.782l.966 3.24a2 2 0 0 0 1.208 1.298l2.17.822"/></g><g filter="url(#imN05Zc)"><path stroke="url(#i2lYHKb)" stroke-linecap="round" stroke-width=".1" d="m8.535 28.939l1.094-3.594"/></g><g filter="url(#i9QGUZc)"><path stroke="url(#ieHE6Be)" stroke-linecap="round" stroke-width=".1" d="m6.816 21.142l1.313-4.36"/></g><g filter="url(#i8PQfcy)"><path fill="#C01942" d="M21.796 10.156a1.25 1.25 0 0 1-.654.636l-1.282.54a.274.274 0 0 0 0 .504l1.302.548c.283.119.512.337.644.613l.832 1.742c.082.254.44.254.522 0l.305-1.516a1.25 1.25 0 0 1 .738-.905l1.14-.482a.274.274 0 0 0 0-.505l-1.215-.513a1.25 1.25 0 0 1-.702-.766L22.86 8.3c-.082-.252-.14-.252-.221 0z"/></g><path fill="url(#iiXhjse)" d="M22.311 9.925a1.25 1.25 0 0 1-.705.768l-1.205.507a.274.274 0 0 0 0 .505l1.211.51c.336.14.594.422.706.769l.561 1.746c.081.253.44.253.522 0l.56-1.74a1.25 1.25 0 0 1 .702-.77l1.22-.516a.274.274 0 0 0 0-.504l-1.214-.514a1.25 1.25 0 0 1-.702-.766l-.566-1.751a.274.274 0 0 0-.522 0z"/><path fill="url(#iBgKANe)" d="M22.311 9.925a1.25 1.25 0 0 1-.705.768l-1.205.507a.274.274 0 0 0 0 .505l1.211.51c.336.14.594.422.706.769l.561 1.746c.081.253.44.253.522 0l.56-1.74a1.25 1.25 0 0 1 .702-.77l1.22-.516a.274.274 0 0 0 0-.504l-1.214-.514a1.25 1.25 0 0 1-.702-.766l-.566-1.751a.274.274 0 0 0-.522 0z"/><path fill="url(#iouCHre)" d="M22.311 9.925a1.25 1.25 0 0 1-.705.768l-1.205.507a.274.274 0 0 0 0 .505l1.211.51c.336.14.594.422.706.769l.561 1.746c.081.253.44.253.522 0l.56-1.74a1.25 1.25 0 0 1 .702-.77l1.22-.516a.274.274 0 0 0 0-.504l-1.214-.514a1.25 1.25 0 0 1-.702-.766l-.566-1.751a.274.274 0 0 0-.522 0z"/><path fill="url(#iFoFsye)" d="M22.311 9.925a1.25 1.25 0 0 1-.705.768l-1.205.507a.274.274 0 0 0 0 .505l1.211.51c.336.14.594.422.706.769l.561 1.746c.081.253.44.253.522 0l.56-1.74a1.25 1.25 0 0 1 .702-.77l1.22-.516a.274.274 0 0 0 0-.504l-1.214-.514a1.25 1.25 0 0 1-.702-.766l-.566-1.751a.274.274 0 0 0-.522 0z"/><path fill="url(#iUsWuSE)" d="M22.286 12.441h-.237a.7.7 0 0 0-.197-.126l-1.451-.61a.274.274 0 0 1 0-.505l1.444-.608a.7.7 0 0 0 .386-.42l.648-2.003a.274.274 0 0 1 .522 0l.646 1.996c.06.19.201.343.384.42l1.452.615a.274.274 0 0 1 0 .505l-3.96.235c-.069.03.256.253.363.501"/><path fill="url(#iUsWuSE)" d="M22.286 12.441h-.237a.7.7 0 0 0-.197-.126l-1.451-.61a.274.274 0 0 1 0-.505l1.444-.608a.7.7 0 0 0 .386-.42l.648-2.003a.274.274 0 0 1 .522 0l.646 1.996c.06.19.201.343.384.42l1.452.615a.274.274 0 0 1 0 .505l-3.96.235c-.069.03.256.253.363.501"/><path fill="url(#iDildac)" d="M22.049 12.441q.132.122.19.296l.64 1.993c.082.253.44.253.522 0l.639-1.987a.7.7 0 0 1 .196-.302z"/><g filter="url(#iORbaGd)"><path stroke="url(#iH60mIc)" stroke-linecap="round" stroke-width=".1" d="m23.328 8.348l.402 1.347a2 2 0 0 0 1.209 1.298l.77.292"/></g><g filter="url(#iIZuLoq)"><path stroke="url(#idwdiJc)" stroke-linecap="round" stroke-width=".1" d="m23.2 15.01l.6-1.97"/></g><g filter="url(#iCMA49U)"><path stroke="url(#ilnQqKe)" stroke-linecap="round" stroke-width=".1" d="m22.258 10.737l.72-2.39"/></g><defs><linearGradient id="ivlvtgd" x1="17.61" x2="25.613" y1="16.499" y2="26.023" gradientUnits="userSpaceOnUse"><stop offset=".694" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></linearGradient><linearGradient id="iAW3Pfb" x1="16.618" x2="7.226" y1="16.895" y2="27.478" gradientUnits="userSpaceOnUse"><stop offset=".694" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></linearGradient><linearGradient id="ijHt4yd" x1="19.688" x2="16.881" y1="9.719" y2="6.636" gradientUnits="userSpaceOnUse"><stop offset=".41" stop-color="#C12372" stop-opacity="0"/><stop offset=".834" stop-color="#B5286E"/></linearGradient><linearGradient id="iC0TsBc" x1="9.394" x2="6.676" y1="16.11" y2="25.907" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD542"/><stop offset="1" stop-color="#FFA847"/></linearGradient><linearGradient id="i49461E" x1="7.519" x2="6.75" y1="25.345" y2="29.583" gradientUnits="userSpaceOnUse"><stop offset=".458" stop-color="#E88518" stop-opacity="0"/><stop offset="1" stop-color="#E88518"/></linearGradient><linearGradient id="i80dAVc" x1="5.832" x2="1.597" y1="24.376" y2="24.263" gradientUnits="userSpaceOnUse"><stop offset=".362" stop-color="#E88518" stop-opacity="0"/><stop offset="1" stop-color="#E88518"/></linearGradient><linearGradient id="inGpLze" x1="7.441" x2="6.427" y1="22.298" y2="24.464" gradientUnits="userSpaceOnUse"><stop offset=".782" stop-color="#E88518" stop-opacity="0"/><stop offset="1" stop-color="#E88518"/></linearGradient><linearGradient id="i4VG6db" x1="9.615" x2="7.498" y1="26.891" y2="27.601" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#E88518" stop-opacity="0"/><stop offset="1" stop-color="#E88518"/></linearGradient><linearGradient id="i2lYHKb" x1="9.066" x2="8.205" y1="27.485" y2="26.078" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF270" stop-opacity="0"/><stop offset=".495" stop-color="#FFF270" stop-opacity=".6"/><stop offset="1" stop-color="#FFF270" stop-opacity="0"/></linearGradient><linearGradient id="ieHE6Be" x1="8.004" x2="9.683" y1="16.454" y2="18.896" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8A09" stop-opacity=".6"/><stop offset="1" stop-color="#FF8A09" stop-opacity="0"/></linearGradient><linearGradient id="iiXhjse" x1="23.671" x2="22.181" y1="7.979" y2="13.349" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD542"/><stop offset="1" stop-color="#FFA847"/></linearGradient><linearGradient id="iBgKANe" x1="22.643" x2="22.221" y1="13.041" y2="15.364" gradientUnits="userSpaceOnUse"><stop offset=".458" stop-color="#E88518" stop-opacity="0"/><stop offset="1" stop-color="#E88518"/></linearGradient><linearGradient id="iouCHre" x1="21.718" x2="19.398" y1="12.51" y2="12.448" gradientUnits="userSpaceOnUse"><stop offset=".362" stop-color="#E88518" stop-opacity="0"/><stop offset="1" stop-color="#E88518"/></linearGradient><linearGradient id="iUsWuSE" x1="22.6" x2="22.045" y1="11.371" y2="12.558" gradientUnits="userSpaceOnUse"><stop offset=".782" stop-color="#E88518" stop-opacity="0"/><stop offset="1" stop-color="#E88518"/></linearGradient><linearGradient id="iDildac" x1="23.792" x2="22.632" y1="13.888" y2="14.277" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#E88518" stop-opacity="0"/><stop offset="1" stop-color="#E88518"/></linearGradient><linearGradient id="idwdiJc" x1="23.491" x2="23.019" y1="14.214" y2="13.443" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF270" stop-opacity="0"/><stop offset=".495" stop-color="#FFF270" stop-opacity=".6"/><stop offset="1" stop-color="#FFF270" stop-opacity="0"/></linearGradient><linearGradient id="ilnQqKe" x1="22.909" x2="23.829" y1="8.168" y2="9.506" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8A09" stop-opacity=".6"/><stop offset="1" stop-color="#FF8A09" stop-opacity="0"/></linearGradient><filter id="i5EJwQi" width="8.512" height="14.643" x="14.566" y="8.24" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6994_5077" stdDeviation="1"/></filter><filter id="i0xy92b" width="10.174" height="10.102" x="19.62" y="6.53" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6994_5077" stdDeviation=".75"/></filter><filter id="iwV5l9b" width="9.865" height="10.401" x="7.535" y="5.987" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6994_5077" stdDeviation=".75"/></filter><filter id="iCqoC4b" width="5.277" height="6.494" x="4.676" y="15.605" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6994_5077" stdDeviation=".5"/></filter><filter id="i9MTsCc" width="4.944" height="5.959" x="8.469" y="16.482" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6994_5077" stdDeviation=".125"/></filter><filter id="imN05Zc" width="1.494" height="3.994" x="8.335" y="25.145" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6994_5077" stdDeviation=".075"/></filter><filter id="i9QGUZc" width="2.013" height="5.059" x="6.466" y="16.432" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6994_5077" stdDeviation=".15"/></filter><filter id="i8PQfcy" width="7.318" height="8.319" x="18.942" y="7.361" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6994_5077" stdDeviation=".375"/></filter><filter id="iORbaGd" width="2.981" height="3.537" x="23.028" y="8.048" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6994_5077" stdDeviation=".125"/></filter><filter id="iIZuLoq" width=".999" height="2.37" x="23" y="12.841" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6994_5077" stdDeviation=".075"/></filter><filter id="iCMA49U" width="1.419" height="3.089" x="21.908" y="7.998" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6994_5077" stdDeviation=".15"/></filter><radialGradient id="iuotm1c" cx="0" cy="0" r="1" gradientTransform="matrix(0 -32.5418 55.321 0 18.8 29.33)" gradientUnits="userSpaceOnUse"><stop stop-color="#F12E52"/><stop offset=".596" stop-color="#FF3B79"/><stop offset="1" stop-color="#FF4EC6"/></radialGradient><radialGradient id="iTpVKIb" cx="0" cy="0" r="1" gradientTransform="rotate(142.986 9.478 9.697)scale(26.1961 49.0678)" gradientUnits="userSpaceOnUse"><stop offset=".483" stop-color="#B91D43" stop-opacity="0"/><stop offset=".834" stop-color="#B91D43"/></radialGradient><radialGradient id="iisXlLe" cx="0" cy="0" r="1" gradientTransform="matrix(-21.1654 -8.2678 11.68768 -29.92024 19.859 18.152)" gradientUnits="userSpaceOnUse"><stop offset=".41" stop-color="#B91D43" stop-opacity="0"/><stop offset=".834" stop-color="#B91D43"/></radialGradient><radialGradient id="iXzGJJe" cx="0" cy="0" r="1" gradientTransform="rotate(90 .622 14.805)scale(19.7764)" gradientUnits="userSpaceOnUse"><stop offset=".671" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></radialGradient><radialGradient id="i2xsxVc" cx="0" cy="0" r="1" gradientTransform="rotate(-176.775 14.621 5.824)scale(6.14843 4.1517)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF93BA"/><stop offset="1" stop-color="#FF73A6" stop-opacity="0"/></radialGradient><radialGradient id="idTTIWd" cx="0" cy="0" r="1" gradientTransform="rotate(-178.3 7.55 5.87)scale(8.84998 5.97591)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF93BA"/><stop offset="1" stop-color="#FF73A6" stop-opacity="0"/></radialGradient><radialGradient id="iFW5AQW" cx="0" cy="0" r="1" gradientTransform="rotate(103.828 .125 10.288)scale(7.17675 19.8288)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFF6B"/><stop offset="1" stop-color="#FFFF6B" stop-opacity="0"/></radialGradient><radialGradient id="icqbHne" cx="0" cy="0" r="1" gradientTransform="matrix(5.71875 5.35938 -4.58265 4.88994 8.129 16.782)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF270" stop-opacity="0"/><stop offset=".548" stop-color="#FFF270"/><stop offset="1" stop-color="#FFF270" stop-opacity="0"/></radialGradient><radialGradient id="iFoFsye" cx="0" cy="0" r="1" gradientTransform="rotate(103.828 9.662 12.471)scale(3.93343 10.8678)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFF6B"/><stop offset="1" stop-color="#FFFF6B" stop-opacity="0"/></radialGradient><radialGradient id="iH60mIc" cx="0" cy="0" r="1" gradientTransform="rotate(43.142 .93 33.234)scale(4.29559 3.67304)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF270" stop-opacity="0"/><stop offset=".548" stop-color="#FFF270"/><stop offset="1" stop-color="#FFF270" stop-opacity="0"/></radialGradient></defs></g></svg>How to use the Sparkling Heart icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:sparkling-heart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:sparkling-heart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:sparkling-heart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--sparkling-heart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:sparkling-heart"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:sparkling-heart"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/sparkling-heart.svg" alt="Sparkling Heart icon" width="24" height="24">Sparkling Heart icon in other icon sets
Sparkling Heart icon FAQ
Is the Sparkling Heart 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 Sparkling Heart icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:sparkling-heart" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sparkling Heart icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/sparkling-heart.svg" alt="Sparkling Heart icon">, or paste the SVG code inline to style it with CSS.