mail unread icon
mail-unread-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.
- Name
- mail-unread-sharp
- Set
- IonIcons
- Style
- Sharp
- Viewbox
- 512×512
- License
- MIT
- Aliases
- mail-notification-sharp
2 other variants in IonIcons
The same icon in other sets
Related icons in IonIcons
Use the mail unread icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M374.09 101c-.11.23-.21.46-.31.7c-.34.75-.67 1.5-1 2.26l-.36.9c-.27.71-.54 1.42-.79 2.14c-.12.35-.24.7-.35 1c-.23.68-.44 1.37-.64 2.07l-.33 1.15q-.27 1-.51 2c-.1.41-.2.82-.28 1.23c-.15.67-.28 1.36-.4 2c-.08.42-.16.84-.23 1.27c-.11.69-.2 1.4-.29 2.1c-.05.42-.11.83-.16 1.25c-.08.77-.13 1.54-.19 2.31c0 .36-.06.72-.08 1.09c-.06 1.13-.09 2.27-.09 3.41c0 1 0 2 .07 2.94v.62c.05.95.12 1.89.21 2.83l.06.46c.09.87.2 1.72.32 2.57c0 .15 0 .31.07.46c.14.92.31 1.84.49 2.75l.12.59c.2.92.4 1.84.64 2.75c.23.92.5 1.82.77 2.71c.06.19.12.38.17.57c.28.88.57 1.74.88 2.59c.05.15.11.29.16.43c.29.78.6 1.55.92 2.32c.05.14.11.28.17.42c.35.83.73 1.65 1.11 2.47l.27.53c.4.82.81 1.64 1.24 2.44a64.2 64.2 0 0 0 29.56 27.63l.37.17c1.78.8 3.59 1.53 5.45 2.17l.95.32l1.5.47c.45.14.9.26 1.36.39l1.92.5c.57.14 1.14.27 1.72.39l1.15.24l1.83.32l.93.16c.9.13 1.81.24 2.72.34l.77.07c.73.07 1.47.13 2.22.17l.85.05c1 0 1.94.07 2.93.07c1.15 0 2.29 0 3.43-.09l1.09-.09c.77 0 1.54-.11 2.3-.19c.42 0 .83-.1 1.25-.16c.7-.08 1.41-.17 2.1-.28l1.27-.23c.68-.12 1.36-.25 2-.39l1.24-.29c.67-.16 1.35-.32 2-.51c.39-.1.78-.21 1.16-.33c.69-.2 1.37-.41 2.05-.63l1.07-.36c.7-.24 1.4-.5 2.1-.77l.94-.37c.74-.3 1.47-.62 2.19-.95l.77-.34c.8-.37 1.58-.77 2.36-1.17c.17-.09.35-.17.52-.27c.91-.48 1.8-1 2.68-1.5l.12-.07a63.95 63.95 0 1 0-89.21-84.88l-.21.39c-.3 1.03-.72 1.86-1.11 2.69"/><path fill="currentColor" d="m371.51 202.43l-105.69 82.2a16 16 0 0 1-19.64 0L89.55 162.81l19.64-25.26L256 251.73l94.36-73.39A95.81 95.81 0 0 1 349 80H48a16 16 0 0 0-16 16v320a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V211.13a95.75 95.75 0 0 1-108.49-8.7"/></svg>
React
import type { SVGProps } from "react";
export function IonMailUnreadSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M374.09 101c-.11.23-.21.46-.31.7c-.34.75-.67 1.5-1 2.26l-.36.9c-.27.71-.54 1.42-.79 2.14c-.12.35-.24.7-.35 1c-.23.68-.44 1.37-.64 2.07l-.33 1.15q-.27 1-.51 2c-.1.41-.2.82-.28 1.23c-.15.67-.28 1.36-.4 2c-.08.42-.16.84-.23 1.27c-.11.69-.2 1.4-.29 2.1c-.05.42-.11.83-.16 1.25c-.08.77-.13 1.54-.19 2.31c0 .36-.06.72-.08 1.09c-.06 1.13-.09 2.27-.09 3.41c0 1 0 2 .07 2.94v.62c.05.95.12 1.89.21 2.83l.06.46c.09.87.2 1.72.32 2.57c0 .15 0 .31.07.46c.14.92.31 1.84.49 2.75l.12.59c.2.92.4 1.84.64 2.75c.23.92.5 1.82.77 2.71c.06.19.12.38.17.57c.28.88.57 1.74.88 2.59c.05.15.11.29.16.43c.29.78.6 1.55.92 2.32c.05.14.11.28.17.42c.35.83.73 1.65 1.11 2.47l.27.53c.4.82.81 1.64 1.24 2.44a64.2 64.2 0 0 0 29.56 27.63l.37.17c1.78.8 3.59 1.53 5.45 2.17l.95.32l1.5.47c.45.14.9.26 1.36.39l1.92.5c.57.14 1.14.27 1.72.39l1.15.24l1.83.32l.93.16c.9.13 1.81.24 2.72.34l.77.07c.73.07 1.47.13 2.22.17l.85.05c1 0 1.94.07 2.93.07c1.15 0 2.29 0 3.43-.09l1.09-.09c.77 0 1.54-.11 2.3-.19c.42 0 .83-.1 1.25-.16c.7-.08 1.41-.17 2.1-.28l1.27-.23c.68-.12 1.36-.25 2-.39l1.24-.29c.67-.16 1.35-.32 2-.51c.39-.1.78-.21 1.16-.33c.69-.2 1.37-.41 2.05-.63l1.07-.36c.7-.24 1.4-.5 2.1-.77l.94-.37c.74-.3 1.47-.62 2.19-.95l.77-.34c.8-.37 1.58-.77 2.36-1.17c.17-.09.35-.17.52-.27c.91-.48 1.8-1 2.68-1.5l.12-.07a63.95 63.95 0 1 0-89.21-84.88l-.21.39c-.3 1.03-.72 1.86-1.11 2.69"/><path fill="currentColor" d="m371.51 202.43l-105.69 82.2a16 16 0 0 1-19.64 0L89.55 162.81l19.64-25.26L256 251.73l94.36-73.39A95.81 95.81 0 0 1 349 80H48a16 16 0 0 0-16 16v320a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V211.13a95.75 95.75 0 0 1-108.49-8.7"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M374.09 101c-.11.23-.21.46-.31.7c-.34.75-.67 1.5-1 2.26l-.36.9c-.27.71-.54 1.42-.79 2.14c-.12.35-.24.7-.35 1c-.23.68-.44 1.37-.64 2.07l-.33 1.15q-.27 1-.51 2c-.1.41-.2.82-.28 1.23c-.15.67-.28 1.36-.4 2c-.08.42-.16.84-.23 1.27c-.11.69-.2 1.4-.29 2.1c-.05.42-.11.83-.16 1.25c-.08.77-.13 1.54-.19 2.31c0 .36-.06.72-.08 1.09c-.06 1.13-.09 2.27-.09 3.41c0 1 0 2 .07 2.94v.62c.05.95.12 1.89.21 2.83l.06.46c.09.87.2 1.72.32 2.57c0 .15 0 .31.07.46c.14.92.31 1.84.49 2.75l.12.59c.2.92.4 1.84.64 2.75c.23.92.5 1.82.77 2.71c.06.19.12.38.17.57c.28.88.57 1.74.88 2.59c.05.15.11.29.16.43c.29.78.6 1.55.92 2.32c.05.14.11.28.17.42c.35.83.73 1.65 1.11 2.47l.27.53c.4.82.81 1.64 1.24 2.44a64.2 64.2 0 0 0 29.56 27.63l.37.17c1.78.8 3.59 1.53 5.45 2.17l.95.32l1.5.47c.45.14.9.26 1.36.39l1.92.5c.57.14 1.14.27 1.72.39l1.15.24l1.83.32l.93.16c.9.13 1.81.24 2.72.34l.77.07c.73.07 1.47.13 2.22.17l.85.05c1 0 1.94.07 2.93.07c1.15 0 2.29 0 3.43-.09l1.09-.09c.77 0 1.54-.11 2.3-.19c.42 0 .83-.1 1.25-.16c.7-.08 1.41-.17 2.1-.28l1.27-.23c.68-.12 1.36-.25 2-.39l1.24-.29c.67-.16 1.35-.32 2-.51c.39-.1.78-.21 1.16-.33c.69-.2 1.37-.41 2.05-.63l1.07-.36c.7-.24 1.4-.5 2.1-.77l.94-.37c.74-.3 1.47-.62 2.19-.95l.77-.34c.8-.37 1.58-.77 2.36-1.17c.17-.09.35-.17.52-.27c.91-.48 1.8-1 2.68-1.5l.12-.07a63.95 63.95 0 1 0-89.21-84.88l-.21.39c-.3 1.03-.72 1.86-1.11 2.69"/><path fill="currentColor" d="m371.51 202.43l-105.69 82.2a16 16 0 0 1-19.64 0L89.55 162.81l19.64-25.26L256 251.73l94.36-73.39A95.81 95.81 0 0 1 349 80H48a16 16 0 0 0-16 16v320a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V211.13a95.75 95.75 0 0 1-108.49-8.7"/></svg> </template>
CSS
.icon-mail-unread-sharp {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M374.09%20101c-.11.23-.21.46-.31.7c-.34.75-.67%201.5-1%202.26l-.36.9c-.27.71-.54%201.42-.79%202.14c-.12.35-.24.7-.35%201c-.23.68-.44%201.37-.64%202.07l-.33%201.15q-.27%201-.51%202c-.1.41-.2.82-.28%201.23c-.15.67-.28%201.36-.4%202c-.08.42-.16.84-.23%201.27c-.11.69-.2%201.4-.29%202.1c-.05.42-.11.83-.16%201.25c-.08.77-.13%201.54-.19%202.31c0%20.36-.06.72-.08%201.09c-.06%201.13-.09%202.27-.09%203.41c0%201%200%202%20.07%202.94v.62c.05.95.12%201.89.21%202.83l.06.46c.09.87.2%201.72.32%202.57c0%20.15%200%20.31.07.46c.14.92.31%201.84.49%202.75l.12.59c.2.92.4%201.84.64%202.75c.23.92.5%201.82.77%202.71c.06.19.12.38.17.57c.28.88.57%201.74.88%202.59c.05.15.11.29.16.43c.29.78.6%201.55.92%202.32c.05.14.11.28.17.42c.35.83.73%201.65%201.11%202.47l.27.53c.4.82.81%201.64%201.24%202.44a64.2%2064.2%200%200%200%2029.56%2027.63l.37.17c1.78.8%203.59%201.53%205.45%202.17l.95.32l1.5.47c.45.14.9.26%201.36.39l1.92.5c.57.14%201.14.27%201.72.39l1.15.24l1.83.32l.93.16c.9.13%201.81.24%202.72.34l.77.07c.73.07%201.47.13%202.22.17l.85.05c1%200%201.94.07%202.93.07c1.15%200%202.29%200%203.43-.09l1.09-.09c.77%200%201.54-.11%202.3-.19c.42%200%20.83-.1%201.25-.16c.7-.08%201.41-.17%202.1-.28l1.27-.23c.68-.12%201.36-.25%202-.39l1.24-.29c.67-.16%201.35-.32%202-.51c.39-.1.78-.21%201.16-.33c.69-.2%201.37-.41%202.05-.63l1.07-.36c.7-.24%201.4-.5%202.1-.77l.94-.37c.74-.3%201.47-.62%202.19-.95l.77-.34c.8-.37%201.58-.77%202.36-1.17c.17-.09.35-.17.52-.27c.91-.48%201.8-1%202.68-1.5l.12-.07a63.95%2063.95%200%201%200-89.21-84.88l-.21.39c-.3%201.03-.72%201.86-1.11%202.69%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m371.51%20202.43l-105.69%2082.2a16%2016%200%200%201-19.64%200L89.55%20162.81l19.64-25.26L256%20251.73l94.36-73.39A95.81%2095.81%200%200%201%20349%2080H48a16%2016%200%200%200-16%2016v320a16%2016%200%200%200%2016%2016h416a16%2016%200%200%200%2016-16V211.13a95.75%2095.75%200%200%201-108.49-8.7%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M374.09%20101c-.11.23-.21.46-.31.7c-.34.75-.67%201.5-1%202.26l-.36.9c-.27.71-.54%201.42-.79%202.14c-.12.35-.24.7-.35%201c-.23.68-.44%201.37-.64%202.07l-.33%201.15q-.27%201-.51%202c-.1.41-.2.82-.28%201.23c-.15.67-.28%201.36-.4%202c-.08.42-.16.84-.23%201.27c-.11.69-.2%201.4-.29%202.1c-.05.42-.11.83-.16%201.25c-.08.77-.13%201.54-.19%202.31c0%20.36-.06.72-.08%201.09c-.06%201.13-.09%202.27-.09%203.41c0%201%200%202%20.07%202.94v.62c.05.95.12%201.89.21%202.83l.06.46c.09.87.2%201.72.32%202.57c0%20.15%200%20.31.07.46c.14.92.31%201.84.49%202.75l.12.59c.2.92.4%201.84.64%202.75c.23.92.5%201.82.77%202.71c.06.19.12.38.17.57c.28.88.57%201.74.88%202.59c.05.15.11.29.16.43c.29.78.6%201.55.92%202.32c.05.14.11.28.17.42c.35.83.73%201.65%201.11%202.47l.27.53c.4.82.81%201.64%201.24%202.44a64.2%2064.2%200%200%200%2029.56%2027.63l.37.17c1.78.8%203.59%201.53%205.45%202.17l.95.32l1.5.47c.45.14.9.26%201.36.39l1.92.5c.57.14%201.14.27%201.72.39l1.15.24l1.83.32l.93.16c.9.13%201.81.24%202.72.34l.77.07c.73.07%201.47.13%202.22.17l.85.05c1%200%201.94.07%202.93.07c1.15%200%202.29%200%203.43-.09l1.09-.09c.77%200%201.54-.11%202.3-.19c.42%200%20.83-.1%201.25-.16c.7-.08%201.41-.17%202.1-.28l1.27-.23c.68-.12%201.36-.25%202-.39l1.24-.29c.67-.16%201.35-.32%202-.51c.39-.1.78-.21%201.16-.33c.69-.2%201.37-.41%202.05-.63l1.07-.36c.7-.24%201.4-.5%202.1-.77l.94-.37c.74-.3%201.47-.62%202.19-.95l.77-.34c.8-.37%201.58-.77%202.36-1.17c.17-.09.35-.17.52-.27c.91-.48%201.8-1%202.68-1.5l.12-.07a63.95%2063.95%200%201%200-89.21-84.88l-.21.39c-.3%201.03-.72%201.86-1.11%202.69%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m371.51%20202.43l-105.69%2082.2a16%2016%200%200%201-19.64%200L89.55%20162.81l19.64-25.26L256%20251.73l94.36-73.39A95.81%2095.81%200%200%201%20349%2080H48a16%2016%200%200%200-16%2016v320a16%2016%200%200%200%2016%2016h416a16%2016%200%200%200%2016-16V211.13a95.75%2095.75%200%200%201-108.49-8.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/mail-unread-sharp.svg?color=%231a73e8&size=48
