love letter emoji
love-letter from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.
- Name
- love-letter
- 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 love letter emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M11.949 17.636L.637 28.948c-.027.029-.037.064-.06.092c.34.57.814 1.043 1.384 1.384c.029-.023.063-.033.09-.06L13.365 19.05a1 1 0 0 0-1.416-1.414M35.423 29.04c-.021-.028-.033-.063-.06-.09L24.051 17.636a1 1 0 1 0-1.415 1.414l11.313 11.314c.026.026.062.037.09.06a4 4 0 0 0 1.384-1.384"/><path fill="#99aab5" d="M32 5H4a4 4 0 0 0-4 4v1.03l14.527 14.496a4.883 4.883 0 0 0 6.885 0L36 10.009V9a4 4 0 0 0-4-4"/><path fill="#e1e8ed" d="M32 5H4A3.99 3.99 0 0 0 .405 7.275l14.766 14.767a4 4 0 0 0 5.657 0L35.595 7.275A3.99 3.99 0 0 0 32 5"/><path fill="#dd2e44" d="M27 16.78a4.986 4.986 0 0 0-4.986-4.987a4.98 4.98 0 0 0-4.053 2.087a4.98 4.98 0 0 0-4.051-2.087a4.987 4.987 0 0 0-4.987 4.987c0 .391.05.769.134 1.133c.693 4.302 5.476 8.841 8.904 10.087c3.428-1.246 8.212-5.785 8.904-10.086c.085-.365.135-.744.135-1.134"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiLoveLetter(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M11.949 17.636L.637 28.948c-.027.029-.037.064-.06.092c.34.57.814 1.043 1.384 1.384c.029-.023.063-.033.09-.06L13.365 19.05a1 1 0 0 0-1.416-1.414M35.423 29.04c-.021-.028-.033-.063-.06-.09L24.051 17.636a1 1 0 1 0-1.415 1.414l11.313 11.314c.026.026.062.037.09.06a4 4 0 0 0 1.384-1.384"/><path fill="#99aab5" d="M32 5H4a4 4 0 0 0-4 4v1.03l14.527 14.496a4.883 4.883 0 0 0 6.885 0L36 10.009V9a4 4 0 0 0-4-4"/><path fill="#e1e8ed" d="M32 5H4A3.99 3.99 0 0 0 .405 7.275l14.766 14.767a4 4 0 0 0 5.657 0L35.595 7.275A3.99 3.99 0 0 0 32 5"/><path fill="#dd2e44" d="M27 16.78a4.986 4.986 0 0 0-4.986-4.987a4.98 4.98 0 0 0-4.053 2.087a4.98 4.98 0 0 0-4.051-2.087a4.987 4.987 0 0 0-4.987 4.987c0 .391.05.769.134 1.133c.693 4.302 5.476 8.841 8.904 10.087c3.428-1.246 8.212-5.785 8.904-10.086c.085-.365.135-.744.135-1.134"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M11.949 17.636L.637 28.948c-.027.029-.037.064-.06.092c.34.57.814 1.043 1.384 1.384c.029-.023.063-.033.09-.06L13.365 19.05a1 1 0 0 0-1.416-1.414M35.423 29.04c-.021-.028-.033-.063-.06-.09L24.051 17.636a1 1 0 1 0-1.415 1.414l11.313 11.314c.026.026.062.037.09.06a4 4 0 0 0 1.384-1.384"/><path fill="#99aab5" d="M32 5H4a4 4 0 0 0-4 4v1.03l14.527 14.496a4.883 4.883 0 0 0 6.885 0L36 10.009V9a4 4 0 0 0-4-4"/><path fill="#e1e8ed" d="M32 5H4A3.99 3.99 0 0 0 .405 7.275l14.766 14.767a4 4 0 0 0 5.657 0L35.595 7.275A3.99 3.99 0 0 0 32 5"/><path fill="#dd2e44" d="M27 16.78a4.986 4.986 0 0 0-4.986-4.987a4.98 4.98 0 0 0-4.053 2.087a4.98 4.98 0 0 0-4.051-2.087a4.987 4.987 0 0 0-4.987 4.987c0 .391.05.769.134 1.133c.693 4.302 5.476 8.841 8.904 10.087c3.428-1.246 8.212-5.785 8.904-10.086c.085-.365.135-.744.135-1.134"/></svg> </template>
CSS
.icon-love-letter {
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%23ccd6dd%22%20d%3D%22M36%2027a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V9a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M11.949%2017.636L.637%2028.948c-.027.029-.037.064-.06.092c.34.57.814%201.043%201.384%201.384c.029-.023.063-.033.09-.06L13.365%2019.05a1%201%200%200%200-1.416-1.414M35.423%2029.04c-.021-.028-.033-.063-.06-.09L24.051%2017.636a1%201%200%201%200-1.415%201.414l11.313%2011.314c.026.026.062.037.09.06a4%204%200%200%200%201.384-1.384%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M32%205H4a4%204%200%200%200-4%204v1.03l14.527%2014.496a4.883%204.883%200%200%200%206.885%200L36%2010.009V9a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M32%205H4A3.99%203.99%200%200%200%20.405%207.275l14.766%2014.767a4%204%200%200%200%205.657%200L35.595%207.275A3.99%203.99%200%200%200%2032%205%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M27%2016.78a4.986%204.986%200%200%200-4.986-4.987a4.98%204.98%200%200%200-4.053%202.087a4.98%204.98%200%200%200-4.051-2.087a4.987%204.987%200%200%200-4.987%204.987c0%20.391.05.769.134%201.133c.693%204.302%205.476%208.841%208.904%2010.087c3.428-1.246%208.212-5.785%208.904-10.086c.085-.365.135-.744.135-1.134%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%23ccd6dd%22%20d%3D%22M36%2027a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V9a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M11.949%2017.636L.637%2028.948c-.027.029-.037.064-.06.092c.34.57.814%201.043%201.384%201.384c.029-.023.063-.033.09-.06L13.365%2019.05a1%201%200%200%200-1.416-1.414M35.423%2029.04c-.021-.028-.033-.063-.06-.09L24.051%2017.636a1%201%200%201%200-1.415%201.414l11.313%2011.314c.026.026.062.037.09.06a4%204%200%200%200%201.384-1.384%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M32%205H4a4%204%200%200%200-4%204v1.03l14.527%2014.496a4.883%204.883%200%200%200%206.885%200L36%2010.009V9a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M32%205H4A3.99%203.99%200%200%200%20.405%207.275l14.766%2014.767a4%204%200%200%200%205.657%200L35.595%207.275A3.99%203.99%200%200%200%2032%205%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M27%2016.78a4.986%204.986%200%200%200-4.986-4.987a4.98%204.98%200%200%200-4.053%202.087a4.98%204.98%200%200%200-4.051-2.087a4.987%204.987%200%200%200-4.987%204.987c0%20.391.05.769.134%201.133c.693%204.302%205.476%208.841%208.904%2010.087c3.428-1.246%208.212-5.785%208.904-10.086c.085-.365.135-.744.135-1.134%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/love-letter.svg?color=%231a73e8&size=48
