envelope emoji

The same emoji in other sets

More objects icons from Noto Emoji

Use the envelope emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83"/><path fill="#6fbff0" stroke="#6fbff0" stroke-miterlimit="10" stroke-width=".5" d="m89.01 56.73l30.4-27.29c.61-.51 1.8-.78 1.8-.78s-1.39-1.52-3.22-.09L70.26 66.44A10.57 10.57 0 0 1 64 68.72a10.57 10.57 0 0 1-6.26-2.28L10.01 28.57c-1.83-1.43-3.22.09-3.22.09s1.19.28 1.8.78l30.04 26.97L7.81 99.57c-.53.59.92 1.55 1.59.9l33.66-40.09l12.37 11.1c2.44 2.19 5.5 3.32 8.58 3.39c3.08-.07 6.13-1.2 8.58-3.39l12.29-11.04l33 40.02c.67.65 2.12-.31 1.59-.9z"/><path fill="none" stroke="#6fbff0" stroke-miterlimit="10" stroke-width="4" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83z"/></svg>

import type { SVGProps } from "react";

export function NotoEnvelope(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83"/><path fill="#6fbff0" stroke="#6fbff0" strokeMiterlimit="10" strokeWidth=".5" d="m89.01 56.73l30.4-27.29c.61-.51 1.8-.78 1.8-.78s-1.39-1.52-3.22-.09L70.26 66.44A10.57 10.57 0 0 1 64 68.72a10.57 10.57 0 0 1-6.26-2.28L10.01 28.57c-1.83-1.43-3.22.09-3.22.09s1.19.28 1.8.78l30.04 26.97L7.81 99.57c-.53.59.92 1.55 1.59.9l33.66-40.09l12.37 11.1c2.44 2.19 5.5 3.32 8.58 3.39c3.08-.07 6.13-1.2 8.58-3.39l12.29-11.04l33 40.02c.67.65 2.12-.31 1.59-.9z"/><path fill="none" stroke="#6fbff0" strokeMiterlimit="10" strokeWidth="4" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83"/><path fill="#6fbff0" stroke="#6fbff0" stroke-miterlimit="10" stroke-width=".5" d="m89.01 56.73l30.4-27.29c.61-.51 1.8-.78 1.8-.78s-1.39-1.52-3.22-.09L70.26 66.44A10.57 10.57 0 0 1 64 68.72a10.57 10.57 0 0 1-6.26-2.28L10.01 28.57c-1.83-1.43-3.22.09-3.22.09s1.19.28 1.8.78l30.04 26.97L7.81 99.57c-.53.59.92 1.55 1.59.9l33.66-40.09l12.37 11.1c2.44 2.19 5.5 3.32 8.58 3.39c3.08-.07 6.13-1.2 8.58-3.39l12.29-11.04l33 40.02c.67.65 2.12-.31 1.59-.9z"/><path fill="none" stroke="#6fbff0" stroke-miterlimit="10" stroke-width="4" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83z"/></svg>
</template>

.icon-envelope {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M117.64%20102.31H10.36c-2.74%200-3.83-1.71-3.83-3.83V29.52c0-2.12%201.71-3.83%203.83-3.83h107.27c2.12%200%203.83%201.71%203.83%203.83v68.96a3.815%203.815%200%200%201-3.82%203.83%22%2F%3E%3Cpath%20fill%3D%22%236fbff0%22%20stroke%3D%22%236fbff0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.5%22%20d%3D%22m89.01%2056.73l30.4-27.29c.61-.51%201.8-.78%201.8-.78s-1.39-1.52-3.22-.09L70.26%2066.44A10.57%2010.57%200%200%201%2064%2068.72a10.57%2010.57%200%200%201-6.26-2.28L10.01%2028.57c-1.83-1.43-3.22.09-3.22.09s1.19.28%201.8.78l30.04%2026.97L7.81%2099.57c-.53.59.92%201.55%201.59.9l33.66-40.09l12.37%2011.1c2.44%202.19%205.5%203.32%208.58%203.39c3.08-.07%206.13-1.2%208.58-3.39l12.29-11.04l33%2040.02c.67.65%202.12-.31%201.59-.9z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%236fbff0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%20d%3D%22M117.64%20102.31H10.36c-2.74%200-3.83-1.71-3.83-3.83V29.52c0-2.12%201.71-3.83%203.83-3.83h107.27c2.12%200%203.83%201.71%203.83%203.83v68.96a3.815%203.815%200%200%201-3.82%203.83z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M117.64%20102.31H10.36c-2.74%200-3.83-1.71-3.83-3.83V29.52c0-2.12%201.71-3.83%203.83-3.83h107.27c2.12%200%203.83%201.71%203.83%203.83v68.96a3.815%203.815%200%200%201-3.82%203.83%22%2F%3E%3Cpath%20fill%3D%22%236fbff0%22%20stroke%3D%22%236fbff0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.5%22%20d%3D%22m89.01%2056.73l30.4-27.29c.61-.51%201.8-.78%201.8-.78s-1.39-1.52-3.22-.09L70.26%2066.44A10.57%2010.57%200%200%201%2064%2068.72a10.57%2010.57%200%200%201-6.26-2.28L10.01%2028.57c-1.83-1.43-3.22.09-3.22.09s1.19.28%201.8.78l30.04%2026.97L7.81%2099.57c-.53.59.92%201.55%201.59.9l33.66-40.09l12.37%2011.1c2.44%202.19%205.5%203.32%208.58%203.39c3.08-.07%206.13-1.2%208.58-3.39l12.29-11.04l33%2040.02c.67.65%202.12-.31%201.59-.9z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%236fbff0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%20d%3D%22M117.64%20102.31H10.36c-2.74%200-3.83-1.71-3.83-3.83V29.52c0-2.12%201.71-3.83%203.83-3.83h107.27c2.12%200%203.83%201.71%203.83%203.83v68.96a3.815%203.815%200%200%201-3.82%203.83z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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