envelope from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.

Name
envelope
Set
Fluent Emoji
Style
Default
Viewbox
32×32
License
MIT

The same emoji in other sets

Related icons in Fluent Emoji

Use the envelope emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><rect width="27.813" height="19.938" x="2.094" y="10.063" fill="url(#iF2omqc)" rx="1.75"/><rect width="27.813" height="19.938" x="2.094" y="10.063" fill="url(#iBDG2Ne)" rx="1.75"/><path fill="url(#iQGwQkb)" d="M16 10.063V30H3.844a1.75 1.75 0 0 1-1.75-1.75V11.813c0-.967.783-1.75 1.75-1.75z"/><path fill="url(#iwXjNpe)" d="M16 10.063V30H3.844a1.75 1.75 0 0 1-1.75-1.75V11.813c0-.967.783-1.75 1.75-1.75z"/><path fill="url(#iY2EBHc)" d="M16 10.063V30h12.156a1.75 1.75 0 0 0 1.75-1.75V11.813a1.75 1.75 0 0 0-1.75-1.75z"/><path fill="url(#iemQCsv)" d="M16 10.063V30h12.156a1.75 1.75 0 0 0 1.75-1.75V11.813a1.75 1.75 0 0 0-1.75-1.75z"/><path fill="url(#iLJv1ab)" d="M16 10.063V30h12.156a1.75 1.75 0 0 0 1.75-1.75V11.813a1.75 1.75 0 0 0-1.75-1.75z"/><path fill="url(#iJaVAid)" d="M16 10.063V30h12.156a1.75 1.75 0 0 0 1.75-1.75V11.813a1.75 1.75 0 0 0-1.75-1.75z"/><g filter="url(#igOdnMd)"><path fill="url(#iwD16Ib)" d="M2.094 28.25a.76.76 0 0 1 .358-.645l13.328-8.332a.4.4 0 0 1 .424 0l13.373 8.382c.205.129.33.353.33.595a1.75 1.75 0 0 1-1.75 1.75H3.843a1.75 1.75 0 0 1-1.75-1.75"/></g><path fill="url(#ir2Kgzd)" d="M2.094 28.25a.76.76 0 0 1 .358-.645l13.328-8.332a.4.4 0 0 1 .424 0l13.373 8.382c.205.129.33.353.33.595a1.75 1.75 0 0 1-1.75 1.75H3.843a1.75 1.75 0 0 1-1.75-1.75"/><path fill="url(#iksuqUd)" d="M2.094 28.25a.76.76 0 0 1 .358-.645l13.328-8.332a.4.4 0 0 1 .424 0l13.373 8.382c.205.129.33.353.33.595a1.75 1.75 0 0 1-1.75 1.75H3.843a1.75 1.75 0 0 1-1.75-1.75"/><g filter="url(#iOGhceb)"><path fill="url(#ib16ISn)" d="M2.094 11.813a.76.76 0 0 0 .358.645l13.328 8.331a.4.4 0 0 0 .424 0l13.373-8.382a.7.7 0 0 0 .33-.594a1.75 1.75 0 0 0-1.75-1.75H3.843a1.75 1.75 0 0 0-1.75 1.75"/><path fill="url(#iE0U3ub)" d="M2.094 11.813a.76.76 0 0 0 .358.645l13.328 8.331a.4.4 0 0 0 .424 0l13.373-8.382a.7.7 0 0 0 .33-.594a1.75 1.75 0 0 0-1.75-1.75H3.843a1.75 1.75 0 0 0-1.75 1.75"/><path fill="url(#iWHKksc)" d="M2.094 11.813a.76.76 0 0 0 .358.645l13.328 8.331a.4.4 0 0 0 .424 0l13.373-8.382a.7.7 0 0 0 .33-.594a1.75 1.75 0 0 0-1.75-1.75H3.843a1.75 1.75 0 0 0-1.75 1.75"/><path fill="url(#i02iHSb)" d="M2.094 11.813a.76.76 0 0 0 .358.645l13.328 8.331a.4.4 0 0 0 .424 0l13.373-8.382a.7.7 0 0 0 .33-.594a1.75 1.75 0 0 0-1.75-1.75H3.843a1.75 1.75 0 0 0-1.75 1.75"/></g><defs><linearGradient id="iF2omqc" x1="4.094" x2="29.906" y1="21.188" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#DFD0E6"/><stop offset="1" stop-color="#EEE5F8"/></linearGradient><linearGradient id="iBDG2Ne" x1="2.094" x2="5.132" y1="21.126" y2="21.126" gradientUnits="userSpaceOnUse"><stop stop-color="#D6BABD"/><stop offset="1" stop-color="#DCC9DD" stop-opacity="0"/></linearGradient><linearGradient id="iQGwQkb" x1="10.837" x2="10.075" y1="23.004" y2="21.817" gradientUnits="userSpaceOnUse"><stop offset=".114" stop-color="#DAC3DF"/><stop offset="1" stop-color="#DAC3DF" stop-opacity="0"/></linearGradient><linearGradient id="iY2EBHc" x1="21.094" x2="21.924" y1="23.313" y2="21.817" gradientUnits="userSpaceOnUse"><stop offset=".114" stop-color="#F6EFFE"/><stop offset="1" stop-color="#F3EAFD" stop-opacity="0"/></linearGradient><linearGradient id="iemQCsv" x1="20.156" x2="21.219" y1="17.969" y2="19.406" gradientUnits="userSpaceOnUse"><stop stop-color="#E3CDF7"/><stop offset="1" stop-color="#E9D9F8" stop-opacity="0"/></linearGradient><linearGradient id="iLJv1ab" x1="30.094" x2="26.375" y1="23.594" y2="23.594" gradientUnits="userSpaceOnUse"><stop stop-color="#F7F3FB"/><stop offset="1" stop-color="#F0E9F8" stop-opacity="0"/></linearGradient><linearGradient id="iJaVAid" x1="30.094" x2="28.868" y1="23.594" y2="23.594" gradientUnits="userSpaceOnUse"><stop offset=".199" stop-color="#EBE9ED"/><stop offset="1" stop-color="#EBE9ED" stop-opacity="0"/></linearGradient><linearGradient id="iwD16Ib" x1="16" x2="16" y1="31.75" y2="20.938" gradientUnits="userSpaceOnUse"><stop stop-color="#DDC5F1"/><stop offset="1" stop-color="#E6DAF1"/></linearGradient><linearGradient id="ir2Kgzd" x1="7.486" x2="7.942" y1="24.138" y2="24.822" gradientUnits="userSpaceOnUse"><stop offset=".073" stop-color="#DDC2C8"/><stop offset="1" stop-color="#DFCDDA" stop-opacity="0"/></linearGradient><linearGradient id="iksuqUd" x1="22.581" x2="22.294" y1="23.19" y2="23.637" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#F8F3FD"/><stop offset="1" stop-color="#F1EAF9" stop-opacity="0"/></linearGradient><linearGradient id="ib16ISn" x1="16" x2="16" y1="10.063" y2="20.85" gradientUnits="userSpaceOnUse"><stop stop-color="#E9E4E9"/><stop offset="1" stop-color="#E7DCF0"/></linearGradient><linearGradient id="iE0U3ub" x1="9.81" x2="13.424" y1="16.909" y2="10.424" gradientUnits="userSpaceOnUse"><stop stop-color="#E1D5E7"/><stop offset="1" stop-color="#E1D5E7" stop-opacity="0"/></linearGradient><linearGradient id="iWHKksc" x1="2.094" x2="5.026" y1="11.7" y2="11.7" gradientUnits="userSpaceOnUse"><stop stop-color="#E1C1BC"/><stop offset="1" stop-color="#E1C1BC" stop-opacity="0"/><stop offset="1" stop-color="#E9D1CD" stop-opacity="0"/></linearGradient><radialGradient id="iwXjNpe" cx="0" cy="0" r="1" gradientTransform="rotate(123.69 1.403 11.95)scale(2.72523 19.1395)" gradientUnits="userSpaceOnUse"><stop offset=".342" stop-color="#C8A6D7"/><stop offset="1" stop-color="#D1BBDD" stop-opacity="0"/></radialGradient><radialGradient id="i02iHSb" cx="0" cy="0" r="1" gradientTransform="rotate(-138.233 16.427 1.835)scale(6.12906 27.1579)" gradientUnits="userSpaceOnUse"><stop stop-color="#FBF9FE"/><stop offset="1" stop-color="#F0ECF1" stop-opacity="0"/></radialGradient><filter id="igOdnMd" width="27.813" height="11.538" x="2.094" y="18.462" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.75"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.819608 0 0 0 0 0.654902 0 0 0 0 0.933333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21762"/></filter><filter id="iOGhceb" width="27.813" height="11.188" x="2.094" y="9.912" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.15"/><feGaussianBlur stdDeviation=".225"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.686275 0 0 0 0 0.913725 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21762"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.870588 0 0 0 0 0.858824 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_21762" result="effect2_innerShadow_18_21762"/></filter></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiEnvelope(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><rect width="27.813" height="19.938" x="2.094" y="10.063" fill="url(#iF2omqc)" rx="1.75"/><rect width="27.813" height="19.938" x="2.094" y="10.063" fill="url(#iBDG2Ne)" rx="1.75"/><path fill="url(#iQGwQkb)" d="M16 10.063V30H3.844a1.75 1.75 0 0 1-1.75-1.75V11.813c0-.967.783-1.75 1.75-1.75z"/><path fill="url(#iwXjNpe)" d="M16 10.063V30H3.844a1.75 1.75 0 0 1-1.75-1.75V11.813c0-.967.783-1.75 1.75-1.75z"/><path fill="url(#iY2EBHc)" d="M16 10.063V30h12.156a1.75 1.75 0 0 0 1.75-1.75V11.813a1.75 1.75 0 0 0-1.75-1.75z"/><path fill="url(#iemQCsv)" d="M16 10.063V30h12.156a1.75 1.75 0 0 0 1.75-1.75V11.813a1.75 1.75 0 0 0-1.75-1.75z"/><path fill="url(#iLJv1ab)" d="M16 10.063V30h12.156a1.75 1.75 0 0 0 1.75-1.75V11.813a1.75 1.75 0 0 0-1.75-1.75z"/><path fill="url(#iJaVAid)" d="M16 10.063V30h12.156a1.75 1.75 0 0 0 1.75-1.75V11.813a1.75 1.75 0 0 0-1.75-1.75z"/><g filter="url(#igOdnMd)"><path fill="url(#iwD16Ib)" d="M2.094 28.25a.76.76 0 0 1 .358-.645l13.328-8.332a.4.4 0 0 1 .424 0l13.373 8.382c.205.129.33.353.33.595a1.75 1.75 0 0 1-1.75 1.75H3.843a1.75 1.75 0 0 1-1.75-1.75"/></g><path fill="url(#ir2Kgzd)" d="M2.094 28.25a.76.76 0 0 1 .358-.645l13.328-8.332a.4.4 0 0 1 .424 0l13.373 8.382c.205.129.33.353.33.595a1.75 1.75 0 0 1-1.75 1.75H3.843a1.75 1.75 0 0 1-1.75-1.75"/><path fill="url(#iksuqUd)" d="M2.094 28.25a.76.76 0 0 1 .358-.645l13.328-8.332a.4.4 0 0 1 .424 0l13.373 8.382c.205.129.33.353.33.595a1.75 1.75 0 0 1-1.75 1.75H3.843a1.75 1.75 0 0 1-1.75-1.75"/><g filter="url(#iOGhceb)"><path fill="url(#ib16ISn)" d="M2.094 11.813a.76.76 0 0 0 .358.645l13.328 8.331a.4.4 0 0 0 .424 0l13.373-8.382a.7.7 0 0 0 .33-.594a1.75 1.75 0 0 0-1.75-1.75H3.843a1.75 1.75 0 0 0-1.75 1.75"/><path fill="url(#iE0U3ub)" d="M2.094 11.813a.76.76 0 0 0 .358.645l13.328 8.331a.4.4 0 0 0 .424 0l13.373-8.382a.7.7 0 0 0 .33-.594a1.75 1.75 0 0 0-1.75-1.75H3.843a1.75 1.75 0 0 0-1.75 1.75"/><path fill="url(#iWHKksc)" d="M2.094 11.813a.76.76 0 0 0 .358.645l13.328 8.331a.4.4 0 0 0 .424 0l13.373-8.382a.7.7 0 0 0 .33-.594a1.75 1.75 0 0 0-1.75-1.75H3.843a1.75 1.75 0 0 0-1.75 1.75"/><path fill="url(#i02iHSb)" d="M2.094 11.813a.76.76 0 0 0 .358.645l13.328 8.331a.4.4 0 0 0 .424 0l13.373-8.382a.7.7 0 0 0 .33-.594a1.75 1.75 0 0 0-1.75-1.75H3.843a1.75 1.75 0 0 0-1.75 1.75"/></g><defs><linearGradient id="iF2omqc" x1="4.094" x2="29.906" y1="21.188" y2="21" gradientUnits="userSpaceOnUse"><stop stopColor="#DFD0E6"/><stop offset="1" stopColor="#EEE5F8"/></linearGradient><linearGradient id="iBDG2Ne" x1="2.094" x2="5.132" y1="21.126" y2="21.126" gradientUnits="userSpaceOnUse"><stop stopColor="#D6BABD"/><stop offset="1" stopColor="#DCC9DD" stopOpacity="0"/></linearGradient><linearGradient id="iQGwQkb" x1="10.837" x2="10.075" y1="23.004" y2="21.817" gradientUnits="userSpaceOnUse"><stop offset=".114" stopColor="#DAC3DF"/><stop offset="1" stopColor="#DAC3DF" stopOpacity="0"/></linearGradient><linearGradient id="iY2EBHc" x1="21.094" x2="21.924" y1="23.313" y2="21.817" gradientUnits="userSpaceOnUse"><stop offset=".114" stopColor="#F6EFFE"/><stop offset="1" stopColor="#F3EAFD" stopOpacity="0"/></linearGradient><linearGradient id="iemQCsv" x1="20.156" x2="21.219" y1="17.969" y2="19.406" gradientUnits="userSpaceOnUse"><stop stopColor="#E3CDF7"/><stop offset="1" stopColor="#E9D9F8" stopOpacity="0"/></linearGradient><linearGradient id="iLJv1ab" x1="30.094" x2="26.375" y1="23.594" y2="23.594" gradientUnits="userSpaceOnUse"><stop stopColor="#F7F3FB"/><stop offset="1" stopColor="#F0E9F8" stopOpacity="0"/></linearGradient><linearGradient id="iJaVAid" x1="30.094" x2="28.868" y1="23.594" y2="23.594" gradientUnits="userSpaceOnUse"><stop offset=".199" stopColor="#EBE9ED"/><stop offset="1" stopColor="#EBE9ED" stopOpacity="0"/></linearGradient><linearGradient id="iwD16Ib" x1="16" x2="16" y1="31.75" y2="20.938" gradientUnits="userSpaceOnUse"><stop stopColor="#DDC5F1"/><stop offset="1" stopColor="#E6DAF1"/></linearGradient><linearGradient id="ir2Kgzd" x1="7.486" x2="7.942" y1="24.138" y2="24.822" gradientUnits="userSpaceOnUse"><stop offset=".073" stopColor="#DDC2C8"/><stop offset="1" stopColor="#DFCDDA" stopOpacity="0"/></linearGradient><linearGradient id="iksuqUd" x1="22.581" x2="22.294" y1="23.19" y2="23.637" gradientUnits="userSpaceOnUse"><stop offset=".14" stopColor="#F8F3FD"/><stop offset="1" stopColor="#F1EAF9" stopOpacity="0"/></linearGradient><linearGradient id="ib16ISn" x1="16" x2="16" y1="10.063" y2="20.85" gradientUnits="userSpaceOnUse"><stop stopColor="#E9E4E9"/><stop offset="1" stopColor="#E7DCF0"/></linearGradient><linearGradient id="iE0U3ub" x1="9.81" x2="13.424" y1="16.909" y2="10.424" gradientUnits="userSpaceOnUse"><stop stopColor="#E1D5E7"/><stop offset="1" stopColor="#E1D5E7" stopOpacity="0"/></linearGradient><linearGradient id="iWHKksc" x1="2.094" x2="5.026" y1="11.7" y2="11.7" gradientUnits="userSpaceOnUse"><stop stopColor="#E1C1BC"/><stop offset="1" stopColor="#E1C1BC" stopOpacity="0"/><stop offset="1" stopColor="#E9D1CD" stopOpacity="0"/></linearGradient><radialGradient id="iwXjNpe" cx="0" cy="0" r="1" gradientTransform="rotate(123.69 1.403 11.95)scale(2.72523 19.1395)" gradientUnits="userSpaceOnUse"><stop offset=".342" stopColor="#C8A6D7"/><stop offset="1" stopColor="#D1BBDD" stopOpacity="0"/></radialGradient><radialGradient id="i02iHSb" cx="0" cy="0" r="1" gradientTransform="rotate(-138.233 16.427 1.835)scale(6.12906 27.1579)" gradientUnits="userSpaceOnUse"><stop stopColor="#FBF9FE"/><stop offset="1" stopColor="#F0ECF1" stopOpacity="0"/></radialGradient><filter id="igOdnMd" width="27.813" height="11.538" x="2.094" y="18.462" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.75"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.819608 0 0 0 0 0.654902 0 0 0 0 0.933333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21762"/></filter><filter id="iOGhceb" width="27.813" height="11.188" x="2.094" y="9.912" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.15"/><feGaussianBlur stdDeviation=".225"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.686275 0 0 0 0 0.913725 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21762"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.870588 0 0 0 0 0.858824 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_21762" result="effect2_innerShadow_18_21762"/></filter></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><rect width="27.813" height="19.938" x="2.094" y="10.063" fill="url(#iF2omqc)" rx="1.75"/><rect width="27.813" height="19.938" x="2.094" y="10.063" fill="url(#iBDG2Ne)" rx="1.75"/><path fill="url(#iQGwQkb)" d="M16 10.063V30H3.844a1.75 1.75 0 0 1-1.75-1.75V11.813c0-.967.783-1.75 1.75-1.75z"/><path fill="url(#iwXjNpe)" d="M16 10.063V30H3.844a1.75 1.75 0 0 1-1.75-1.75V11.813c0-.967.783-1.75 1.75-1.75z"/><path fill="url(#iY2EBHc)" d="M16 10.063V30h12.156a1.75 1.75 0 0 0 1.75-1.75V11.813a1.75 1.75 0 0 0-1.75-1.75z"/><path fill="url(#iemQCsv)" d="M16 10.063V30h12.156a1.75 1.75 0 0 0 1.75-1.75V11.813a1.75 1.75 0 0 0-1.75-1.75z"/><path fill="url(#iLJv1ab)" d="M16 10.063V30h12.156a1.75 1.75 0 0 0 1.75-1.75V11.813a1.75 1.75 0 0 0-1.75-1.75z"/><path fill="url(#iJaVAid)" d="M16 10.063V30h12.156a1.75 1.75 0 0 0 1.75-1.75V11.813a1.75 1.75 0 0 0-1.75-1.75z"/><g filter="url(#igOdnMd)"><path fill="url(#iwD16Ib)" d="M2.094 28.25a.76.76 0 0 1 .358-.645l13.328-8.332a.4.4 0 0 1 .424 0l13.373 8.382c.205.129.33.353.33.595a1.75 1.75 0 0 1-1.75 1.75H3.843a1.75 1.75 0 0 1-1.75-1.75"/></g><path fill="url(#ir2Kgzd)" d="M2.094 28.25a.76.76 0 0 1 .358-.645l13.328-8.332a.4.4 0 0 1 .424 0l13.373 8.382c.205.129.33.353.33.595a1.75 1.75 0 0 1-1.75 1.75H3.843a1.75 1.75 0 0 1-1.75-1.75"/><path fill="url(#iksuqUd)" d="M2.094 28.25a.76.76 0 0 1 .358-.645l13.328-8.332a.4.4 0 0 1 .424 0l13.373 8.382c.205.129.33.353.33.595a1.75 1.75 0 0 1-1.75 1.75H3.843a1.75 1.75 0 0 1-1.75-1.75"/><g filter="url(#iOGhceb)"><path fill="url(#ib16ISn)" d="M2.094 11.813a.76.76 0 0 0 .358.645l13.328 8.331a.4.4 0 0 0 .424 0l13.373-8.382a.7.7 0 0 0 .33-.594a1.75 1.75 0 0 0-1.75-1.75H3.843a1.75 1.75 0 0 0-1.75 1.75"/><path fill="url(#iE0U3ub)" d="M2.094 11.813a.76.76 0 0 0 .358.645l13.328 8.331a.4.4 0 0 0 .424 0l13.373-8.382a.7.7 0 0 0 .33-.594a1.75 1.75 0 0 0-1.75-1.75H3.843a1.75 1.75 0 0 0-1.75 1.75"/><path fill="url(#iWHKksc)" d="M2.094 11.813a.76.76 0 0 0 .358.645l13.328 8.331a.4.4 0 0 0 .424 0l13.373-8.382a.7.7 0 0 0 .33-.594a1.75 1.75 0 0 0-1.75-1.75H3.843a1.75 1.75 0 0 0-1.75 1.75"/><path fill="url(#i02iHSb)" d="M2.094 11.813a.76.76 0 0 0 .358.645l13.328 8.331a.4.4 0 0 0 .424 0l13.373-8.382a.7.7 0 0 0 .33-.594a1.75 1.75 0 0 0-1.75-1.75H3.843a1.75 1.75 0 0 0-1.75 1.75"/></g><defs><linearGradient id="iF2omqc" x1="4.094" x2="29.906" y1="21.188" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#DFD0E6"/><stop offset="1" stop-color="#EEE5F8"/></linearGradient><linearGradient id="iBDG2Ne" x1="2.094" x2="5.132" y1="21.126" y2="21.126" gradientUnits="userSpaceOnUse"><stop stop-color="#D6BABD"/><stop offset="1" stop-color="#DCC9DD" stop-opacity="0"/></linearGradient><linearGradient id="iQGwQkb" x1="10.837" x2="10.075" y1="23.004" y2="21.817" gradientUnits="userSpaceOnUse"><stop offset=".114" stop-color="#DAC3DF"/><stop offset="1" stop-color="#DAC3DF" stop-opacity="0"/></linearGradient><linearGradient id="iY2EBHc" x1="21.094" x2="21.924" y1="23.313" y2="21.817" gradientUnits="userSpaceOnUse"><stop offset=".114" stop-color="#F6EFFE"/><stop offset="1" stop-color="#F3EAFD" stop-opacity="0"/></linearGradient><linearGradient id="iemQCsv" x1="20.156" x2="21.219" y1="17.969" y2="19.406" gradientUnits="userSpaceOnUse"><stop stop-color="#E3CDF7"/><stop offset="1" stop-color="#E9D9F8" stop-opacity="0"/></linearGradient><linearGradient id="iLJv1ab" x1="30.094" x2="26.375" y1="23.594" y2="23.594" gradientUnits="userSpaceOnUse"><stop stop-color="#F7F3FB"/><stop offset="1" stop-color="#F0E9F8" stop-opacity="0"/></linearGradient><linearGradient id="iJaVAid" x1="30.094" x2="28.868" y1="23.594" y2="23.594" gradientUnits="userSpaceOnUse"><stop offset=".199" stop-color="#EBE9ED"/><stop offset="1" stop-color="#EBE9ED" stop-opacity="0"/></linearGradient><linearGradient id="iwD16Ib" x1="16" x2="16" y1="31.75" y2="20.938" gradientUnits="userSpaceOnUse"><stop stop-color="#DDC5F1"/><stop offset="1" stop-color="#E6DAF1"/></linearGradient><linearGradient id="ir2Kgzd" x1="7.486" x2="7.942" y1="24.138" y2="24.822" gradientUnits="userSpaceOnUse"><stop offset=".073" stop-color="#DDC2C8"/><stop offset="1" stop-color="#DFCDDA" stop-opacity="0"/></linearGradient><linearGradient id="iksuqUd" x1="22.581" x2="22.294" y1="23.19" y2="23.637" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#F8F3FD"/><stop offset="1" stop-color="#F1EAF9" stop-opacity="0"/></linearGradient><linearGradient id="ib16ISn" x1="16" x2="16" y1="10.063" y2="20.85" gradientUnits="userSpaceOnUse"><stop stop-color="#E9E4E9"/><stop offset="1" stop-color="#E7DCF0"/></linearGradient><linearGradient id="iE0U3ub" x1="9.81" x2="13.424" y1="16.909" y2="10.424" gradientUnits="userSpaceOnUse"><stop stop-color="#E1D5E7"/><stop offset="1" stop-color="#E1D5E7" stop-opacity="0"/></linearGradient><linearGradient id="iWHKksc" x1="2.094" x2="5.026" y1="11.7" y2="11.7" gradientUnits="userSpaceOnUse"><stop stop-color="#E1C1BC"/><stop offset="1" stop-color="#E1C1BC" stop-opacity="0"/><stop offset="1" stop-color="#E9D1CD" stop-opacity="0"/></linearGradient><radialGradient id="iwXjNpe" cx="0" cy="0" r="1" gradientTransform="rotate(123.69 1.403 11.95)scale(2.72523 19.1395)" gradientUnits="userSpaceOnUse"><stop offset=".342" stop-color="#C8A6D7"/><stop offset="1" stop-color="#D1BBDD" stop-opacity="0"/></radialGradient><radialGradient id="i02iHSb" cx="0" cy="0" r="1" gradientTransform="rotate(-138.233 16.427 1.835)scale(6.12906 27.1579)" gradientUnits="userSpaceOnUse"><stop stop-color="#FBF9FE"/><stop offset="1" stop-color="#F0ECF1" stop-opacity="0"/></radialGradient><filter id="igOdnMd" width="27.813" height="11.538" x="2.094" y="18.462" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.75"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.819608 0 0 0 0 0.654902 0 0 0 0 0.933333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21762"/></filter><filter id="iOGhceb" width="27.813" height="11.188" x="2.094" y="9.912" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.15"/><feGaussianBlur stdDeviation=".225"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.686275 0 0 0 0 0.913725 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21762"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.870588 0 0 0 0 0.858824 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_21762" result="effect2_innerShadow_18_21762"/></filter></defs></g></svg>
</template>

