kiss mark emoji
kiss-mark from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.
- Name
- kiss-mark
- Set
- Twitter Emoji
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More smileys & emotion icons from Twitter Emoji
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-catcrying-face
Use the kiss mark emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M32.201 7.791c-2.223-.36-7.568-3.963-11.411-2.762s-3.542 2.162-5.464 2.763s-2.222-.36-6.065.841c-3.842 1.201-6.184 7.206-7.805 8.768c0 0-1.603 1.621-1.021 3.483c.583 1.861 2.523 1.32 2.523 1.32c6.726-2.102 9.007-4.925 9.007-4.925s3.482 1.021 6.364.12s5.164-3.724 5.164-3.724s3.484 1.021 10.209-1.081c0 0 1.902-.661 1.32-2.522c-.583-1.862-2.821-2.281-2.821-2.281m-1.082 6.666c-5.764 1.801-4.562 5.644-11.288 7.747s-7.927-1.74-13.691.061c-1.921.601-2.582 1.861-2.281 2.824c.9 2.881 8.407 10.025 18.976 6.723s12.67-13.452 11.769-16.333c-.301-.963-1.564-1.623-3.485-1.022"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiKissMark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M32.201 7.791c-2.223-.36-7.568-3.963-11.411-2.762s-3.542 2.162-5.464 2.763s-2.222-.36-6.065.841c-3.842 1.201-6.184 7.206-7.805 8.768c0 0-1.603 1.621-1.021 3.483c.583 1.861 2.523 1.32 2.523 1.32c6.726-2.102 9.007-4.925 9.007-4.925s3.482 1.021 6.364.12s5.164-3.724 5.164-3.724s3.484 1.021 10.209-1.081c0 0 1.902-.661 1.32-2.522c-.583-1.862-2.821-2.281-2.821-2.281m-1.082 6.666c-5.764 1.801-4.562 5.644-11.288 7.747s-7.927-1.74-13.691.061c-1.921.601-2.582 1.861-2.281 2.824c.9 2.881 8.407 10.025 18.976 6.723s12.67-13.452 11.769-16.333c-.301-.963-1.564-1.623-3.485-1.022"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M32.201 7.791c-2.223-.36-7.568-3.963-11.411-2.762s-3.542 2.162-5.464 2.763s-2.222-.36-6.065.841c-3.842 1.201-6.184 7.206-7.805 8.768c0 0-1.603 1.621-1.021 3.483c.583 1.861 2.523 1.32 2.523 1.32c6.726-2.102 9.007-4.925 9.007-4.925s3.482 1.021 6.364.12s5.164-3.724 5.164-3.724s3.484 1.021 10.209-1.081c0 0 1.902-.661 1.32-2.522c-.583-1.862-2.821-2.281-2.821-2.281m-1.082 6.666c-5.764 1.801-4.562 5.644-11.288 7.747s-7.927-1.74-13.691.061c-1.921.601-2.582 1.861-2.281 2.824c.9 2.881 8.407 10.025 18.976 6.723s12.67-13.452 11.769-16.333c-.301-.963-1.564-1.623-3.485-1.022"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M32.201%207.791c-2.223-.36-7.568-3.963-11.411-2.762s-3.542%202.162-5.464%202.763s-2.222-.36-6.065.841c-3.842%201.201-6.184%207.206-7.805%208.768c0%200-1.603%201.621-1.021%203.483c.583%201.861%202.523%201.32%202.523%201.32c6.726-2.102%209.007-4.925%209.007-4.925s3.482%201.021%206.364.12s5.164-3.724%205.164-3.724s3.484%201.021%2010.209-1.081c0%200%201.902-.661%201.32-2.522c-.583-1.862-2.821-2.281-2.821-2.281m-1.082%206.666c-5.764%201.801-4.562%205.644-11.288%207.747s-7.927-1.74-13.691.061c-1.921.601-2.582%201.861-2.281%202.824c.9%202.881%208.407%2010.025%2018.976%206.723s12.67-13.452%2011.769-16.333c-.301-.963-1.564-1.623-3.485-1.022%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M32.201%207.791c-2.223-.36-7.568-3.963-11.411-2.762s-3.542%202.162-5.464%202.763s-2.222-.36-6.065.841c-3.842%201.201-6.184%207.206-7.805%208.768c0%200-1.603%201.621-1.021%203.483c.583%201.861%202.523%201.32%202.523%201.32c6.726-2.102%209.007-4.925%209.007-4.925s3.482%201.021%206.364.12s5.164-3.724%205.164-3.724s3.484%201.021%2010.209-1.081c0%200%201.902-.661%201.32-2.522c-.583-1.862-2.821-2.281-2.821-2.281m-1.082%206.666c-5.764%201.801-4.562%205.644-11.288%207.747s-7.927-1.74-13.691.061c-1.921.601-2.582%201.861-2.281%202.824c.9%202.881%208.407%2010.025%2018.976%206.723s12.67-13.452%2011.769-16.333c-.301-.963-1.564-1.623-3.485-1.022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/kiss-mark.svg?color=%231a73e8&size=48
