envelope with arrow emoji

envelope-with-arrow from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.

Name: envelope-with-arrow
Set: Twitter Emoji
Style: Default
Category: Objects
Viewbox: 36×36
License: CC BY 4.0

The same emoji in other sets

envelope-with-arrowEmoji One (Colored)envelope-with-arrowFluent Emoji envelope-with-arrowFluent Emoji Flat envelope-with-arrowFluent Emoji High Contrast envelope-with-arrowNoto Emoji envelope-with-arrowOpenMoji

More objects icons from Twitter Emoji

Use the envelope with arrow emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V14a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M11.95 22.636L.637 33.949c-.027.028-.037.063-.06.091c.34.57.814 1.043 1.384 1.384c.029-.023.063-.033.09-.06L13.365 24.05a1 1 0 0 0-1.415-1.414M35.423 34.04c-.021-.028-.033-.063-.06-.09L24.051 22.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 10H4a4 4 0 0 0-4 4v1.03l14.528 14.496a4.88 4.88 0 0 0 6.884 0L36 15.009V14a4 4 0 0 0-4-4"/><path fill="#e1e8ed" d="M32 10H4a3.99 3.99 0 0 0-3.595 2.275l14.766 14.767a4 4 0 0 0 5.657 0l14.767-14.767A3.99 3.99 0 0 0 32 10"/><path fill="#55acee" d="M26.716 7H22V2a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v5H9.148c-1.223 0-1.515.624-.651 1.489l7.863 7.863a2.23 2.23 0 0 0 3.145 0l7.863-7.863C28.232 7.624 27.94 7 26.716 7"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiEnvelopeWithArrow(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 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V14a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M11.95 22.636L.637 33.949c-.027.028-.037.063-.06.091c.34.57.814 1.043 1.384 1.384c.029-.023.063-.033.09-.06L13.365 24.05a1 1 0 0 0-1.415-1.414M35.423 34.04c-.021-.028-.033-.063-.06-.09L24.051 22.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 10H4a4 4 0 0 0-4 4v1.03l14.528 14.496a4.88 4.88 0 0 0 6.884 0L36 15.009V14a4 4 0 0 0-4-4"/><path fill="#e1e8ed" d="M32 10H4a3.99 3.99 0 0 0-3.595 2.275l14.766 14.767a4 4 0 0 0 5.657 0l14.767-14.767A3.99 3.99 0 0 0 32 10"/><path fill="#55acee" d="M26.716 7H22V2a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v5H9.148c-1.223 0-1.515.624-.651 1.489l7.863 7.863a2.23 2.23 0 0 0 3.145 0l7.863-7.863C28.232 7.624 27.94 7 26.716 7"/></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 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V14a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#99aab5" d="M11.95 22.636L.637 33.949c-.027.028-.037.063-.06.091c.34.57.814 1.043 1.384 1.384c.029-.023.063-.033.09-.06L13.365 24.05a1 1 0 0 0-1.415-1.414M35.423 34.04c-.021-.028-.033-.063-.06-.09L24.051 22.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 10H4a4 4 0 0 0-4 4v1.03l14.528 14.496a4.88 4.88 0 0 0 6.884 0L36 15.009V14a4 4 0 0 0-4-4"/><path fill="#e1e8ed" d="M32 10H4a3.99 3.99 0 0 0-3.595 2.275l14.766 14.767a4 4 0 0 0 5.657 0l14.767-14.767A3.99 3.99 0 0 0 32 10"/><path fill="#55acee" d="M26.716 7H22V2a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v5H9.148c-1.223 0-1.515.624-.651 1.489l7.863 7.863a2.23 2.23 0 0 0 3.145 0l7.863-7.863C28.232 7.624 27.94 7 26.716 7"/></svg>
</template>

CSS

.icon-envelope-with-arrow {
  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%2032a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V14a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M11.95%2022.636L.637%2033.949c-.027.028-.037.063-.06.091c.34.57.814%201.043%201.384%201.384c.029-.023.063-.033.09-.06L13.365%2024.05a1%201%200%200%200-1.415-1.414M35.423%2034.04c-.021-.028-.033-.063-.06-.09L24.051%2022.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%2010H4a4%204%200%200%200-4%204v1.03l14.528%2014.496a4.88%204.88%200%200%200%206.884%200L36%2015.009V14a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M32%2010H4a3.99%203.99%200%200%200-3.595%202.275l14.766%2014.767a4%204%200%200%200%205.657%200l14.767-14.767A3.99%203.99%200%200%200%2032%2010%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M26.716%207H22V2a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v5H9.148c-1.223%200-1.515.624-.651%201.489l7.863%207.863a2.23%202.23%200%200%200%203.145%200l7.863-7.863C28.232%207.624%2027.94%207%2026.716%207%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%2032a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V14a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M11.95%2022.636L.637%2033.949c-.027.028-.037.063-.06.091c.34.57.814%201.043%201.384%201.384c.029-.023.063-.033.09-.06L13.365%2024.05a1%201%200%200%200-1.415-1.414M35.423%2034.04c-.021-.028-.033-.063-.06-.09L24.051%2022.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%2010H4a4%204%200%200%200-4%204v1.03l14.528%2014.496a4.88%204.88%200%200%200%206.884%200L36%2015.009V14a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M32%2010H4a3.99%203.99%200%200%200-3.595%202.275l14.766%2014.767a4%204%200%200%200%205.657%200l14.767-14.767A3.99%203.99%200%200%200%2032%2010%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M26.716%207H22V2a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v5H9.148c-1.223%200-1.515.624-.651%201.489l7.863%207.863a2.23%202.23%200%200%200%203.145%200l7.863-7.863C28.232%207.624%2027.94%207%2026.716%207%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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