CSS

.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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%2227.813%22%20height%3D%2219.938%22%20x%3D%222.094%22%20y%3D%2210.063%22%20fill%3D%22url(%23iF2omqc)%22%20rx%3D%221.75%22%2F%3E%3Crect%20width%3D%2227.813%22%20height%3D%2219.938%22%20x%3D%222.094%22%20y%3D%2210.063%22%20fill%3D%22url(%23iBDG2Ne)%22%20rx%3D%221.75%22%2F%3E%3Cpath%20fill%3D%22url(%23iQGwQkb)%22%20d%3D%22M16%2010.063V30H3.844a1.75%201.75%200%200%201-1.75-1.75V11.813c0-.967.783-1.75%201.75-1.75z%22%2F%3E%3Cpath%20fill%3D%22url(%23iwXjNpe)%22%20d%3D%22M16%2010.063V30H3.844a1.75%201.75%200%200%201-1.75-1.75V11.813c0-.967.783-1.75%201.75-1.75z%22%2F%3E%3Cpath%20fill%3D%22url(%23iY2EBHc)%22%20d%3D%22M16%2010.063V30h12.156a1.75%201.75%200%200%200%201.75-1.75V11.813a1.75%201.75%200%200%200-1.75-1.75z%22%2F%3E%3Cpath%20fill%3D%22url(%23iemQCsv)%22%20d%3D%22M16%2010.063V30h12.156a1.75%201.75%200%200%200%201.75-1.75V11.813a1.75%201.75%200%200%200-1.75-1.75z%22%2F%3E%3Cpath%20fill%3D%22url(%23iLJv1ab)%22%20d%3D%22M16%2010.063V30h12.156a1.75%201.75%200%200%200%201.75-1.75V11.813a1.75%201.75%200%200%200-1.75-1.75z%22%2F%3E%3Cpath%20fill%3D%22url(%23iJaVAid)%22%20d%3D%22M16%2010.063V30h12.156a1.75%201.75%200%200%200%201.75-1.75V11.813a1.75%201.75%200%200%200-1.75-1.75z%22%2F%3E%3Cg%20filter%3D%22url(%23igOdnMd)%22%3E%3Cpath%20fill%3D%22url(%23iwD16Ib)%22%20d%3D%22M2.094%2028.25a.76.76%200%200%201%20.358-.645l13.328-8.332a.4.4%200%200%201%20.424%200l13.373%208.382c.205.129.33.353.33.595a1.75%201.75%200%200%201-1.75%201.75H3.843a1.75%201.75%200%200%201-1.75-1.75%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23ir2Kgzd)%22%20d%3D%22M2.094%2028.25a.76.76%200%200%201%20.358-.645l13.328-8.332a.4.4%200%200%201%20.424%200l13.373%208.382c.205.129.33.353.33.595a1.75%201.75%200%200%201-1.75%201.75H3.843a1.75%201.75%200%200%201-1.75-1.75%22%2F%3E%3Cpath%20fill%3D%22url(%23iksuqUd)%22%20d%3D%22M2.094%2028.25a.76.76%200%200%201%20.358-.645l13.328-8.332a.4.4%200%200%201%20.424%200l13.373%208.382c.205.129.33.353.33.595a1.75%201.75%200%200%201-1.75%201.75H3.843a1.75%201.75%200%200%201-1.75-1.75%22%2F%3E%3Cg%20filter%3D%22url(%23iOGhceb)%22%3E%3Cpath%20fill%3D%22url(%23ib16ISn)%22%20d%3D%22M2.094%2011.813a.76.76%200%200%200%20.358.645l13.328%208.331a.4.4%200%200%200%20.424%200l13.373-8.382a.7.7%200%200%200%20.33-.594a1.75%201.75%200%200%200-1.75-1.75H3.843a1.75%201.75%200%200%200-1.75%201.75%22%2F%3E%3Cpath%20fill%3D%22url(%23iE0U3ub)%22%20d%3D%22M2.094%2011.813a.76.76%200%200%200%20.358.645l13.328%208.331a.4.4%200%200%200%20.424%200l13.373-8.382a.7.7%200%200%200%20.33-.594a1.75%201.75%200%200%200-1.75-1.75H3.843a1.75%201.75%200%200%200-1.75%201.75%22%2F%3E%3Cpath%20fill%3D%22url(%23iWHKksc)%22%20d%3D%22M2.094%2011.813a.76.76%200%200%200%20.358.645l13.328%208.331a.4.4%200%200%200%20.424%200l13.373-8.382a.7.7%200%200%200%20.33-.594a1.75%201.75%200%200%200-1.75-1.75H3.843a1.75%201.75%200%200%200-1.75%201.75%22%2F%3E%3Cpath%20fill%3D%22url(%23i02iHSb)%22%20d%3D%22M2.094%2011.813a.76.76%200%200%200%20.358.645l13.328%208.331a.4.4%200%200%200%20.424%200l13.373-8.382a.7.7%200%200%200%20.33-.594a1.75%201.75%200%200%200-1.75-1.75H3.843a1.75%201.75%200%200%200-1.75%201.75%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iF2omqc%22%20x1%3D%224.094%22%20x2%3D%2229.906%22%20y1%3D%2221.188%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23DFD0E6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EEE5F8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iBDG2Ne%22%20x1%3D%222.094%22%20x2%3D%225.132%22%20y1%3D%2221.126%22%20y2%3D%2221.126%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D6BABD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DCC9DD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iQGwQkb%22%20x1%3D%2210.837%22%20x2%3D%2210.075%22%20y1%3D%2223.004%22%20y2%3D%2221.817%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.114%22%20stop-color%3D%22%23DAC3DF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DAC3DF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iY2EBHc%22%20x1%3D%2221.094%22%20x2%3D%2221.924%22%20y1%3D%2223.313%22%20y2%3D%2221.817%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.114%22%20stop-color%3D%22%23F6EFFE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F3EAFD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iemQCsv%22%20x1%3D%2220.156%22%20x2%3D%2221.219%22%20y1%3D%2217.969%22%20y2%3D%2219.406%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E3CDF7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E9D9F8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iLJv1ab%22%20x1%3D%2230.094%22%20x2%3D%2226.375%22%20y1%3D%2223.594%22%20y2%3D%2223.594%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F7F3FB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F0E9F8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iJaVAid%22%20x1%3D%2230.094%22%20x2%3D%2228.868%22%20y1%3D%2223.594%22%20y2%3D%2223.594%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.199%22%20stop-color%3D%22%23EBE9ED%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EBE9ED%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iwD16Ib%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2231.75%22%20y2%3D%2220.938%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23DDC5F1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6DAF1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ir2Kgzd%22%20x1%3D%227.486%22%20x2%3D%227.942%22%20y1%3D%2224.138%22%20y2%3D%2224.822%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.073%22%20stop-color%3D%22%23DDC2C8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DFCDDA%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iksuqUd%22%20x1%3D%2222.581%22%20x2%3D%2222.294%22%20y1%3D%2223.19%22%20y2%3D%2223.637%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.14%22%20stop-color%3D%22%23F8F3FD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F1EAF9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ib16ISn%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2210.063%22%20y2%3D%2220.85%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E9E4E9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E7DCF0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iE0U3ub%22%20x1%3D%229.81%22%20x2%3D%2213.424%22%20y1%3D%2216.909%22%20y2%3D%2210.424%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E1D5E7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1D5E7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iWHKksc%22%20x1%3D%222.094%22%20x2%3D%225.026%22%20y1%3D%2211.7%22%20y2%3D%2211.7%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E1C1BC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1C1BC%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E9D1CD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iwXjNpe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(123.69%201.403%2011.95)scale(2.72523%2019.1395)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.342%22%20stop-color%3D%22%23C8A6D7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D1BBDD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i02iHSb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-138.233%2016.427%201.835)scale(6.12906%2027.1579)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FBF9FE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F0ECF1%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22igOdnMd%22%20width%3D%2227.813%22%20height%3D%2211.538%22%20x%3D%222.094%22%20y%3D%2218.462%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22-.75%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.75%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.819608%200%200%200%200%200.654902%200%200%200%200%200.933333%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_21762%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iOGhceb%22%20width%3D%2227.813%22%20height%3D%2211.188%22%20x%3D%222.094%22%20y%3D%229.912%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22-.15%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.225%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.827451%200%200%200%200%200.686275%200%200%200%200%200.913725%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_21762%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.25%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.3%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.870588%200%200%200%200%200.858824%200%200%200%200%200.854902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_21762%22%20result%3D%22effect2_innerShadow_18_21762%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%2227.813%22%20height%3D%2219.938%22%20x%3D%222.094%22%20y%3D%2210.063%22%20fill%3D%22url(%23iF2omqc)%22%20rx%3D%221.75%22%2F%3E%3Crect%20width%3D%2227.813%22%20height%3D%2219.938%22%20x%3D%222.094%22%20y%3D%2210.063%22%20fill%3D%22url(%23iBDG2Ne)%22%20rx%3D%221.75%22%2F%3E%3Cpath%20fill%3D%22url(%23iQGwQkb)%22%20d%3D%22M16%2010.063V30H3.844a1.75%201.75%200%200%201-1.75-1.75V11.813c0-.967.783-1.75%201.75-1.75z%22%2F%3E%3Cpath%20fill%3D%22url(%23iwXjNpe)%22%20d%3D%22M16%2010.063V30H3.844a1.75%201.75%200%200%201-1.75-1.75V11.813c0-.967.783-1.75%201.75-1.75z%22%2F%3E%3Cpath%20fill%3D%22url(%23iY2EBHc)%22%20d%3D%22M16%2010.063V30h12.156a1.75%201.75%200%200%200%201.75-1.75V11.813a1.75%201.75%200%200%200-1.75-1.75z%22%2F%3E%3Cpath%20fill%3D%22url(%23iemQCsv)%22%20d%3D%22M16%2010.063V30h12.156a1.75%201.75%200%200%200%201.75-1.75V11.813a1.75%201.75%200%200%200-1.75-1.75z%22%2F%3E%3Cpath%20fill%3D%22url(%23iLJv1ab)%22%20d%3D%22M16%2010.063V30h12.156a1.75%201.75%200%200%200%201.75-1.75V11.813a1.75%201.75%200%200%200-1.75-1.75z%22%2F%3E%3Cpath%20fill%3D%22url(%23iJaVAid)%22%20d%3D%22M16%2010.063V30h12.156a1.75%201.75%200%200%200%201.75-1.75V11.813a1.75%201.75%200%200%200-1.75-1.75z%22%2F%3E%3Cg%20filter%3D%22url(%23igOdnMd)%22%3E%3Cpath%20fill%3D%22url(%23iwD16Ib)%22%20d%3D%22M2.094%2028.25a.76.76%200%200%201%20.358-.645l13.328-8.332a.4.4%200%200%201%20.424%200l13.373%208.382c.205.129.33.353.33.595a1.75%201.75%200%200%201-1.75%201.75H3.843a1.75%201.75%200%200%201-1.75-1.75%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23ir2Kgzd)%22%20d%3D%22M2.094%2028.25a.76.76%200%200%201%20.358-.645l13.328-8.332a.4.4%200%200%201%20.424%200l13.373%208.382c.205.129.33.353.33.595a1.75%201.75%200%200%201-1.75%201.75H3.843a1.75%201.75%200%200%201-1.75-1.75%22%2F%3E%3Cpath%20fill%3D%22url(%23iksuqUd)%22%20d%3D%22M2.094%2028.25a.76.76%200%200%201%20.358-.645l13.328-8.332a.4.4%200%200%201%20.424%200l13.373%208.382c.205.129.33.353.33.595a1.75%201.75%200%200%201-1.75%201.75H3.843a1.75%201.75%200%200%201-1.75-1.75%22%2F%3E%3Cg%20filter%3D%22url(%23iOGhceb)%22%3E%3Cpath%20fill%3D%22url(%23ib16ISn)%22%20d%3D%22M2.094%2011.813a.76.76%200%200%200%20.358.645l13.328%208.331a.4.4%200%200%200%20.424%200l13.373-8.382a.7.7%200%200%200%20.33-.594a1.75%201.75%200%200%200-1.75-1.75H3.843a1.75%201.75%200%200%200-1.75%201.75%22%2F%3E%3Cpath%20fill%3D%22url(%23iE0U3ub)%22%20d%3D%22M2.094%2011.813a.76.76%200%200%200%20.358.645l13.328%208.331a.4.4%200%200%200%20.424%200l13.373-8.382a.7.7%200%200%200%20.33-.594a1.75%201.75%200%200%200-1.75-1.75H3.843a1.75%201.75%200%200%200-1.75%201.75%22%2F%3E%3Cpath%20fill%3D%22url(%23iWHKksc)%22%20d%3D%22M2.094%2011.813a.76.76%200%200%200%20.358.645l13.328%208.331a.4.4%200%200%200%20.424%200l13.373-8.382a.7.7%200%200%200%20.33-.594a1.75%201.75%200%200%200-1.75-1.75H3.843a1.75%201.75%200%200%200-1.75%201.75%22%2F%3E%3Cpath%20fill%3D%22url(%23i02iHSb)%22%20d%3D%22M2.094%2011.813a.76.76%200%200%200%20.358.645l13.328%208.331a.4.4%200%200%200%20.424%200l13.373-8.382a.7.7%200%200%200%20.33-.594a1.75%201.75%200%200%200-1.75-1.75H3.843a1.75%201.75%200%200%200-1.75%201.75%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22iF2omqc%22%20x1%3D%224.094%22%20x2%3D%2229.906%22%20y1%3D%2221.188%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23DFD0E6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EEE5F8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iBDG2Ne%22%20x1%3D%222.094%22%20x2%3D%225.132%22%20y1%3D%2221.126%22%20y2%3D%2221.126%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D6BABD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DCC9DD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iQGwQkb%22%20x1%3D%2210.837%22%20x2%3D%2210.075%22%20y1%3D%2223.004%22%20y2%3D%2221.817%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.114%22%20stop-color%3D%22%23DAC3DF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DAC3DF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iY2EBHc%22%20x1%3D%2221.094%22%20x2%3D%2221.924%22%20y1%3D%2223.313%22%20y2%3D%2221.817%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.114%22%20stop-color%3D%22%23F6EFFE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F3EAFD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iemQCsv%22%20x1%3D%2220.156%22%20x2%3D%2221.219%22%20y1%3D%2217.969%22%20y2%3D%2219.406%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E3CDF7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E9D9F8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iLJv1ab%22%20x1%3D%2230.094%22%20x2%3D%2226.375%22%20y1%3D%2223.594%22%20y2%3D%2223.594%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F7F3FB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F0E9F8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iJaVAid%22%20x1%3D%2230.094%22%20x2%3D%2228.868%22%20y1%3D%2223.594%22%20y2%3D%2223.594%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.199%22%20stop-color%3D%22%23EBE9ED%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EBE9ED%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iwD16Ib%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2231.75%22%20y2%3D%2220.938%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23DDC5F1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6DAF1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ir2Kgzd%22%20x1%3D%227.486%22%20x2%3D%227.942%22%20y1%3D%2224.138%22%20y2%3D%2224.822%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.073%22%20stop-color%3D%22%23DDC2C8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DFCDDA%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iksuqUd%22%20x1%3D%2222.581%22%20x2%3D%2222.294%22%20y1%3D%2223.19%22%20y2%3D%2223.637%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.14%22%20stop-color%3D%22%23F8F3FD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F1EAF9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ib16ISn%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2210.063%22%20y2%3D%2220.85%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E9E4E9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E7DCF0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iE0U3ub%22%20x1%3D%229.81%22%20x2%3D%2213.424%22%20y1%3D%2216.909%22%20y2%3D%2210.424%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E1D5E7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1D5E7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iWHKksc%22%20x1%3D%222.094%22%20x2%3D%225.026%22%20y1%3D%2211.7%22%20y2%3D%2211.7%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E1C1BC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1C1BC%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E9D1CD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iwXjNpe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(123.69%201.403%2011.95)scale(2.72523%2019.1395)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.342%22%20stop-color%3D%22%23C8A6D7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D1BBDD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i02iHSb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-138.233%2016.427%201.835)scale(6.12906%2027.1579)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FBF9FE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F0ECF1%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22igOdnMd%22%20width%3D%2227.813%22%20height%3D%2211.538%22%20x%3D%222.094%22%20y%3D%2218.462%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22-.75%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.75%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.819608%200%200%200%200%200.654902%200%200%200%200%200.933333%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_21762%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iOGhceb%22%20width%3D%2227.813%22%20height%3D%2211.188%22%20x%3D%222.094%22%20y%3D%229.912%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22-.15%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.225%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.827451%200%200%200%200%200.686275%200%200%200%200%200.913725%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_21762%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.25%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.3%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.870588%200%200%200%200%200.858824%200%200%200%200%200.854902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_21762%22%20result%3D%22effect2_innerShadow_18_21762%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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