outgoing mail icon

outgoing-mail-outline-rounded from Material Symbols Light by Google · Outline Rounded · Communicate · Apache-2.0 Free for personal and commercial use.

Name: outgoing-mail-outline-rounded
Set: Material Symbols Light
Style: Outline Rounded
Category: Communicate
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols Light

outgoing-mail outgoing-mail-outline outgoing-mail-rounded

The same icon in other sets

outgoing-mailMaterial Symbols

More communicate icons from Material Symbols Light

Use the outgoing mail icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.367 16.5H15q-.213 0-.356-.144t-.144-.357t.144-.356T15 15.5h4.367l-1.727-1.766q-.14-.14-.13-.34q.01-.202.155-.351q.134-.137.341-.137t.348.14l2.369 2.388q.125.126.18.265t.057.301t-.056.301t-.181.265l-2.388 2.388q-.14.14-.342.133t-.35-.156q-.137-.137-.137-.331t.14-.335zm-15.251 0q-.667 0-1.141-.475t-.475-1.14v-9.77q0-.666.475-1.14t1.14-.475h12.77q.666 0 1.14.475t.475 1.14v4.902q0 .189-.156.345t-.352.155q-.21 0-.35-.143q-.142-.144-.142-.357v-4.77l-7.1 5.138l-6.9-5.133v9.633q0 .269.173.442t.443.173h7.901q.213 0 .357.144t.143.357t-.143.356t-.357.143zm.026-12L10.4 9.166L16.846 4.5zm-.642 11v-11z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightOutgoingMailOutlineRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.367 16.5H15q-.213 0-.356-.144t-.144-.357t.144-.356T15 15.5h4.367l-1.727-1.766q-.14-.14-.13-.34q.01-.202.155-.351q.134-.137.341-.137t.348.14l2.369 2.388q.125.126.18.265t.057.301t-.056.301t-.181.265l-2.388 2.388q-.14.14-.342.133t-.35-.156q-.137-.137-.137-.331t.14-.335zm-15.251 0q-.667 0-1.141-.475t-.475-1.14v-9.77q0-.666.475-1.14t1.14-.475h12.77q.666 0 1.14.475t.475 1.14v4.902q0 .189-.156.345t-.352.155q-.21 0-.35-.143q-.142-.144-.142-.357v-4.77l-7.1 5.138l-6.9-5.133v9.633q0 .269.173.442t.443.173h7.901q.213 0 .357.144t.143.357t-.143.356t-.357.143zm.026-12L10.4 9.166L16.846 4.5zm-.642 11v-11z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.367 16.5H15q-.213 0-.356-.144t-.144-.357t.144-.356T15 15.5h4.367l-1.727-1.766q-.14-.14-.13-.34q.01-.202.155-.351q.134-.137.341-.137t.348.14l2.369 2.388q.125.126.18.265t.057.301t-.056.301t-.181.265l-2.388 2.388q-.14.14-.342.133t-.35-.156q-.137-.137-.137-.331t.14-.335zm-15.251 0q-.667 0-1.141-.475t-.475-1.14v-9.77q0-.666.475-1.14t1.14-.475h12.77q.666 0 1.14.475t.475 1.14v4.902q0 .189-.156.345t-.352.155q-.21 0-.35-.143q-.142-.144-.142-.357v-4.77l-7.1 5.138l-6.9-5.133v9.633q0 .269.173.442t.443.173h7.901q.213 0 .357.144t.143.357t-.143.356t-.357.143zm.026-12L10.4 9.166L16.846 4.5zm-.642 11v-11z"/></svg>
</template>

CSS

.icon-outgoing-mail-outline-rounded {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.367%2016.5H15q-.213%200-.356-.144t-.144-.357t.144-.356T15%2015.5h4.367l-1.727-1.766q-.14-.14-.13-.34q.01-.202.155-.351q.134-.137.341-.137t.348.14l2.369%202.388q.125.126.18.265t.057.301t-.056.301t-.181.265l-2.388%202.388q-.14.14-.342.133t-.35-.156q-.137-.137-.137-.331t.14-.335zm-15.251%200q-.667%200-1.141-.475t-.475-1.14v-9.77q0-.666.475-1.14t1.14-.475h12.77q.666%200%201.14.475t.475%201.14v4.902q0%20.189-.156.345t-.352.155q-.21%200-.35-.143q-.142-.144-.142-.357v-4.77l-7.1%205.138l-6.9-5.133v9.633q0%20.269.173.442t.443.173h7.901q.213%200%20.357.144t.143.357t-.143.356t-.357.143zm.026-12L10.4%209.166L16.846%204.5zm-.642%2011v-11z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.367%2016.5H15q-.213%200-.356-.144t-.144-.357t.144-.356T15%2015.5h4.367l-1.727-1.766q-.14-.14-.13-.34q.01-.202.155-.351q.134-.137.341-.137t.348.14l2.369%202.388q.125.126.18.265t.057.301t-.056.301t-.181.265l-2.388%202.388q-.14.14-.342.133t-.35-.156q-.137-.137-.137-.331t.14-.335zm-15.251%200q-.667%200-1.141-.475t-.475-1.14v-9.77q0-.666.475-1.14t1.14-.475h12.77q.666%200%201.14.475t.475%201.14v4.902q0%20.189-.156.345t-.352.155q-.21%200-.35-.143q-.142-.144-.142-.357v-4.77l-7.1%205.138l-6.9-5.133v9.633q0%20.269.173.442t.443.173h7.901q.213%200%20.357.144t.143.357t-.143.356t-.357.143zm.026-12L10.4%209.166L16.846%204.5zm-.642%2011v-11z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/outgoing-mail-outline-rounded.svg?color=%231a73e8&size=48