kiss mark emoji
kiss-mark from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.
- Name
- kiss-mark
- 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 kiss mark emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m20.302 2.442l7.71 1.72a.86.86 0 0 1 .657.606a.5.5 0 0 1 .053.104l.17.51c1.98 5.94 1.18 14.68-3.24 19.11l-1.15 1.15c-4.42 4.42-13.17 5.22-19.1 3.23l-.51-.17a.4.4 0 0 1-.073-.031a.86.86 0 0 1-.647-.669l-1.7-7.62c-.22-.63-.45-2.19-.45-2.19c-.17-2.34.64-4.74 2.43-6.53a8.36 8.36 0 0 1 4.82-2.39a8.36 8.36 0 0 1 2.39-4.82c1.79-1.79 4.2-2.6 6.54-2.43c0 0 1.53.23 2.1.42M6.396 27.06l2.326-1.247a41.73 41.73 0 0 0 17.11-17.11l1.243-2.32l-5.413 2.67c-5.47 2.7-9.9 7.13-12.6 12.6z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastKissMark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m20.302 2.442l7.71 1.72a.86.86 0 0 1 .657.606a.5.5 0 0 1 .053.104l.17.51c1.98 5.94 1.18 14.68-3.24 19.11l-1.15 1.15c-4.42 4.42-13.17 5.22-19.1 3.23l-.51-.17a.4.4 0 0 1-.073-.031a.86.86 0 0 1-.647-.669l-1.7-7.62c-.22-.63-.45-2.19-.45-2.19c-.17-2.34.64-4.74 2.43-6.53a8.36 8.36 0 0 1 4.82-2.39a8.36 8.36 0 0 1 2.39-4.82c1.79-1.79 4.2-2.6 6.54-2.43c0 0 1.53.23 2.1.42M6.396 27.06l2.326-1.247a41.73 41.73 0 0 0 17.11-17.11l1.243-2.32l-5.413 2.67c-5.47 2.7-9.9 7.13-12.6 12.6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m20.302 2.442l7.71 1.72a.86.86 0 0 1 .657.606a.5.5 0 0 1 .053.104l.17.51c1.98 5.94 1.18 14.68-3.24 19.11l-1.15 1.15c-4.42 4.42-13.17 5.22-19.1 3.23l-.51-.17a.4.4 0 0 1-.073-.031a.86.86 0 0 1-.647-.669l-1.7-7.62c-.22-.63-.45-2.19-.45-2.19c-.17-2.34.64-4.74 2.43-6.53a8.36 8.36 0 0 1 4.82-2.39a8.36 8.36 0 0 1 2.39-4.82c1.79-1.79 4.2-2.6 6.54-2.43c0 0 1.53.23 2.1.42M6.396 27.06l2.326-1.247a41.73 41.73 0 0 0 17.11-17.11l1.243-2.32l-5.413 2.67c-5.47 2.7-9.9 7.13-12.6 12.6z"/></svg> </template>
CSS
.icon-kiss-mark {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.302%202.442l7.71%201.72a.86.86%200%200%201%20.657.606a.5.5%200%200%201%20.053.104l.17.51c1.98%205.94%201.18%2014.68-3.24%2019.11l-1.15%201.15c-4.42%204.42-13.17%205.22-19.1%203.23l-.51-.17a.4.4%200%200%201-.073-.031a.86.86%200%200%201-.647-.669l-1.7-7.62c-.22-.63-.45-2.19-.45-2.19c-.17-2.34.64-4.74%202.43-6.53a8.36%208.36%200%200%201%204.82-2.39a8.36%208.36%200%200%201%202.39-4.82c1.79-1.79%204.2-2.6%206.54-2.43c0%200%201.53.23%202.1.42M6.396%2027.06l2.326-1.247a41.73%2041.73%200%200%200%2017.11-17.11l1.243-2.32l-5.413%202.67c-5.47%202.7-9.9%207.13-12.6%2012.6z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.302%202.442l7.71%201.72a.86.86%200%200%201%20.657.606a.5.5%200%200%201%20.053.104l.17.51c1.98%205.94%201.18%2014.68-3.24%2019.11l-1.15%201.15c-4.42%204.42-13.17%205.22-19.1%203.23l-.51-.17a.4.4%200%200%201-.073-.031a.86.86%200%200%201-.647-.669l-1.7-7.62c-.22-.63-.45-2.19-.45-2.19c-.17-2.34.64-4.74%202.43-6.53a8.36%208.36%200%200%201%204.82-2.39a8.36%208.36%200%200%201%202.39-4.82c1.79-1.79%204.2-2.6%206.54-2.43c0%200%201.53.23%202.1.42M6.396%2027.06l2.326-1.247a41.73%2041.73%200%200%200%2017.11-17.11l1.243-2.32l-5.413%202.67c-5.47%202.7-9.9%207.13-12.6%2012.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/kiss-mark.svg?color=%231a73e8&size=48
