sparkling heart emoji
sparkling-heart from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.
- Name
- sparkling-heart
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More smileys & emotion icons from Fluent Emoji High Contrast
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-cat
Use the sparkling heart emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9 3c-2.189 0-4.208.86-5.674 2.446C1.861 7.032 1 9.286 1 12c0 2.243.955 4.483 2.278 6.523q.31.477.647.943l1.17-.526a.87.87 0 0 0 .445-.447l.002-.005l.053-.125a21 21 0 0 1-.639-.928C3.733 15.549 3 13.695 3 12c0-2.286.72-4.032 1.795-5.196S7.35 5 9 5c2.2 0 3.657.87 4.607 1.738c.481.44.837.884 1.094 1.232l.178.244l.012.017l.142.195c.043.058.107.142.18.218c.034.037.1.102.189.164c.067.047.284.192.6.192c.32 0 .538-.148.604-.194c.088-.063.153-.128.188-.165c.07-.075.134-.159.177-.216l.139-.192l.014-.02l.177-.244a8.4 8.4 0 0 1 1.093-1.231C19.343 5.87 20.799 5 23 5c1.739 0 3.213.646 4.26 1.798C28.312 7.955 29 9.7 29 12c0 1.728-.735 3.599-1.957 5.488c-1.215 1.878-2.857 3.692-4.542 5.285a48 48 0 0 1-4.689 3.886c-.654.474-1.203.844-1.597 1.092l-.21.13l-.213-.133c-.394-.25-.944-.624-1.599-1.103a49 49 0 0 1-2.85-2.26l-.82 1.925a51 51 0 0 0 2.489 1.948c.681.5 1.268.9 1.708 1.179c.218.138.41.253.564.337c.076.041.157.083.235.117q.06.027.151.057c.04.012.169.052.332.052c.162 0 .29-.04.33-.052q.09-.029.15-.056a3 3 0 0 0 .233-.114c.154-.083.345-.196.563-.333c.44-.276 1.027-.672 1.708-1.167a50 50 0 0 0 4.889-4.051c1.752-1.657 3.516-3.593 4.848-5.653C30.047 16.526 31 14.272 31 12c0-2.7-.812-4.955-2.26-6.548C27.287 3.854 25.26 3 23 3c-2.799 0-4.718 1.13-5.956 2.262a10 10 0 0 0-1.043 1.118a10 10 0 0 0-1.045-1.118C13.718 4.13 11.8 3 9 3"/><path d="M11.502 19.85c-.43-.19-.76-.54-.95-.97l-1.41-3.31a.706.706 0 0 0-1.27 0l-1.41 3.31c-.18.43-.52.77-.95.97l-1.78.8a.706.706 0 0 0 0 1.27l1.78.8c.43.19.76.54.95.97L7.872 27c.26.53 1.01.53 1.27 0l1.41-3.31c.18-.43.52-.77.95-.97l1.78-.8a.706.706 0 0 0 0-1.27zm13.12-10.86c.1.23.28.42.51.52l.96.42c.29.14.29.55 0 .69l-.97.43c-.23.1-.41.29-.51.52l-.76 1.79c-.14.28-.55.28-.69 0l-.76-1.79a1 1 0 0 0-.51-.52l-.97-.43a.382.382 0 0 1 0-.69l.97-.43c.23-.1.41-.29.51-.52l.77-1.78c.14-.28.55-.28.69 0z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastSparklingHeart(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9 3c-2.189 0-4.208.86-5.674 2.446C1.861 7.032 1 9.286 1 12c0 2.243.955 4.483 2.278 6.523q.31.477.647.943l1.17-.526a.87.87 0 0 0 .445-.447l.002-.005l.053-.125a21 21 0 0 1-.639-.928C3.733 15.549 3 13.695 3 12c0-2.286.72-4.032 1.795-5.196S7.35 5 9 5c2.2 0 3.657.87 4.607 1.738c.481.44.837.884 1.094 1.232l.178.244l.012.017l.142.195c.043.058.107.142.18.218c.034.037.1.102.189.164c.067.047.284.192.6.192c.32 0 .538-.148.604-.194c.088-.063.153-.128.188-.165c.07-.075.134-.159.177-.216l.139-.192l.014-.02l.177-.244a8.4 8.4 0 0 1 1.093-1.231C19.343 5.87 20.799 5 23 5c1.739 0 3.213.646 4.26 1.798C28.312 7.955 29 9.7 29 12c0 1.728-.735 3.599-1.957 5.488c-1.215 1.878-2.857 3.692-4.542 5.285a48 48 0 0 1-4.689 3.886c-.654.474-1.203.844-1.597 1.092l-.21.13l-.213-.133c-.394-.25-.944-.624-1.599-1.103a49 49 0 0 1-2.85-2.26l-.82 1.925a51 51 0 0 0 2.489 1.948c.681.5 1.268.9 1.708 1.179c.218.138.41.253.564.337c.076.041.157.083.235.117q.06.027.151.057c.04.012.169.052.332.052c.162 0 .29-.04.33-.052q.09-.029.15-.056a3 3 0 0 0 .233-.114c.154-.083.345-.196.563-.333c.44-.276 1.027-.672 1.708-1.167a50 50 0 0 0 4.889-4.051c1.752-1.657 3.516-3.593 4.848-5.653C30.047 16.526 31 14.272 31 12c0-2.7-.812-4.955-2.26-6.548C27.287 3.854 25.26 3 23 3c-2.799 0-4.718 1.13-5.956 2.262a10 10 0 0 0-1.043 1.118a10 10 0 0 0-1.045-1.118C13.718 4.13 11.8 3 9 3"/><path d="M11.502 19.85c-.43-.19-.76-.54-.95-.97l-1.41-3.31a.706.706 0 0 0-1.27 0l-1.41 3.31c-.18.43-.52.77-.95.97l-1.78.8a.706.706 0 0 0 0 1.27l1.78.8c.43.19.76.54.95.97L7.872 27c.26.53 1.01.53 1.27 0l1.41-3.31c.18-.43.52-.77.95-.97l1.78-.8a.706.706 0 0 0 0-1.27zm13.12-10.86c.1.23.28.42.51.52l.96.42c.29.14.29.55 0 .69l-.97.43c-.23.1-.41.29-.51.52l-.76 1.79c-.14.28-.55.28-.69 0l-.76-1.79a1 1 0 0 0-.51-.52l-.97-.43a.382.382 0 0 1 0-.69l.97-.43c.23-.1.41-.29.51-.52l.77-1.78c.14-.28.55-.28.69 0z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9 3c-2.189 0-4.208.86-5.674 2.446C1.861 7.032 1 9.286 1 12c0 2.243.955 4.483 2.278 6.523q.31.477.647.943l1.17-.526a.87.87 0 0 0 .445-.447l.002-.005l.053-.125a21 21 0 0 1-.639-.928C3.733 15.549 3 13.695 3 12c0-2.286.72-4.032 1.795-5.196S7.35 5 9 5c2.2 0 3.657.87 4.607 1.738c.481.44.837.884 1.094 1.232l.178.244l.012.017l.142.195c.043.058.107.142.18.218c.034.037.1.102.189.164c.067.047.284.192.6.192c.32 0 .538-.148.604-.194c.088-.063.153-.128.188-.165c.07-.075.134-.159.177-.216l.139-.192l.014-.02l.177-.244a8.4 8.4 0 0 1 1.093-1.231C19.343 5.87 20.799 5 23 5c1.739 0 3.213.646 4.26 1.798C28.312 7.955 29 9.7 29 12c0 1.728-.735 3.599-1.957 5.488c-1.215 1.878-2.857 3.692-4.542 5.285a48 48 0 0 1-4.689 3.886c-.654.474-1.203.844-1.597 1.092l-.21.13l-.213-.133c-.394-.25-.944-.624-1.599-1.103a49 49 0 0 1-2.85-2.26l-.82 1.925a51 51 0 0 0 2.489 1.948c.681.5 1.268.9 1.708 1.179c.218.138.41.253.564.337c.076.041.157.083.235.117q.06.027.151.057c.04.012.169.052.332.052c.162 0 .29-.04.33-.052q.09-.029.15-.056a3 3 0 0 0 .233-.114c.154-.083.345-.196.563-.333c.44-.276 1.027-.672 1.708-1.167a50 50 0 0 0 4.889-4.051c1.752-1.657 3.516-3.593 4.848-5.653C30.047 16.526 31 14.272 31 12c0-2.7-.812-4.955-2.26-6.548C27.287 3.854 25.26 3 23 3c-2.799 0-4.718 1.13-5.956 2.262a10 10 0 0 0-1.043 1.118a10 10 0 0 0-1.045-1.118C13.718 4.13 11.8 3 9 3"/><path d="M11.502 19.85c-.43-.19-.76-.54-.95-.97l-1.41-3.31a.706.706 0 0 0-1.27 0l-1.41 3.31c-.18.43-.52.77-.95.97l-1.78.8a.706.706 0 0 0 0 1.27l1.78.8c.43.19.76.54.95.97L7.872 27c.26.53 1.01.53 1.27 0l1.41-3.31c.18-.43.52-.77.95-.97l1.78-.8a.706.706 0 0 0 0-1.27zm13.12-10.86c.1.23.28.42.51.52l.96.42c.29.14.29.55 0 .69l-.97.43c-.23.1-.41.29-.51.52l-.76 1.79c-.14.28-.55.28-.69 0l-.76-1.79a1 1 0 0 0-.51-.52l-.97-.43a.382.382 0 0 1 0-.69l.97-.43c.23-.1.41-.29.51-.52l.77-1.78c.14-.28.55-.28.69 0z"/></g></svg> </template>
CSS
.icon-sparkling-heart {
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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9%203c-2.189%200-4.208.86-5.674%202.446C1.861%207.032%201%209.286%201%2012c0%202.243.955%204.483%202.278%206.523q.31.477.647.943l1.17-.526a.87.87%200%200%200%20.445-.447l.002-.005l.053-.125a21%2021%200%200%201-.639-.928C3.733%2015.549%203%2013.695%203%2012c0-2.286.72-4.032%201.795-5.196S7.35%205%209%205c2.2%200%203.657.87%204.607%201.738c.481.44.837.884%201.094%201.232l.178.244l.012.017l.142.195c.043.058.107.142.18.218c.034.037.1.102.189.164c.067.047.284.192.6.192c.32%200%20.538-.148.604-.194c.088-.063.153-.128.188-.165c.07-.075.134-.159.177-.216l.139-.192l.014-.02l.177-.244a8.4%208.4%200%200%201%201.093-1.231C19.343%205.87%2020.799%205%2023%205c1.739%200%203.213.646%204.26%201.798C28.312%207.955%2029%209.7%2029%2012c0%201.728-.735%203.599-1.957%205.488c-1.215%201.878-2.857%203.692-4.542%205.285a48%2048%200%200%201-4.689%203.886c-.654.474-1.203.844-1.597%201.092l-.21.13l-.213-.133c-.394-.25-.944-.624-1.599-1.103a49%2049%200%200%201-2.85-2.26l-.82%201.925a51%2051%200%200%200%202.489%201.948c.681.5%201.268.9%201.708%201.179c.218.138.41.253.564.337c.076.041.157.083.235.117q.06.027.151.057c.04.012.169.052.332.052c.162%200%20.29-.04.33-.052q.09-.029.15-.056a3%203%200%200%200%20.233-.114c.154-.083.345-.196.563-.333c.44-.276%201.027-.672%201.708-1.167a50%2050%200%200%200%204.889-4.051c1.752-1.657%203.516-3.593%204.848-5.653C30.047%2016.526%2031%2014.272%2031%2012c0-2.7-.812-4.955-2.26-6.548C27.287%203.854%2025.26%203%2023%203c-2.799%200-4.718%201.13-5.956%202.262a10%2010%200%200%200-1.043%201.118a10%2010%200%200%200-1.045-1.118C13.718%204.13%2011.8%203%209%203%22%2F%3E%3Cpath%20d%3D%22M11.502%2019.85c-.43-.19-.76-.54-.95-.97l-1.41-3.31a.706.706%200%200%200-1.27%200l-1.41%203.31c-.18.43-.52.77-.95.97l-1.78.8a.706.706%200%200%200%200%201.27l1.78.8c.43.19.76.54.95.97L7.872%2027c.26.53%201.01.53%201.27%200l1.41-3.31c.18-.43.52-.77.95-.97l1.78-.8a.706.706%200%200%200%200-1.27zm13.12-10.86c.1.23.28.42.51.52l.96.42c.29.14.29.55%200%20.69l-.97.43c-.23.1-.41.29-.51.52l-.76%201.79c-.14.28-.55.28-.69%200l-.76-1.79a1%201%200%200%200-.51-.52l-.97-.43a.382.382%200%200%201%200-.69l.97-.43c.23-.1.41-.29.51-.52l.77-1.78c.14-.28.55-.28.69%200z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9%203c-2.189%200-4.208.86-5.674%202.446C1.861%207.032%201%209.286%201%2012c0%202.243.955%204.483%202.278%206.523q.31.477.647.943l1.17-.526a.87.87%200%200%200%20.445-.447l.002-.005l.053-.125a21%2021%200%200%201-.639-.928C3.733%2015.549%203%2013.695%203%2012c0-2.286.72-4.032%201.795-5.196S7.35%205%209%205c2.2%200%203.657.87%204.607%201.738c.481.44.837.884%201.094%201.232l.178.244l.012.017l.142.195c.043.058.107.142.18.218c.034.037.1.102.189.164c.067.047.284.192.6.192c.32%200%20.538-.148.604-.194c.088-.063.153-.128.188-.165c.07-.075.134-.159.177-.216l.139-.192l.014-.02l.177-.244a8.4%208.4%200%200%201%201.093-1.231C19.343%205.87%2020.799%205%2023%205c1.739%200%203.213.646%204.26%201.798C28.312%207.955%2029%209.7%2029%2012c0%201.728-.735%203.599-1.957%205.488c-1.215%201.878-2.857%203.692-4.542%205.285a48%2048%200%200%201-4.689%203.886c-.654.474-1.203.844-1.597%201.092l-.21.13l-.213-.133c-.394-.25-.944-.624-1.599-1.103a49%2049%200%200%201-2.85-2.26l-.82%201.925a51%2051%200%200%200%202.489%201.948c.681.5%201.268.9%201.708%201.179c.218.138.41.253.564.337c.076.041.157.083.235.117q.06.027.151.057c.04.012.169.052.332.052c.162%200%20.29-.04.33-.052q.09-.029.15-.056a3%203%200%200%200%20.233-.114c.154-.083.345-.196.563-.333c.44-.276%201.027-.672%201.708-1.167a50%2050%200%200%200%204.889-4.051c1.752-1.657%203.516-3.593%204.848-5.653C30.047%2016.526%2031%2014.272%2031%2012c0-2.7-.812-4.955-2.26-6.548C27.287%203.854%2025.26%203%2023%203c-2.799%200-4.718%201.13-5.956%202.262a10%2010%200%200%200-1.043%201.118a10%2010%200%200%200-1.045-1.118C13.718%204.13%2011.8%203%209%203%22%2F%3E%3Cpath%20d%3D%22M11.502%2019.85c-.43-.19-.76-.54-.95-.97l-1.41-3.31a.706.706%200%200%200-1.27%200l-1.41%203.31c-.18.43-.52.77-.95.97l-1.78.8a.706.706%200%200%200%200%201.27l1.78.8c.43.19.76.54.95.97L7.872%2027c.26.53%201.01.53%201.27%200l1.41-3.31c.18-.43.52-.77.95-.97l1.78-.8a.706.706%200%200%200%200-1.27zm13.12-10.86c.1.23.28.42.51.52l.96.42c.29.14.29.55%200%20.69l-.97.43c-.23.1-.41.29-.51.52l-.76%201.79c-.14.28-.55.28-.69%200l-.76-1.79a1%201%200%200%200-.51-.52l-.97-.43a.382.382%200%200%201%200-.69l.97-.43c.23-.1.41-.29.51-.52l.77-1.78c.14-.28.55-.28.69%200z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/sparkling-heart.svg?color=%231a73e8&size=48
