mail icon
mail-outline from Dither Icons by Vijay K Singh · Outline · MIT Free for personal and commercial use.
- Name
- mail-outline
- Set
- Dither Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
2 other variants in Dither Icons
The same icon in other sets
All mail icons →mail-filledAnt Design IconsmailCodiconsmailFeather Iconsmail-12-filledFluent UI System Iconsmail-16Fluent UI System Color Iconsmailcss.ggmailHumbleiconsmailIconParkmailIconPark OutlinemailIconPark SolidmailIconPark TwoTonemailIconoirmailIonIconsmailKeyline IconsmailLucidemailMajesticonsmailMaterial SymbolsmailMaterial Symbols LightmailMaterial Design Iconsmail-fillMingCute IconmailMyna UI IconsmailOcticonsmailPixelarticonsmail-fillRemix Icon
Use the mail icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><defs><mask id="svgID82" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><rect width="24" height="24" fill="#fff"/><path fill="#000" stroke="#000" stroke-linejoin="round" stroke-width=".28" d="M2.75 7.6l8.3 6.25q.95.7 1.9 0l8.3-6.25v11a1.4 1.4 0 0 1-1.4 1.4H4.15a1.4 1.4 0 0 1-1.4-1.4Z"/></mask><mask id="svgID83" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><rect width="24" height="24" fill="#fff"/><g clip-path="url(#svgID86)"><path fill="#000" stroke="#000" stroke-linejoin="round" stroke-width=".28" d="M2.75 7.1h18.5l-8.3 6.25q-.95.7-1.9 0Z"/></g></mask><mask id="svgID84" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><rect width="24" height="24" fill="#fff"/><path fill="#000" stroke="#000" stroke-linejoin="round" stroke-width=".28" d="M6.6 8.9h10.8a.6.6 0 0 1 .6.6v9.8H6V9.5a.6.6 0 0 1 .6-.6Z"/></mask><mask id="svgID85" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><rect width="24" height="24" fill="#fff"/><g clip-path="url(#svgID87)"><path fill="#000" stroke="#000" stroke-linejoin="round" stroke-width=".28" d="M6.6 8.9h10.8a.6.6 0 0 1 .6.6v9.8H6V9.5a.6.6 0 0 1 .6-.6Z"/></g></mask><clipPath id="svgID86"><rect width="24" height="16.9" y="7.1"/></clipPath><clipPath id="svgID87"><rect width="24" height="7.1"/></clipPath></defs><g mask="url(#svgID82)"><g mask="url(#svgID84)"><g mask="url(#svgID83)"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.4" d="M4.15 7.1h15.7a1.4 1.4 0 0 1 1.4 1.4v10.1a1.4 1.4 0 0 1-1.4 1.4H4.15a1.4 1.4 0 0 1-1.4-1.4V8.5a1.4 1.4 0 0 1 1.4-1.4Z" opacity=".4"/></g></g><g mask="url(#svgID85)"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.4" d="M2.75 7.1h18.5l-8.3 6.25q-.95.7-1.9 0Z" opacity=".72"/></g><g fill="none" stroke="currentColor" stroke-linejoin="round" mask="url(#svgID83)"><path stroke-width="1.4" d="M6.6 8.9h10.8a.6.6 0 0 1 .6.6v9.8H6V9.5a.6.6 0 0 1 .6-.6Z"/><path stroke-linecap="round" stroke-width=".5" d="M8.5 11.65h7M8.5 14h4.6" opacity=".5"/><path stroke-linecap="round" stroke-width=".5" d="M7.1 9.1h9.8" opacity="0"/></g></g><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.4" d="M2.75 7.6l8.3 6.25q.95.7 1.9 0l8.3-6.25v11a1.4 1.4 0 0 1-1.4 1.4H4.15a1.4 1.4 0 0 1-1.4-1.4Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="M4.3 18.6l4.5-3.7M19.7 18.6l-4.5-3.7" opacity=".5"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".55" d="M9.85 12.45l1.25.95q.9.65 1.8 0l1.25-.95" opacity="0"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".6" d="M19.6 5.25l1-.7M17.6 2.55l.1-1.05" opacity="0"/></g></svg>
React
import type { SVGProps } from "react";
export function DitherMailOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><defs><mask id="svgID82" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><rect width="24" height="24" fill="#fff"/><path fill="#000" stroke="#000" strokeLinejoin="round" strokeWidth=".28" d="M2.75 7.6l8.3 6.25q.95.7 1.9 0l8.3-6.25v11a1.4 1.4 0 0 1-1.4 1.4H4.15a1.4 1.4 0 0 1-1.4-1.4Z"/></mask><mask id="svgID83" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><rect width="24" height="24" fill="#fff"/><g clipPath="url(#svgID86)"><path fill="#000" stroke="#000" strokeLinejoin="round" strokeWidth=".28" d="M2.75 7.1h18.5l-8.3 6.25q-.95.7-1.9 0Z"/></g></mask><mask id="svgID84" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><rect width="24" height="24" fill="#fff"/><path fill="#000" stroke="#000" strokeLinejoin="round" strokeWidth=".28" d="M6.6 8.9h10.8a.6.6 0 0 1 .6.6v9.8H6V9.5a.6.6 0 0 1 .6-.6Z"/></mask><mask id="svgID85" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><rect width="24" height="24" fill="#fff"/><g clipPath="url(#svgID87)"><path fill="#000" stroke="#000" strokeLinejoin="round" strokeWidth=".28" d="M6.6 8.9h10.8a.6.6 0 0 1 .6.6v9.8H6V9.5a.6.6 0 0 1 .6-.6Z"/></g></mask><clipPath id="svgID86"><rect width="24" height="16.9" y="7.1"/></clipPath><clipPath id="svgID87"><rect width="24" height="7.1"/></clipPath></defs><g mask="url(#svgID82)"><g mask="url(#svgID84)"><g mask="url(#svgID83)"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.4" d="M4.15 7.1h15.7a1.4 1.4 0 0 1 1.4 1.4v10.1a1.4 1.4 0 0 1-1.4 1.4H4.15a1.4 1.4 0 0 1-1.4-1.4V8.5a1.4 1.4 0 0 1 1.4-1.4Z" opacity=".4"/></g></g><g mask="url(#svgID85)"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.4" d="M2.75 7.1h18.5l-8.3 6.25q-.95.7-1.9 0Z" opacity=".72"/></g><g fill="none" stroke="currentColor" strokeLinejoin="round" mask="url(#svgID83)"><path strokeWidth="1.4" d="M6.6 8.9h10.8a.6.6 0 0 1 .6.6v9.8H6V9.5a.6.6 0 0 1 .6-.6Z"/><path strokeLinecap="round" strokeWidth=".5" d="M8.5 11.65h7M8.5 14h4.6" opacity=".5"/><path strokeLinecap="round" strokeWidth=".5" d="M7.1 9.1h9.8" opacity="0"/></g></g><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.4" d="M2.75 7.6l8.3 6.25q.95.7 1.9 0l8.3-6.25v11a1.4 1.4 0 0 1-1.4 1.4H4.15a1.4 1.4 0 0 1-1.4-1.4Z"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth=".5" d="M4.3 18.6l4.5-3.7M19.7 18.6l-4.5-3.7" opacity=".5"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth=".55" d="M9.85 12.45l1.25.95q.9.65 1.8 0l1.25-.95" opacity="0"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth=".6" d="M19.6 5.25l1-.7M17.6 2.55l.1-1.05" opacity="0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><defs><mask id="svgID82" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><rect width="24" height="24" fill="#fff"/><path fill="#000" stroke="#000" stroke-linejoin="round" stroke-width=".28" d="M2.75 7.6l8.3 6.25q.95.7 1.9 0l8.3-6.25v11a1.4 1.4 0 0 1-1.4 1.4H4.15a1.4 1.4 0 0 1-1.4-1.4Z"/></mask><mask id="svgID83" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><rect width="24" height="24" fill="#fff"/><g clip-path="url(#svgID86)"><path fill="#000" stroke="#000" stroke-linejoin="round" stroke-width=".28" d="M2.75 7.1h18.5l-8.3 6.25q-.95.7-1.9 0Z"/></g></mask><mask id="svgID84" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><rect width="24" height="24" fill="#fff"/><path fill="#000" stroke="#000" stroke-linejoin="round" stroke-width=".28" d="M6.6 8.9h10.8a.6.6 0 0 1 .6.6v9.8H6V9.5a.6.6 0 0 1 .6-.6Z"/></mask><mask id="svgID85" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse"><rect width="24" height="24" fill="#fff"/><g clip-path="url(#svgID87)"><path fill="#000" stroke="#000" stroke-linejoin="round" stroke-width=".28" d="M6.6 8.9h10.8a.6.6 0 0 1 .6.6v9.8H6V9.5a.6.6 0 0 1 .6-.6Z"/></g></mask><clipPath id="svgID86"><rect width="24" height="16.9" y="7.1"/></clipPath><clipPath id="svgID87"><rect width="24" height="7.1"/></clipPath></defs><g mask="url(#svgID82)"><g mask="url(#svgID84)"><g mask="url(#svgID83)"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.4" d="M4.15 7.1h15.7a1.4 1.4 0 0 1 1.4 1.4v10.1a1.4 1.4 0 0 1-1.4 1.4H4.15a1.4 1.4 0 0 1-1.4-1.4V8.5a1.4 1.4 0 0 1 1.4-1.4Z" opacity=".4"/></g></g><g mask="url(#svgID85)"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.4" d="M2.75 7.1h18.5l-8.3 6.25q-.95.7-1.9 0Z" opacity=".72"/></g><g fill="none" stroke="currentColor" stroke-linejoin="round" mask="url(#svgID83)"><path stroke-width="1.4" d="M6.6 8.9h10.8a.6.6 0 0 1 .6.6v9.8H6V9.5a.6.6 0 0 1 .6-.6Z"/><path stroke-linecap="round" stroke-width=".5" d="M8.5 11.65h7M8.5 14h4.6" opacity=".5"/><path stroke-linecap="round" stroke-width=".5" d="M7.1 9.1h9.8" opacity="0"/></g></g><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.4" d="M2.75 7.6l8.3 6.25q.95.7 1.9 0l8.3-6.25v11a1.4 1.4 0 0 1-1.4 1.4H4.15a1.4 1.4 0 0 1-1.4-1.4Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="M4.3 18.6l4.5-3.7M19.7 18.6l-4.5-3.7" opacity=".5"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".55" d="M9.85 12.45l1.25.95q.9.65 1.8 0l1.25-.95" opacity="0"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".6" d="M19.6 5.25l1-.7M17.6 2.55l.1-1.05" opacity="0"/></g></svg> </template>
CSS
.icon-mail-outline {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cdefs%3E%3Cmask%20id%3D%22svgID82%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.28%22%20d%3D%22M2.75%207.6l8.3%206.25q.95.7%201.9%200l8.3-6.25v11a1.4%201.4%200%200%201-1.4%201.4H4.15a1.4%201.4%200%200%201-1.4-1.4Z%22%2F%3E%3C%2Fmask%3E%3Cmask%20id%3D%22svgID83%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20clip-path%3D%22url(%23svgID86)%22%3E%3Cpath%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.28%22%20d%3D%22M2.75%207.1h18.5l-8.3%206.25q-.95.7-1.9%200Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3Cmask%20id%3D%22svgID84%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.28%22%20d%3D%22M6.6%208.9h10.8a.6.6%200%200%201%20.6.6v9.8H6V9.5a.6.6%200%200%201%20.6-.6Z%22%2F%3E%3C%2Fmask%3E%3Cmask%20id%3D%22svgID85%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20clip-path%3D%22url(%23svgID87)%22%3E%3Cpath%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.28%22%20d%3D%22M6.6%208.9h10.8a.6.6%200%200%201%20.6.6v9.8H6V9.5a.6.6%200%200%201%20.6-.6Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3CclipPath%20id%3D%22svgID86%22%3E%3Crect%20width%3D%2224%22%20height%3D%2216.9%22%20y%3D%227.1%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22svgID87%22%3E%3Crect%20width%3D%2224%22%20height%3D%227.1%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20mask%3D%22url(%23svgID82)%22%3E%3Cg%20mask%3D%22url(%23svgID84)%22%3E%3Cg%20mask%3D%22url(%23svgID83)%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.4%22%20d%3D%22M4.15%207.1h15.7a1.4%201.4%200%200%201%201.4%201.4v10.1a1.4%201.4%200%200%201-1.4%201.4H4.15a1.4%201.4%200%200%201-1.4-1.4V8.5a1.4%201.4%200%200%201%201.4-1.4Z%22%20opacity%3D%22.4%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20mask%3D%22url(%23svgID85)%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.4%22%20d%3D%22M2.75%207.1h18.5l-8.3%206.25q-.95.7-1.9%200Z%22%20opacity%3D%22.72%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20mask%3D%22url(%23svgID83)%22%3E%3Cpath%20stroke-width%3D%221.4%22%20d%3D%22M6.6%208.9h10.8a.6.6%200%200%201%20.6.6v9.8H6V9.5a.6.6%200%200%201%20.6-.6Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22M8.5%2011.65h7M8.5%2014h4.6%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22M7.1%209.1h9.8%22%20opacity%3D%220%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.4%22%20d%3D%22M2.75%207.6l8.3%206.25q.95.7%201.9%200l8.3-6.25v11a1.4%201.4%200%200%201-1.4%201.4H4.15a1.4%201.4%200%200%201-1.4-1.4Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22M4.3%2018.6l4.5-3.7M19.7%2018.6l-4.5-3.7%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.55%22%20d%3D%22M9.85%2012.45l1.25.95q.9.65%201.8%200l1.25-.95%22%20opacity%3D%220%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.6%22%20d%3D%22M19.6%205.25l1-.7M17.6%202.55l.1-1.05%22%20opacity%3D%220%22%2F%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cdefs%3E%3Cmask%20id%3D%22svgID82%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.28%22%20d%3D%22M2.75%207.6l8.3%206.25q.95.7%201.9%200l8.3-6.25v11a1.4%201.4%200%200%201-1.4%201.4H4.15a1.4%201.4%200%200%201-1.4-1.4Z%22%2F%3E%3C%2Fmask%3E%3Cmask%20id%3D%22svgID83%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20clip-path%3D%22url(%23svgID86)%22%3E%3Cpath%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.28%22%20d%3D%22M2.75%207.1h18.5l-8.3%206.25q-.95.7-1.9%200Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3Cmask%20id%3D%22svgID84%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.28%22%20d%3D%22M6.6%208.9h10.8a.6.6%200%200%201%20.6.6v9.8H6V9.5a.6.6%200%200%201%20.6-.6Z%22%2F%3E%3C%2Fmask%3E%3Cmask%20id%3D%22svgID85%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20clip-path%3D%22url(%23svgID87)%22%3E%3Cpath%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.28%22%20d%3D%22M6.6%208.9h10.8a.6.6%200%200%201%20.6.6v9.8H6V9.5a.6.6%200%200%201%20.6-.6Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3CclipPath%20id%3D%22svgID86%22%3E%3Crect%20width%3D%2224%22%20height%3D%2216.9%22%20y%3D%227.1%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22svgID87%22%3E%3Crect%20width%3D%2224%22%20height%3D%227.1%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20mask%3D%22url(%23svgID82)%22%3E%3Cg%20mask%3D%22url(%23svgID84)%22%3E%3Cg%20mask%3D%22url(%23svgID83)%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.4%22%20d%3D%22M4.15%207.1h15.7a1.4%201.4%200%200%201%201.4%201.4v10.1a1.4%201.4%200%200%201-1.4%201.4H4.15a1.4%201.4%200%200%201-1.4-1.4V8.5a1.4%201.4%200%200%201%201.4-1.4Z%22%20opacity%3D%22.4%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20mask%3D%22url(%23svgID85)%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.4%22%20d%3D%22M2.75%207.1h18.5l-8.3%206.25q-.95.7-1.9%200Z%22%20opacity%3D%22.72%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20mask%3D%22url(%23svgID83)%22%3E%3Cpath%20stroke-width%3D%221.4%22%20d%3D%22M6.6%208.9h10.8a.6.6%200%200%201%20.6.6v9.8H6V9.5a.6.6%200%200%201%20.6-.6Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22M8.5%2011.65h7M8.5%2014h4.6%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22M7.1%209.1h9.8%22%20opacity%3D%220%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.4%22%20d%3D%22M2.75%207.6l8.3%206.25q.95.7%201.9%200l8.3-6.25v11a1.4%201.4%200%200%201-1.4%201.4H4.15a1.4%201.4%200%200%201-1.4-1.4Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22M4.3%2018.6l4.5-3.7M19.7%2018.6l-4.5-3.7%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.55%22%20d%3D%22M9.85%2012.45l1.25.95q.9.65%201.8%200l1.25-.95%22%20opacity%3D%220%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.6%22%20d%3D%22M19.6%205.25l1-.7M17.6%202.55l.1-1.05%22%20opacity%3D%220%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/dither/mail-outline.svg?color=%231a73e8&size=48
