loveletter emoji

loveletter from Firefox OS Emoji by Mozilla · Default · People · Apache-2.0 Free for personal and commercial use.

Name
loveletter
Set
Firefox OS Emoji
Style
Default
Category
People
Viewbox
72×72
License
Apache 2.0

More people icons from Firefox OS Emoji

2heartsalienangerangryanguishaokastonishedbabybabyangelbeating-heartbikiniblackdownpointingbackhandblackleftpointingbackhandblackmissingsmileyblackrightpointingbackhandblackuppointingbackhandblondebootbowbowingboybridebriefcasebrokenheart

Use the loveletter emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#D1CFC3" d="M72 66.7c.3-.7-31.1-24.4-31.1-24.4c-3.9-2.9-6-2.9-9.9 0c0 0-31.3 23.6-31 24.4c.3.7.7 1.4 1.1 2c.2.3.5.5.7.7h.1c1 .9 2.3 1.5 3.7 1.7h.2c.2 0 .4.1.6.1h59.2c2.9-.1 5.4-1.9 6.4-4.5"/><path fill="#E5E4DF" d="M36 39.6L.1 66.4V28.3c0-3.7 3-6.7 6.7-6.7h58.3c3.7 0 6.7 3 6.7 6.7v38.1z"/><path fill="#EDECE6" d="m.6 26l30.6 24c3.9 2.9 5.9 2.9 9.7 0l30.6-24c-.5-1-1.3-1.7-2.2-2.3l.4-.3c-1-.9-2.3-1.5-3.8-1.7H6.2c-1.5.2-2.8.8-3.8 1.7l.4.3c-.9.6-1.7 1.4-2.2 2.3"/><path fill="#F4F3EF" d="M.6 26.1c-.3.7 30.6 24 30.6 24c3.9 2.9 5.9 2.9 9.7 0c0 0 30.8-23.3 30.6-24c-.3-.7-.6-1.4-1.1-2c-.2-.2-.4-.5-.7-.7h-.1c-1-.9-2.3-1.5-3.7-1.6h-.2c-.2 0-.4-.1-.6-.1H6.8c-2.8 0-5.3 1.8-6.2 4.4c0-.1-.1-.1 0 0"/><path fill="#FF473E" d="M28.8 8.5c-2.6-2.5-6.7-2.5-9.3 0c-.3.3-.5.5-.7.8c-.2-.3-.4-.6-.7-.8c-2.8-2.8-7.6-2.5-10 .9c-1.4 1.9-1.6 4.5-.6 6.6c.6 1.3 1.4 2.2 2.4 2.8l8.3 6.7c.4.3 1 .3 1.4 0l8.3-6.7c.7-.4 1.3-1 1.8-1.7c1.8-2.6 1.4-6.3-.9-8.6m21.3-6.8c-1.1-1.1-2.9-1.1-4 0c0 .1-.1.2-.2.3c-.1-.1-.2-.2-.3-.4C44.4.4 42.3.5 41.3 2c-.5.7-.6 1.7-.3 2.5c.2.6.6 1.1 1.1 1.4l3.3 2.7c.3.2.7.2 1 0l3.7-3c1.1-1 1.1-2.8 0-3.9"/><path fill="#FF7DDA" d="M59 18.2c-2-2-5.3-2-7.3 0c-.2.2-.4.4-.5.6c-.2-.2-.3-.4-.5-.7c-1.9-1.9-5-2-7-.3s-2.3 4.7-.9 6.8c.4.6.9 1.1 1.4 1.4l6.4 5.2c.4.3.9.3 1.3 0l7.2-5.9c1.9-1.8 1.9-5.1-.1-7.1"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiLoveletter(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#D1CFC3" d="M72 66.7c.3-.7-31.1-24.4-31.1-24.4c-3.9-2.9-6-2.9-9.9 0c0 0-31.3 23.6-31 24.4c.3.7.7 1.4 1.1 2c.2.3.5.5.7.7h.1c1 .9 2.3 1.5 3.7 1.7h.2c.2 0 .4.1.6.1h59.2c2.9-.1 5.4-1.9 6.4-4.5"/><path fill="#E5E4DF" d="M36 39.6L.1 66.4V28.3c0-3.7 3-6.7 6.7-6.7h58.3c3.7 0 6.7 3 6.7 6.7v38.1z"/><path fill="#EDECE6" d="m.6 26l30.6 24c3.9 2.9 5.9 2.9 9.7 0l30.6-24c-.5-1-1.3-1.7-2.2-2.3l.4-.3c-1-.9-2.3-1.5-3.8-1.7H6.2c-1.5.2-2.8.8-3.8 1.7l.4.3c-.9.6-1.7 1.4-2.2 2.3"/><path fill="#F4F3EF" d="M.6 26.1c-.3.7 30.6 24 30.6 24c3.9 2.9 5.9 2.9 9.7 0c0 0 30.8-23.3 30.6-24c-.3-.7-.6-1.4-1.1-2c-.2-.2-.4-.5-.7-.7h-.1c-1-.9-2.3-1.5-3.7-1.6h-.2c-.2 0-.4-.1-.6-.1H6.8c-2.8 0-5.3 1.8-6.2 4.4c0-.1-.1-.1 0 0"/><path fill="#FF473E" d="M28.8 8.5c-2.6-2.5-6.7-2.5-9.3 0c-.3.3-.5.5-.7.8c-.2-.3-.4-.6-.7-.8c-2.8-2.8-7.6-2.5-10 .9c-1.4 1.9-1.6 4.5-.6 6.6c.6 1.3 1.4 2.2 2.4 2.8l8.3 6.7c.4.3 1 .3 1.4 0l8.3-6.7c.7-.4 1.3-1 1.8-1.7c1.8-2.6 1.4-6.3-.9-8.6m21.3-6.8c-1.1-1.1-2.9-1.1-4 0c0 .1-.1.2-.2.3c-.1-.1-.2-.2-.3-.4C44.4.4 42.3.5 41.3 2c-.5.7-.6 1.7-.3 2.5c.2.6.6 1.1 1.1 1.4l3.3 2.7c.3.2.7.2 1 0l3.7-3c1.1-1 1.1-2.8 0-3.9"/><path fill="#FF7DDA" d="M59 18.2c-2-2-5.3-2-7.3 0c-.2.2-.4.4-.5.6c-.2-.2-.3-.4-.5-.7c-1.9-1.9-5-2-7-.3s-2.3 4.7-.9 6.8c.4.6.9 1.1 1.4 1.4l6.4 5.2c.4.3.9.3 1.3 0l7.2-5.9c1.9-1.8 1.9-5.1-.1-7.1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#D1CFC3" d="M72 66.7c.3-.7-31.1-24.4-31.1-24.4c-3.9-2.9-6-2.9-9.9 0c0 0-31.3 23.6-31 24.4c.3.7.7 1.4 1.1 2c.2.3.5.5.7.7h.1c1 .9 2.3 1.5 3.7 1.7h.2c.2 0 .4.1.6.1h59.2c2.9-.1 5.4-1.9 6.4-4.5"/><path fill="#E5E4DF" d="M36 39.6L.1 66.4V28.3c0-3.7 3-6.7 6.7-6.7h58.3c3.7 0 6.7 3 6.7 6.7v38.1z"/><path fill="#EDECE6" d="m.6 26l30.6 24c3.9 2.9 5.9 2.9 9.7 0l30.6-24c-.5-1-1.3-1.7-2.2-2.3l.4-.3c-1-.9-2.3-1.5-3.8-1.7H6.2c-1.5.2-2.8.8-3.8 1.7l.4.3c-.9.6-1.7 1.4-2.2 2.3"/><path fill="#F4F3EF" d="M.6 26.1c-.3.7 30.6 24 30.6 24c3.9 2.9 5.9 2.9 9.7 0c0 0 30.8-23.3 30.6-24c-.3-.7-.6-1.4-1.1-2c-.2-.2-.4-.5-.7-.7h-.1c-1-.9-2.3-1.5-3.7-1.6h-.2c-.2 0-.4-.1-.6-.1H6.8c-2.8 0-5.3 1.8-6.2 4.4c0-.1-.1-.1 0 0"/><path fill="#FF473E" d="M28.8 8.5c-2.6-2.5-6.7-2.5-9.3 0c-.3.3-.5.5-.7.8c-.2-.3-.4-.6-.7-.8c-2.8-2.8-7.6-2.5-10 .9c-1.4 1.9-1.6 4.5-.6 6.6c.6 1.3 1.4 2.2 2.4 2.8l8.3 6.7c.4.3 1 .3 1.4 0l8.3-6.7c.7-.4 1.3-1 1.8-1.7c1.8-2.6 1.4-6.3-.9-8.6m21.3-6.8c-1.1-1.1-2.9-1.1-4 0c0 .1-.1.2-.2.3c-.1-.1-.2-.2-.3-.4C44.4.4 42.3.5 41.3 2c-.5.7-.6 1.7-.3 2.5c.2.6.6 1.1 1.1 1.4l3.3 2.7c.3.2.7.2 1 0l3.7-3c1.1-1 1.1-2.8 0-3.9"/><path fill="#FF7DDA" d="M59 18.2c-2-2-5.3-2-7.3 0c-.2.2-.4.4-.5.6c-.2-.2-.3-.4-.5-.7c-1.9-1.9-5-2-7-.3s-2.3 4.7-.9 6.8c.4.6.9 1.1 1.4 1.4l6.4 5.2c.4.3.9.3 1.3 0l7.2-5.9c1.9-1.8 1.9-5.1-.1-7.1"/></svg>
</template>

