Heart With Ribbon icon
fluent-emoji:heart-with-ribbon
The Heart With Ribbon icon (fluent-emoji:heart-with-ribbon) 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
- heartwith, withribbon, heartwithribbon
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(#iETt4ee)" d="M15.097 29.441c.534.3 1.178.284 1.709-.021c3.389-1.947 9.222-6.382 11.519-12.134C31.712 9.76 23.758 3.754 18.26 8.074c-.563.443-1.269.949-1.764 1.43c-.24.232-.66.256-.907.032c-.653-.59-1.653-1.336-2.299-1.773c-4.686-3.17-13.214 1.009-9.576 9.93c1.327 3.986 7.629 9.636 11.382 11.748"/><path fill="url(#ifOGbtc)" d="M15.097 29.441c.534.3 1.178.284 1.709-.021c3.389-1.947 9.222-6.382 11.519-12.134C31.712 9.76 23.758 3.754 18.26 8.074c-.563.443-1.269.949-1.764 1.43c-.24.232-.66.256-.907.032c-.653-.59-1.653-1.336-2.299-1.773c-4.686-3.17-13.214 1.009-9.576 9.93c1.327 3.986 7.629 9.636 11.382 11.748"/><path fill="url(#iFeKgFd)" d="M15.097 29.441c.534.3 1.178.284 1.709-.021c3.389-1.947 9.222-6.382 11.519-12.134C31.712 9.76 23.758 3.754 18.26 8.074c-.563.443-1.269.949-1.764 1.43c-.24.232-.66.256-.907.032c-.653-.59-1.653-1.336-2.299-1.773c-4.686-3.17-13.214 1.009-9.576 9.93c1.327 3.986 7.629 9.636 11.382 11.748"/><path fill="url(#iQZJIzc)" d="M15.097 29.441c.534.3 1.178.284 1.709-.021c3.389-1.947 9.222-6.382 11.519-12.134C31.712 9.76 23.758 3.754 18.26 8.074c-.563.443-1.269.949-1.764 1.43c-.24.232-.66.256-.907.032c-.653-.59-1.653-1.336-2.299-1.773c-4.686-3.17-13.214 1.009-9.576 9.93c1.327 3.986 7.629 9.636 11.382 11.748"/><path fill="url(#ieQLVWd)" d="M15.097 29.441c.534.3 1.178.284 1.709-.021c3.389-1.947 9.222-6.382 11.519-12.134C31.712 9.76 23.758 3.754 18.26 8.074c-.563.443-1.269.949-1.764 1.43c-.24.232-.66.256-.907.032c-.653-.59-1.653-1.336-2.299-1.773c-4.686-3.17-13.214 1.009-9.576 9.93c1.327 3.986 7.629 9.636 11.382 11.748"/><path fill="url(#icguxVb)" d="M15.097 29.441c.534.3 1.178.284 1.709-.021c3.389-1.947 9.222-6.382 11.519-12.134C31.712 9.76 23.758 3.754 18.26 8.074c-.563.443-1.269.949-1.764 1.43c-.24.232-.66.256-.907.032c-.653-.59-1.653-1.336-2.299-1.773c-4.686-3.17-13.214 1.009-9.576 9.93c1.327 3.986 7.629 9.636 11.382 11.748"/><path fill="url(#igWGkwe)" d="M12.874 27.993V18.27H3.936c1.378 3.195 5.516 7.238 8.938 9.723"/><path fill="url(#i2FF7xb)" d="M15.928 9.865c.889.812 2.264.573 3.026-.359c1.076-1.315 2.584-2.64 4.565-2.766c-1.724-.331-3.602.033-5.258 1.334c-.142.112-.294.228-.448.347c-.458.35-.946.723-1.316 1.082c-.24.233-.66.257-.907.033l-.114-.102c.12.122.277.27.452.43"/><g filter="url(#iUQcXOc)"><ellipse cx="24.236" cy="12.486" fill="url(#iKEoBIb)" rx="3.929" ry="2.703" transform="rotate(-44.19 24.236 12.486)"/></g><g filter="url(#ipSCZ2d)"><ellipse cx="12.671" cy="12.114" fill="url(#iSkZPrb)" fill-opacity=".5" rx="3.929" ry="2.703" transform="rotate(-128.955 12.67 12.114)"/></g><path fill="#FFE042" d="M4.77 19.82h22.28c.493-.811.925-1.657 1.276-2.534a9.2 9.2 0 0 0 .717-2.372H2.933c.127.866.38 1.793.782 2.778c.223.67.587 1.389 1.056 2.128"/><path fill="url(#ikQrGOe)" d="M4.77 19.82h22.28c.493-.811.925-1.657 1.276-2.534a9.2 9.2 0 0 0 .717-2.372H2.933c.127.866.38 1.793.782 2.778c.223.67.587 1.389 1.056 2.128"/><path fill="url(#iRneCRc)" d="M4.77 19.82h22.28c.493-.811.925-1.657 1.276-2.534a9.2 9.2 0 0 0 .717-2.372H2.933c.127.866.38 1.793.782 2.778c.223.67.587 1.389 1.056 2.128"/><path fill="url(#iMfn51m)" d="m5.975 18.27l3.509 1.277l-2.317 6.366a.35.35 0 0 1-.652.016l-.455-1.083a.6.6 0 0 0-.82-.305l-1.105.546a.35.35 0 0 1-.484-.433z"/><path fill="url(#iS070Ab)" d="m5.975 18.27l3.509 1.277l-2.317 6.366a.35.35 0 0 1-.652.016l-.455-1.083a.6.6 0 0 0-.82-.305l-1.105.546a.35.35 0 0 1-.484-.433z"/><path fill="url(#icKl2Lb)" d="m5.975 18.27l3.509 1.277l-2.317 6.366a.35.35 0 0 1-.652.016l-.455-1.083a.6.6 0 0 0-.82-.305l-1.105.546a.35.35 0 0 1-.484-.433z"/><path fill="url(#iOp40zc)" d="m5.975 18.27l3.509 1.277l-2.317 6.366a.35.35 0 0 1-.652.016l-.455-1.083a.6.6 0 0 0-.82-.305l-1.105.546a.35.35 0 0 1-.484-.433z"/><path fill="url(#iLoqH8d)" d="m12.62 18.27l-3.508 1.277l2.317 6.366a.35.35 0 0 0 .651.016l.456-1.083a.6.6 0 0 1 .819-.305l1.105.546a.35.35 0 0 0 .484-.433z"/><path fill="url(#idvcZTc)" d="m12.62 18.27l-3.508 1.277l2.317 6.366a.35.35 0 0 0 .651.016l.456-1.083a.6.6 0 0 1 .819-.305l1.105.546a.35.35 0 0 0 .484-.433z"/><path fill="url(#iChlj3Z)" d="m12.62 18.27l-3.508 1.277l2.317 6.366a.35.35 0 0 0 .651.016l.456-1.083a.6.6 0 0 1 .819-.305l1.105.546a.35.35 0 0 0 .484-.433z"/><path fill="url(#i6U49fb)" d="m9.098 18.625l.2.087l.2-.087v-2.812l-.2-.096l-.2.095z"/><path fill="url(#iT0qi1p)" d="M1.804 15.208c.003-1.35 1.609-2.332 3.27-1.747l2.007.895c.21.093.433.153.66.176v5.023l-5.937-.328z"/><path fill="url(#i3cDuAd)" d="M1.804 15.208c.003-1.35 1.609-2.332 3.27-1.747l2.007.895c.21.093.433.153.66.176v5.023l-5.937-.328z"/><path fill="url(#iew6iDx)" d="M1.804 15.208c.003-1.35 1.609-2.332 3.27-1.747l2.007.895c.21.093.433.153.66.176v5.023l-5.937-.328z"/><path fill="url(#i0arcpc)" d="M2.204 19.233c0-1.247 1.752-1.83 2.882-1.27l2.612 1.273l-2.612 1.273c-1.13.56-2.882-.023-2.882-1.27z"/><path fill="url(#iZmagae)" fill-rule="evenodd" d="M2.204 19.233c0-1.247 1.753-1.83 2.882-1.27l2.612 1.273l-2.612 1.273c-1.13.56-2.882-.023-2.882-1.27zm-.4.003v-.003c0-.842.597-1.415 1.27-1.684c.67-.268 1.509-.281 2.188.055h.001l2.61 1.272a.4.4 0 0 1 0 .72l-2.61 1.272c-.68.336-1.52.323-2.19.055c-.672-.269-1.269-.841-1.269-1.684z" clip-rule="evenodd"/><path fill="url(#iUtVDfd)" fill-rule="evenodd" d="M2.204 19.233c0-1.247 1.753-1.83 2.882-1.27l2.612 1.273l-2.612 1.273c-1.13.56-2.882-.023-2.882-1.27zm-.4.003v-.003c0-.842.597-1.415 1.27-1.684c.67-.268 1.509-.281 2.188.055h.001l2.61 1.272a.4.4 0 0 1 0 .72l-2.61 1.272c-.68.336-1.52.323-2.19.055c-.672-.269-1.269-.841-1.269-1.684z" clip-rule="evenodd"/><path fill="url(#iF0Y8Cd)" fill-rule="evenodd" d="M2.204 19.233c0-1.247 1.753-1.83 2.882-1.27l2.612 1.273l-2.612 1.273c-1.13.56-2.882-.023-2.882-1.27zm-.4.003v-.003c0-.842.597-1.415 1.27-1.684c.67-.268 1.509-.281 2.188.055h.001l2.61 1.272a.4.4 0 0 1 0 .72l-2.61 1.272c-.68.336-1.52.323-2.19.055c-.672-.269-1.269-.841-1.269-1.684z" clip-rule="evenodd"/><path fill="url(#i67zTzc)" fill-rule="evenodd" d="M2.204 19.233c0-1.247 1.753-1.83 2.882-1.27l2.612 1.273l-2.612 1.273c-1.13.56-2.882-.023-2.882-1.27zm-.4.003v-.003c0-.842.597-1.415 1.27-1.684c.67-.268 1.509-.281 2.188.055h.001l2.61 1.272a.4.4 0 0 1 0 .72l-2.61 1.272c-.68.336-1.52.323-2.19.055c-.672-.269-1.269-.841-1.269-1.684z" clip-rule="evenodd"/><path fill="url(#i6Xk2Kc)" fill-rule="evenodd" d="M2.204 19.233c0-1.247 1.753-1.83 2.882-1.27l2.612 1.273l-2.612 1.273c-1.13.56-2.882-.023-2.882-1.27zm-.4.003v-.003c0-.842.597-1.415 1.27-1.684c.67-.268 1.509-.281 2.188.055h.001l2.61 1.272a.4.4 0 0 1 0 .72l-2.61 1.272c-.68.336-1.52.323-2.19.055c-.672-.269-1.269-.841-1.269-1.684z" clip-rule="evenodd"/><path fill="url(#iiVIcJd)" fill-rule="evenodd" d="M2.204 19.233c0-1.247 1.753-1.83 2.882-1.27l2.612 1.273l-2.612 1.273c-1.13.56-2.882-.023-2.882-1.27zm-.4.003v-.003c0-.842.597-1.415 1.27-1.684c.67-.268 1.509-.281 2.188.055h.001l2.61 1.272a.4.4 0 0 1 0 .72l-2.61 1.272c-.68.336-1.52.323-2.19.055c-.672-.269-1.269-.841-1.269-1.684z" clip-rule="evenodd"/><path fill="url(#i2LzFkc)" fill-rule="evenodd" d="M2.204 19.233c0-1.247 1.753-1.83 2.882-1.27l2.612 1.273l-2.612 1.273c-1.13.56-2.882-.023-2.882-1.27zm-.4.003v-.003c0-.842.597-1.415 1.27-1.684c.67-.268 1.509-.281 2.188.055h.001l2.61 1.272a.4.4 0 0 1 0 .72l-2.61 1.272c-.68.336-1.52.323-2.19.055c-.672-.269-1.269-.841-1.269-1.684z" clip-rule="evenodd"/><path fill="url(#igGhF8c)" fill-rule="evenodd" d="M2.204 19.233c0-1.247 1.753-1.83 2.882-1.27l2.612 1.273l-2.612 1.273c-1.13.56-2.882-.023-2.882-1.27zm-.4.003v-.003c0-.842.597-1.415 1.27-1.684c.67-.268 1.509-.281 2.188.055h.001l2.61 1.272a.4.4 0 0 1 0 .72l-2.61 1.272c-.68.336-1.52.323-2.19.055c-.672-.269-1.269-.841-1.269-1.684z" clip-rule="evenodd"/><g filter="url(#iPDTg7b)"><ellipse cx="4.262" cy="18.862" fill="#B23A28" rx="1.11" ry=".759" transform="rotate(21.487 4.262 18.862)"/></g><path fill="url(#ifRurfc)" d="M16.964 15.208c-.003-1.35-1.609-2.332-3.27-1.747l-2.007.895c-.21.093-.433.153-.66.176v5.023l5.937-.328z"/><path fill="url(#i8gdsod)" d="M16.964 15.208c-.003-1.35-1.609-2.332-3.27-1.747l-2.007.895c-.21.093-.433.153-.66.176v5.023l5.937-.328z"/><path fill="url(#idQt7Wb)" d="M16.964 15.208c-.003-1.35-1.609-2.332-3.27-1.747l-2.007.895c-.21.093-.433.153-.66.176v5.023l5.937-.328z"/><path fill="url(#i2aRMHd)" d="M16.964 15.208c-.003-1.35-1.609-2.332-3.27-1.747l-2.007.895c-.21.093-.433.153-.66.176v5.023l5.937-.328z"/><path fill="url(#iEGJKnc)" d="M16.564 19.233c0-1.247-1.752-1.83-2.882-1.27l-2.612 1.273l2.612 1.273c1.13.56 2.882-.023 2.882-1.27z"/><path fill="url(#iLnQAqh)" fill-rule="evenodd" d="M16.564 19.233c0-1.247-1.752-1.83-2.882-1.27l-2.612 1.273l2.612 1.273c1.13.56 2.882-.023 2.882-1.27zm.4.003v-.003c0-.842-.597-1.415-1.269-1.684c-.67-.268-1.51-.281-2.19.055l-2.61 1.272a.4.4 0 0 0 0 .72l2.61 1.272c.68.336 1.52.323 2.19.055c.672-.269 1.269-.841 1.269-1.684z" clip-rule="evenodd"/><path fill="url(#i5FG46d)" fill-rule="evenodd" d="M16.564 19.233c0-1.247-1.752-1.83-2.882-1.27l-2.612 1.273l2.612 1.273c1.13.56 2.882-.023 2.882-1.27zm.4.003v-.003c0-.842-.597-1.415-1.269-1.684c-.67-.268-1.51-.281-2.19.055l-2.61 1.272a.4.4 0 0 0 0 .72l2.61 1.272c.68.336 1.52.323 2.19.055c.672-.269 1.269-.841 1.269-1.684z" clip-rule="evenodd"/><path fill="url(#iSvyKDd)" fill-rule="evenodd" d="M16.564 19.233c0-1.247-1.752-1.83-2.882-1.27l-2.612 1.273l2.612 1.273c1.13.56 2.882-.023 2.882-1.27zm.4.003v-.003c0-.842-.597-1.415-1.269-1.684c-.67-.268-1.51-.281-2.19.055l-2.61 1.272a.4.4 0 0 0 0 .72l2.61 1.272c.68.336 1.52.323 2.19.055c.672-.269 1.269-.841 1.269-1.684z" clip-rule="evenodd"/><path fill="url(#iz1EKUW)" fill-rule="evenodd" d="M16.564 19.233c0-1.247-1.752-1.83-2.882-1.27l-2.612 1.273l2.612 1.273c1.13.56 2.882-.023 2.882-1.27zm.4.003v-.003c0-.842-.597-1.415-1.269-1.684c-.67-.268-1.51-.281-2.19.055l-2.61 1.272a.4.4 0 0 0 0 .72l2.61 1.272c.68.336 1.52.323 2.19.055c.672-.269 1.269-.841 1.269-1.684z" clip-rule="evenodd"/><path fill="url(#iEO1FzC)" fill-rule="evenodd" d="M16.564 19.233c0-1.247-1.752-1.83-2.882-1.27l-2.612 1.273l2.612 1.273c1.13.56 2.882-.023 2.882-1.27zm.4.003v-.003c0-.842-.597-1.415-1.269-1.684c-.67-.268-1.51-.281-2.19.055l-2.61 1.272a.4.4 0 0 0 0 .72l2.61 1.272c.68.336 1.52.323 2.19.055c.672-.269 1.269-.841 1.269-1.684z" clip-rule="evenodd"/><path fill="url(#iejcQ1d)" fill-rule="evenodd" d="M16.564 19.233c0-1.247-1.752-1.83-2.882-1.27l-2.612 1.273l2.612 1.273c1.13.56 2.882-.023 2.882-1.27zm.4.003v-.003c0-.842-.597-1.415-1.269-1.684c-.67-.268-1.51-.281-2.19.055l-2.61 1.272a.4.4 0 0 0 0 .72l2.61 1.272c.68.336 1.52.323 2.19.055c.672-.269 1.269-.841 1.269-1.684z" clip-rule="evenodd"/><path fill="url(#iyzig6H)" fill-rule="evenodd" d="M16.564 19.233c0-1.247-1.752-1.83-2.882-1.27l-2.612 1.273l2.612 1.273c1.13.56 2.882-.023 2.882-1.27zm.4.003v-.003c0-.842-.597-1.415-1.269-1.684c-.67-.268-1.51-.281-2.19.055l-2.61 1.272a.4.4 0 0 0 0 .72l2.61 1.272c.68.336 1.52.323 2.19.055c.672-.269 1.269-.841 1.269-1.684z" clip-rule="evenodd"/><path fill="url(#iB5tCle)" fill-rule="evenodd" d="M16.564 19.233c0-1.247-1.752-1.83-2.882-1.27l-2.612 1.273l2.612 1.273c1.13.56 2.882-.023 2.882-1.27zm.4.003v-.003c0-.842-.597-1.415-1.269-1.684c-.67-.268-1.51-.281-2.19.055l-2.61 1.272a.4.4 0 0 0 0 .72l2.61 1.272c.68.336 1.52.323 2.19.055c.672-.269 1.269-.841 1.269-1.684z" clip-rule="evenodd"/><g filter="url(#ikfScNb)"><ellipse fill="#B23A28" rx="1.11" ry=".759" transform="scale(-1 1)rotate(21.487 -56.96 -28.797)"/></g><rect width="3.781" height="7" x="7.407" y="13.633" fill="url(#iKZ6gOW)" rx="1"/><rect width="3.781" height="7" x="7.407" y="13.633" fill="url(#isXUt7d)" rx="1"/><rect width="3.781" height="7" x="7.407" y="13.633" fill="url(#iHdBKDb)" rx="1"/><rect width="3.781" height="7" x="7.407" y="13.633" fill="url(#iMdQxNb)" rx="1"/><g filter="url(#iydC2Ee)"><path fill="#FFAB44" d="M7.999 19.661a.5.5 0 0 1 .5-.5h1.614a.5.5 0 0 1 .5.5v.014a.5.5 0 0 1-.5.5H8.499a.5.5 0 0 1-.5-.5z"/></g><g filter="url(#iVMv6ad)"><circle cx="10.348" cy="19.247" r=".497" fill="#FFF58C"/></g><g filter="url(#ieJkJre)"><circle cx="10.436" cy="14.329" r=".409" fill="#FFF58F"/></g><defs><linearGradient id="ieQLVWd" x1="17.53" x2="25.093" y1="17.133" y2="26.133" gradientUnits="userSpaceOnUse"><stop offset=".694" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></linearGradient><linearGradient id="icguxVb" x1="16.593" x2="7.718" y1="17.508" y2="27.508" gradientUnits="userSpaceOnUse"><stop offset=".694" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></linearGradient><linearGradient id="igWGkwe" x1="7.78" x2="8.75" y1="23.789" y2="21.494" gradientUnits="userSpaceOnUse"><stop offset=".151" stop-color="#B91D43" stop-opacity="0"/><stop offset="1" stop-color="#B91D43"/></linearGradient><linearGradient id="i2FF7xb" x1="19.493" x2="16.841" y1="10.727" y2="7.813" gradientUnits="userSpaceOnUse"><stop offset=".41" stop-color="#C12372" stop-opacity="0"/><stop offset=".834" stop-color="#B5286E"/></linearGradient><linearGradient id="iRneCRc" x1="30.218" x2="25.874" y1="19.195" y2="17.102" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA630"/><stop offset="1" stop-color="#FFA022" stop-opacity="0"/></linearGradient><linearGradient id="iMfn51m" x1="7.874" x2="5.405" y1="27.695" y2="18.945" gradientUnits="userSpaceOnUse"><stop stop-color="#F8EC1D"/><stop offset=".569" stop-color="#F89C20"/><stop offset=".849" stop-color="#C13A24"/></linearGradient><linearGradient id="iS070Ab" x1="3.733" x2="4.421" y1="23.195" y2="23.422" gradientUnits="userSpaceOnUse"><stop stop-color="#D06400"/><stop offset="1" stop-color="#D06400" stop-opacity="0"/></linearGradient><linearGradient id="iOp40zc" x1="6.983" x2="7.413" y1="25.828" y2="25.985" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC42D" stop-opacity="0"/><stop offset=".448" stop-color="#FFC42D"/></linearGradient><linearGradient id="iLoqH8d" x1="11.499" x2="12.655" y1="28.102" y2="18.602" gradientUnits="userSpaceOnUse"><stop offset=".141" stop-color="#F8EC1D"/><stop offset=".625" stop-color="#F89C20"/><stop offset=".849" stop-color="#C13A24"/></linearGradient><linearGradient id="idvcZTc" x1="10.483" x2="10.733" y1="23.555" y2="23.469" gradientUnits="userSpaceOnUse"><stop stop-color="#D06400"/><stop offset="1" stop-color="#D06400" stop-opacity="0"/></linearGradient><linearGradient id="iChlj3Z" x1="14.671" x2="14.999" y1="24.399" y2="24.274" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE601" stop-opacity="0"/><stop offset="1" stop-color="#FFF101"/></linearGradient><linearGradient id="i6U49fb" x1="1.205" x2="9.501" y1="17.218" y2="17.218" gradientUnits="userSpaceOnUse"><stop stop-color="#ED1C26"/><stop offset=".456" stop-color="#ED1452"/><stop offset="1" stop-color="#EC098C"/></linearGradient><linearGradient id="iT0qi1p" x1="3.836" x2=".976" y1="15.976" y2="15.976" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEA3F"/><stop offset=".911" stop-color="#A2831C"/></linearGradient><linearGradient id="i3cDuAd" x1="8.53" x2="6.718" y1="16.083" y2="16.083" gradientUnits="userSpaceOnUse"><stop offset=".255" stop-color="#EB8D10"/><stop offset="1" stop-color="#FFA022" stop-opacity="0"/></linearGradient><linearGradient id="iZmagae" x1="4.691" x2="8.91" y1="18.742" y2="18.742" gradientUnits="userSpaceOnUse"><stop stop-color="#F9AB4E"/><stop offset="1" stop-color="#F89B4C"/></linearGradient><linearGradient id="iF0Y8Cd" x1="4.207" x2="8.597" y1="21.617" y2="19.695" gradientUnits="userSpaceOnUse"><stop offset=".646" stop-color="#F48629" stop-opacity="0"/><stop offset="1" stop-color="#F48629"/></linearGradient><linearGradient id="ifRurfc" x1="14.405" x2="7.53" y1="15.976" y2="15.976" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEA3F"/><stop offset=".911" stop-color="#A2831C"/></linearGradient><linearGradient id="i8gdsod" x1="10.78" x2="11.655" y1="16.102" y2="16.102" gradientUnits="userSpaceOnUse"><stop offset=".255" stop-color="#FF9B16"/><stop offset="1" stop-color="#FFA022" stop-opacity="0"/></linearGradient><linearGradient id="i2aRMHd" x1="18.468" x2="16.436" y1="16.083" y2="16.083" gradientUnits="userSpaceOnUse"><stop offset=".255" stop-color="#EB8D10"/><stop offset="1" stop-color="#FFA022" stop-opacity="0"/></linearGradient><linearGradient id="iLnQAqh" x1="14.077" x2="9.858" y1="18.742" y2="18.742" gradientUnits="userSpaceOnUse"><stop stop-color="#F9AB4E"/><stop offset="1" stop-color="#F89B4C"/></linearGradient><linearGradient id="iSvyKDd" x1="14.561" x2="10.171" y1="21.617" y2="19.695" gradientUnits="userSpaceOnUse"><stop offset=".646" stop-color="#F48629" stop-opacity="0"/><stop offset="1" stop-color="#F48629"/></linearGradient><linearGradient id="iKZ6gOW" x1="11.188" x2="6.905" y1="16.008" y2="21.695" gradientUnits="userSpaceOnUse"><stop stop-color="#F8EC1D"/><stop offset="1" stop-color="#F89C20"/></linearGradient><linearGradient id="isXUt7d" x1="5.374" x2="8.936" y1="19.82" y2="19.82" gradientUnits="userSpaceOnUse"><stop stop-color="#CC872E"/><stop offset="1" stop-color="#CC872E" stop-opacity="0"/></linearGradient><linearGradient id="iHdBKDb" x1="9.124" x2="9.124" y1="15.789" y2="21.899" gradientUnits="userSpaceOnUse"><stop offset=".671" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></linearGradient><linearGradient id="iMdQxNb" x1="6.155" x2="8.093" y1="16.775" y2="16.664" gradientUnits="userSpaceOnUse"><stop offset=".51" stop-color="#FF9B16"/><stop offset="1" stop-color="#FFA022" stop-opacity="0"/></linearGradient><radialGradient id="iETt4ee" cx="0" cy="0" r="1" gradientTransform="matrix(0 -30.75 52.275 0 18.655 29.258)" gradientUnits="userSpaceOnUse"><stop stop-color="#F12E52"/><stop offset=".596" stop-color="#FF3B79"/><stop offset="1" stop-color="#FF4EC6"/></radialGradient><radialGradient id="ifOGbtc" cx="0" cy="0" r="1" gradientTransform="rotate(142.986 9.143 10.083)scale(24.7537 46.3661)" gradientUnits="userSpaceOnUse"><stop offset=".483" stop-color="#B91D43" stop-opacity="0"/><stop offset=".834" stop-color="#B91D43"/></radialGradient><radialGradient id="iFeKgFd" cx="0" cy="0" r="1" gradientTransform="rotate(-158.663 11.589 7.496)scale(21.4717 30.3533)" gradientUnits="userSpaceOnUse"><stop offset=".41" stop-color="#B91D43" stop-opacity="0"/><stop offset=".834" stop-color="#B91D43"/></radialGradient><radialGradient id="iQZJIzc" cx="0" cy="0" r="1" gradientTransform="rotate(90 .261 15.207)scale(18.6875)" gradientUnits="userSpaceOnUse"><stop offset=".671" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></radialGradient><radialGradient id="iKEoBIb" cx="0" cy="0" r="1" gradientTransform="rotate(-176.775 14.283 6.262)scale(5.80989 3.9231)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF93BA"/><stop offset="1" stop-color="#FF73A6" stop-opacity="0"/></radialGradient><radialGradient id="iSkZPrb" cx="0" cy="0" r="1" gradientTransform="matrix(-8.359 -.24809 .16752 -5.64438 14.99 12.844)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF93BA"/><stop offset="1" stop-color="#FF73A6" stop-opacity="0"/></radialGradient><radialGradient id="ikQrGOe" cx="0" cy="0" r="1" gradientTransform="matrix(7 0 0 8.36441 16.155 17.758)" gradientUnits="userSpaceOnUse"><stop stop-color="#D9810E"/><stop offset=".323" stop-color="#FFA022"/><stop offset="1" stop-color="#FFA022" stop-opacity="0"/></radialGradient><radialGradient id="icKl2Lb" cx="0" cy="0" r="1" gradientTransform="matrix(2.25 -5.46875 3.1646 1.302 3.686 29.742)" gradientUnits="userSpaceOnUse"><stop offset=".718" stop-color="#D06400"/><stop offset=".974" stop-color="#D06400" stop-opacity="0"/></radialGradient><radialGradient id="iew6iDx" cx="0" cy="0" r="1" gradientTransform="matrix(.29687 -1.54688 2.75125 .52801 5.242 18.93)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF45A"/><stop offset="1" stop-color="#FFF45A" stop-opacity="0"/></radialGradient><radialGradient id="i0arcpc" cx="0" cy="0" r="1" gradientTransform="rotate(-72.207 16.69 8.607)scale(4.19275 10.9917)" gradientUnits="userSpaceOnUse"><stop offset=".019" stop-color="#FC8306"/><stop offset=".218" stop-color="#F78E13"/><stop offset=".817" stop-color="#B23A28"/></radialGradient><radialGradient id="iUtVDfd" cx="0" cy="0" r="1" gradientTransform="rotate(103.422 -3.963 11.385)scale(4.24083 9.22084)" gradientUnits="userSpaceOnUse"><stop offset=".839" stop-color="#F48629" stop-opacity="0"/><stop offset="1" stop-color="#F48629"/></radialGradient><radialGradient id="i67zTzc" cx="0" cy="0" r="1" gradientTransform="rotate(106.504 -5.531 11.16)scale(1.32001 1.69701)" gradientUnits="userSpaceOnUse"><stop offset=".034" stop-color="#FFF45A"/><stop offset="1" stop-color="#FFF45A" stop-opacity="0"/></radialGradient><radialGradient id="i6Xk2Kc" cx="0" cy="0" r="1" gradientTransform="matrix(.17187 .39844 -1.52776 .65903 5.34 20.094)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF45A" stop-opacity=".911"/><stop offset="1" stop-color="#FFF45A" stop-opacity="0"/></radialGradient><radialGradient id="iiVIcJd" cx="0" cy="0" r="1" gradientTransform="rotate(-137.479 6.98 9.657)scale(5.23639 3.80855)" gradientUnits="userSpaceOnUse"><stop offset=".872" stop-color="#FFF45A" stop-opacity="0"/><stop offset=".972" stop-color="#D8CC28" stop-opacity=".911"/></radialGradient><radialGradient id="i2LzFkc" cx="0" cy="0" r="1" gradientTransform="rotate(-65.92 19.191 7.289)scale(4.27002 12.1433)" gradientUnits="userSpaceOnUse"><stop offset=".869" stop-color="#FFF45A" stop-opacity="0"/><stop offset=".972" stop-color="#FFF45A" stop-opacity=".911"/></radialGradient><radialGradient id="igGhF8c" cx="0" cy="0" r="1" gradientTransform="matrix(-6.34375 0 0 -3.71766 7.847 19.133)" gradientUnits="userSpaceOnUse"><stop offset=".895" stop-color="#A2831C" stop-opacity="0"/><stop offset="1" stop-color="#A2831C"/></radialGradient><radialGradient id="idQt7Wb" cx="0" cy="0" r="1" gradientTransform="rotate(-100.864 14.584 3.876)scale(1.57511 2.80146)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF45A"/><stop offset="1" stop-color="#FFF45A" stop-opacity="0"/></radialGradient><radialGradient id="iEGJKnc" cx="0" cy="0" r="1" gradientTransform="rotate(-107.793 15.66 5.328)scale(4.19275 10.9917)" gradientUnits="userSpaceOnUse"><stop offset=".019" stop-color="#FC8306"/><stop offset=".218" stop-color="#F78E13"/><stop offset=".817" stop-color="#B23A28"/></radialGradient><radialGradient id="i5FG46d" cx="0" cy="0" r="1" gradientTransform="matrix(.98437 4.125 -8.969 2.14032 12.577 17.883)" gradientUnits="userSpaceOnUse"><stop offset=".839" stop-color="#F48629" stop-opacity="0"/><stop offset="1" stop-color="#F48629"/></radialGradient><radialGradient id="iz1EKUW" cx="0" cy="0" r="1" gradientTransform="matrix(.375 1.26562 -1.62709 .4821 15.17 19.633)" gradientUnits="userSpaceOnUse"><stop offset=".034" stop-color="#FFF45A"/><stop offset="1" stop-color="#FFF45A" stop-opacity="0"/></radialGradient><radialGradient id="iEO1FzC" cx="0" cy="0" r="1" gradientTransform="matrix(-.29688 .67187 -2.57621 -1.13834 13.499 19.961)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF45A" stop-opacity=".911"/><stop offset="1" stop-color="#FFF45A" stop-opacity="0"/></radialGradient><radialGradient id="iejcQ1d" cx="0" cy="0" r="1" gradientTransform="matrix(3.85938 -3.53906 2.57404 2.80702 13.17 21.492)" gradientUnits="userSpaceOnUse"><stop offset=".872" stop-color="#FFF45A" stop-opacity="0"/><stop offset=".972" stop-color="#D8CC28" stop-opacity=".911"/></radialGradient><radialGradient id="iyzig6H" cx="0" cy="0" r="1" gradientTransform="matrix(-1.74222 -3.89843 11.08655 -4.95461 14.061 21.836)" gradientUnits="userSpaceOnUse"><stop offset=".869" stop-color="#FFF45A" stop-opacity="0"/><stop offset=".972" stop-color="#FFF45A" stop-opacity=".911"/></radialGradient><radialGradient id="iB5tCle" cx="0" cy="0" r="1" gradientTransform="matrix(3.3125 -.34375 .24456 2.35665 14.03 19.477)" gradientUnits="userSpaceOnUse"><stop offset=".869" stop-color="#FFF45A" stop-opacity="0"/><stop offset=".972" stop-color="#FFF45A" stop-opacity=".911"/></radialGradient><filter id="iUQcXOc" width="9.779" height="9.711" x="19.347" y="7.631" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6992_5054" stdDeviation=".75"/></filter><filter id="ipSCZ2d" width="9.487" height="9.993" x="7.927" y="7.118" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6992_5054" stdDeviation=".75"/></filter><filter id="iPDTg7b" width="4.14" height="3.629" x="2.192" y="17.047" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6992_5054" stdDeviation=".5"/></filter><filter id="ikfScNb" width="4.14" height="3.629" x="12.437" y="17.047" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6992_5054" stdDeviation=".5"/></filter><filter id="iydC2Ee" width="3.614" height="2.014" x="7.499" y="18.661" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6992_5054" stdDeviation=".25"/></filter><filter id="iVMv6ad" width="2.994" height="2.995" x="8.85" y="17.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6992_5054" stdDeviation=".5"/></filter><filter id="ieJkJre" width="1.818" height="1.818" x="9.527" y="13.42" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6992_5054" stdDeviation=".25"/></filter></defs></g></svg>How to use the Heart With Ribbon icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:heart-with-ribbon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:heart-with-ribbon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:heart-with-ribbon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--heart-with-ribbon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:heart-with-ribbon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:heart-with-ribbon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/heart-with-ribbon.svg" alt="Heart With Ribbon icon" width="24" height="24">Related icons in Fluent Emoji
Heart With Ribbon icon in other icon sets
Heart With Ribbon icon FAQ
Is the Heart With Ribbon 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 Heart With Ribbon icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:heart-with-ribbon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Heart With Ribbon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/heart-with-ribbon.svg" alt="Heart With Ribbon icon">, or paste the SVG code inline to style it with CSS.