love letter emoji

love-letter from OpenMoji by OpenMoji · Default · Smileys Emotion · CC-BY-SA-4.0 Attribution required.

Name
love-letter
Set
OpenMoji
Style
Default
Category
Smileys Emotion
Viewbox
72×72
License
CC BY-SA 4.0

The same emoji in other sets

love-letterEmoji One (Colored)love-letterFluent Emojilove-letterFluent Emoji Flatlove-letterFluent Emoji High Contrastlove-letterNoto Emojilove-letterTwitter Emoji

More smileys emotion icons from OpenMoji

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-facecracking-facecrying-cat

Use the love letter emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M65.086 55.5H6.878A2.877 2.877 0 0 1 4 52.623V17.248A2.25 2.25 0 0 1 6.248 15h59.446A2.306 2.306 0 0 1 68 17.306v35.28a2.914 2.914 0 0 1-2.914 2.914"/><path fill="#ea5a47" d="M47.064 33.552A5.885 5.885 0 0 0 36 30.755a5.885 5.885 0 0 0-11.064 2.797c0 1.398.49 2.68 1.304 3.69l-.002.002L36 49.342l9.762-12.098l-.003-.002a5.86 5.86 0 0 0 1.305-3.69"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M65.086 55.5H6.878A2.877 2.877 0 0 1 4 52.623V17.248A2.25 2.25 0 0 1 6.248 15h59.446A2.306 2.306 0 0 1 68 17.306v35.28a2.914 2.914 0 0 1-2.914 2.914"/><path stroke-linecap="round" d="m5 16l15 16m47-16L52 32"/><path stroke-linejoin="round" d="M47.064 33.552A5.885 5.885 0 0 0 36 30.755a5.885 5.885 0 0 0-11.064 2.797c0 1.398.49 2.68 1.304 3.69l-.002.002L36 49.342l9.762-12.098l-.003-.002a5.86 5.86 0 0 0 1.305-3.69z"/></g></svg>

React

import type { SVGProps } from "react";

export function OpenmojiLoveLetter(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M65.086 55.5H6.878A2.877 2.877 0 0 1 4 52.623V17.248A2.25 2.25 0 0 1 6.248 15h59.446A2.306 2.306 0 0 1 68 17.306v35.28a2.914 2.914 0 0 1-2.914 2.914"/><path fill="#ea5a47" d="M47.064 33.552A5.885 5.885 0 0 0 36 30.755a5.885 5.885 0 0 0-11.064 2.797c0 1.398.49 2.68 1.304 3.69l-.002.002L36 49.342l9.762-12.098l-.003-.002a5.86 5.86 0 0 0 1.305-3.69"/><g fill="none" stroke="#000" strokeMiterlimit="10" strokeWidth="2"><path strokeLinecap="round" strokeLinejoin="round" d="M65.086 55.5H6.878A2.877 2.877 0 0 1 4 52.623V17.248A2.25 2.25 0 0 1 6.248 15h59.446A2.306 2.306 0 0 1 68 17.306v35.28a2.914 2.914 0 0 1-2.914 2.914"/><path strokeLinecap="round" d="m5 16l15 16m47-16L52 32"/><path strokeLinejoin="round" d="M47.064 33.552A5.885 5.885 0 0 0 36 30.755a5.885 5.885 0 0 0-11.064 2.797c0 1.398.49 2.68 1.304 3.69l-.002.002L36 49.342l9.762-12.098l-.003-.002a5.86 5.86 0 0 0 1.305-3.69z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M65.086 55.5H6.878A2.877 2.877 0 0 1 4 52.623V17.248A2.25 2.25 0 0 1 6.248 15h59.446A2.306 2.306 0 0 1 68 17.306v35.28a2.914 2.914 0 0 1-2.914 2.914"/><path fill="#ea5a47" d="M47.064 33.552A5.885 5.885 0 0 0 36 30.755a5.885 5.885 0 0 0-11.064 2.797c0 1.398.49 2.68 1.304 3.69l-.002.002L36 49.342l9.762-12.098l-.003-.002a5.86 5.86 0 0 0 1.305-3.69"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M65.086 55.5H6.878A2.877 2.877 0 0 1 4 52.623V17.248A2.25 2.25 0 0 1 6.248 15h59.446A2.306 2.306 0 0 1 68 17.306v35.28a2.914 2.914 0 0 1-2.914 2.914"/><path stroke-linecap="round" d="m5 16l15 16m47-16L52 32"/><path stroke-linejoin="round" d="M47.064 33.552A5.885 5.885 0 0 0 36 30.755a5.885 5.885 0 0 0-11.064 2.797c0 1.398.49 2.68 1.304 3.69l-.002.002L36 49.342l9.762-12.098l-.003-.002a5.86 5.86 0 0 0 1.305-3.69z"/></g></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M65.086%2055.5H6.878A2.877%202.877%200%200%201%204%2052.623V17.248A2.25%202.25%200%200%201%206.248%2015h59.446A2.306%202.306%200%200%201%2068%2017.306v35.28a2.914%202.914%200%200%201-2.914%202.914%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M47.064%2033.552A5.885%205.885%200%200%200%2036%2030.755a5.885%205.885%200%200%200-11.064%202.797c0%201.398.49%202.68%201.304%203.69l-.002.002L36%2049.342l9.762-12.098l-.003-.002a5.86%205.86%200%200%200%201.305-3.69%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M65.086%2055.5H6.878A2.877%202.877%200%200%201%204%2052.623V17.248A2.25%202.25%200%200%201%206.248%2015h59.446A2.306%202.306%200%200%201%2068%2017.306v35.28a2.914%202.914%200%200%201-2.914%202.914%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m5%2016l15%2016m47-16L52%2032%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M47.064%2033.552A5.885%205.885%200%200%200%2036%2030.755a5.885%205.885%200%200%200-11.064%202.797c0%201.398.49%202.68%201.304%203.69l-.002.002L36%2049.342l9.762-12.098l-.003-.002a5.86%205.86%200%200%200%201.305-3.69z%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M65.086%2055.5H6.878A2.877%202.877%200%200%201%204%2052.623V17.248A2.25%202.25%200%200%201%206.248%2015h59.446A2.306%202.306%200%200%201%2068%2017.306v35.28a2.914%202.914%200%200%201-2.914%202.914%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M47.064%2033.552A5.885%205.885%200%200%200%2036%2030.755a5.885%205.885%200%200%200-11.064%202.797c0%201.398.49%202.68%201.304%203.69l-.002.002L36%2049.342l9.762-12.098l-.003-.002a5.86%205.86%200%200%200%201.305-3.69%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M65.086%2055.5H6.878A2.877%202.877%200%200%201%204%2052.623V17.248A2.25%202.25%200%200%201%206.248%2015h59.446A2.306%202.306%200%200%201%2068%2017.306v35.28a2.914%202.914%200%200%201-2.914%202.914%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m5%2016l15%2016m47-16L52%2032%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M47.064%2033.552A5.885%205.885%200%200%200%2036%2030.755a5.885%205.885%200%200%200-11.064%202.797c0%201.398.49%202.68%201.304%203.69l-.002.002L36%2049.342l9.762-12.098l-.003-.002a5.86%205.86%200%200%200%201.305-3.69z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/love-letter.svg?color=%231a73e8&size=48