CSS

.icon-loveletter {
  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%23D1CFC3%22%20d%3D%22M72%2066.7c.3-.7-31.1-24.4-31.1-24.4c-3.9-2.9-6-2.9-9.9%200c0%200-31.3%2023.6-31%2024.4c.3.7.7%201.4%201.1%202c.2.3.5.5.7.7h.1c1%20.9%202.3%201.5%203.7%201.7h.2c.2%200%20.4.1.6.1h59.2c2.9-.1%205.4-1.9%206.4-4.5%22%2F%3E%3Cpath%20fill%3D%22%23E5E4DF%22%20d%3D%22M36%2039.6L.1%2066.4V28.3c0-3.7%203-6.7%206.7-6.7h58.3c3.7%200%206.7%203%206.7%206.7v38.1z%22%2F%3E%3Cpath%20fill%3D%22%23EDECE6%22%20d%3D%22m.6%2026l30.6%2024c3.9%202.9%205.9%202.9%209.7%200l30.6-24c-.5-1-1.3-1.7-2.2-2.3l.4-.3c-1-.9-2.3-1.5-3.8-1.7H6.2c-1.5.2-2.8.8-3.8%201.7l.4.3c-.9.6-1.7%201.4-2.2%202.3%22%2F%3E%3Cpath%20fill%3D%22%23F4F3EF%22%20d%3D%22M.6%2026.1c-.3.7%2030.6%2024%2030.6%2024c3.9%202.9%205.9%202.9%209.7%200c0%200%2030.8-23.3%2030.6-24c-.3-.7-.6-1.4-1.1-2c-.2-.2-.4-.5-.7-.7h-.1c-1-.9-2.3-1.5-3.7-1.6h-.2c-.2%200-.4-.1-.6-.1H6.8c-2.8%200-5.3%201.8-6.2%204.4c0-.1-.1-.1%200%200%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M28.8%208.5c-2.6-2.5-6.7-2.5-9.3%200c-.3.3-.5.5-.7.8c-.2-.3-.4-.6-.7-.8c-2.8-2.8-7.6-2.5-10%20.9c-1.4%201.9-1.6%204.5-.6%206.6c.6%201.3%201.4%202.2%202.4%202.8l8.3%206.7c.4.3%201%20.3%201.4%200l8.3-6.7c.7-.4%201.3-1%201.8-1.7c1.8-2.6%201.4-6.3-.9-8.6m21.3-6.8c-1.1-1.1-2.9-1.1-4%200c0%20.1-.1.2-.2.3c-.1-.1-.2-.2-.3-.4C44.4.4%2042.3.5%2041.3%202c-.5.7-.6%201.7-.3%202.5c.2.6.6%201.1%201.1%201.4l3.3%202.7c.3.2.7.2%201%200l3.7-3c1.1-1%201.1-2.8%200-3.9%22%2F%3E%3Cpath%20fill%3D%22%23FF7DDA%22%20d%3D%22M59%2018.2c-2-2-5.3-2-7.3%200c-.2.2-.4.4-.5.6c-.2-.2-.3-.4-.5-.7c-1.9-1.9-5-2-7-.3s-2.3%204.7-.9%206.8c.4.6.9%201.1%201.4%201.4l6.4%205.2c.4.3.9.3%201.3%200l7.2-5.9c1.9-1.8%201.9-5.1-.1-7.1%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23D1CFC3%22%20d%3D%22M72%2066.7c.3-.7-31.1-24.4-31.1-24.4c-3.9-2.9-6-2.9-9.9%200c0%200-31.3%2023.6-31%2024.4c.3.7.7%201.4%201.1%202c.2.3.5.5.7.7h.1c1%20.9%202.3%201.5%203.7%201.7h.2c.2%200%20.4.1.6.1h59.2c2.9-.1%205.4-1.9%206.4-4.5%22%2F%3E%3Cpath%20fill%3D%22%23E5E4DF%22%20d%3D%22M36%2039.6L.1%2066.4V28.3c0-3.7%203-6.7%206.7-6.7h58.3c3.7%200%206.7%203%206.7%206.7v38.1z%22%2F%3E%3Cpath%20fill%3D%22%23EDECE6%22%20d%3D%22m.6%2026l30.6%2024c3.9%202.9%205.9%202.9%209.7%200l30.6-24c-.5-1-1.3-1.7-2.2-2.3l.4-.3c-1-.9-2.3-1.5-3.8-1.7H6.2c-1.5.2-2.8.8-3.8%201.7l.4.3c-.9.6-1.7%201.4-2.2%202.3%22%2F%3E%3Cpath%20fill%3D%22%23F4F3EF%22%20d%3D%22M.6%2026.1c-.3.7%2030.6%2024%2030.6%2024c3.9%202.9%205.9%202.9%209.7%200c0%200%2030.8-23.3%2030.6-24c-.3-.7-.6-1.4-1.1-2c-.2-.2-.4-.5-.7-.7h-.1c-1-.9-2.3-1.5-3.7-1.6h-.2c-.2%200-.4-.1-.6-.1H6.8c-2.8%200-5.3%201.8-6.2%204.4c0-.1-.1-.1%200%200%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M28.8%208.5c-2.6-2.5-6.7-2.5-9.3%200c-.3.3-.5.5-.7.8c-.2-.3-.4-.6-.7-.8c-2.8-2.8-7.6-2.5-10%20.9c-1.4%201.9-1.6%204.5-.6%206.6c.6%201.3%201.4%202.2%202.4%202.8l8.3%206.7c.4.3%201%20.3%201.4%200l8.3-6.7c.7-.4%201.3-1%201.8-1.7c1.8-2.6%201.4-6.3-.9-8.6m21.3-6.8c-1.1-1.1-2.9-1.1-4%200c0%20.1-.1.2-.2.3c-.1-.1-.2-.2-.3-.4C44.4.4%2042.3.5%2041.3%202c-.5.7-.6%201.7-.3%202.5c.2.6.6%201.1%201.1%201.4l3.3%202.7c.3.2.7.2%201%200l3.7-3c1.1-1%201.1-2.8%200-3.9%22%2F%3E%3Cpath%20fill%3D%22%23FF7DDA%22%20d%3D%22M59%2018.2c-2-2-5.3-2-7.3%200c-.2.2-.4.4-.5.6c-.2-.2-.3-.4-.5-.7c-1.9-1.9-5-2-7-.3s-2.3%204.7-.9%206.8c.4.6.9%201.1%201.4%201.4l6.4%205.2c.4.3.9.3%201.3%200l7.2-5.9c1.9-1.8%201.9-5.1-.1-7.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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