mail asterisk icon
mail-asterisk-rounded from Material Symbols Light by Google · Rounded · Communicate · Apache-2.0 Free for personal and commercial use.
- Name
- mail-asterisk-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Communicate
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More communicate icons from Material Symbols Light
Use the mail asterisk icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19 19.5l-1.067 1.85q-.104.177-.305.229t-.378-.052t-.232-.302t.05-.375L18.14 19H16q-.213 0-.357-.143T15.5 18.5t.143-.357T16 18h2.14l-1.073-1.85q-.104-.177-.049-.375t.232-.302t.378-.052q.2.052.305.229L19 17.5l1.067-1.85q.104-.177.305-.229t.378.052t.232.302t-.05.375L19.86 18H22q.214 0 .357.143t.143.357t-.143.357T22 19h-2.14l1.073 1.85q.104.177.049.375t-.232.302t-.378.052q-.2-.052-.305-.229zM12 11L4.82 6.32q-.195-.122-.402-.045t-.264.289q-.058.148-.015.306q.042.159.184.246l7.108 4.638q.269.165.569.165t.57-.165l7.107-4.638q.142-.087.194-.246t-.025-.307q-.057-.211-.264-.279q-.207-.067-.401.054zm-7.384 8q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v5.707q0 .243-.195.386t-.432.076q-1.477-.362-2.96.039t-2.586 1.503q-.823.823-1.257 1.883t-.46 2.219q.005.223-.166.397t-.388.174z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightMailAsteriskRounded(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 19.5l-1.067 1.85q-.104.177-.305.229t-.378-.052t-.232-.302t.05-.375L18.14 19H16q-.213 0-.357-.143T15.5 18.5t.143-.357T16 18h2.14l-1.073-1.85q-.104-.177-.049-.375t.232-.302t.378-.052q.2.052.305.229L19 17.5l1.067-1.85q.104-.177.305-.229t.378.052t.232.302t-.05.375L19.86 18H22q.214 0 .357.143t.143.357t-.143.357T22 19h-2.14l1.073 1.85q.104.177.049.375t-.232.302t-.378.052q-.2-.052-.305-.229zM12 11L4.82 6.32q-.195-.122-.402-.045t-.264.289q-.058.148-.015.306q.042.159.184.246l7.108 4.638q.269.165.569.165t.57-.165l7.107-4.638q.142-.087.194-.246t-.025-.307q-.057-.211-.264-.279q-.207-.067-.401.054zm-7.384 8q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v5.707q0 .243-.195.386t-.432.076q-1.477-.362-2.96.039t-2.586 1.503q-.823.823-1.257 1.883t-.46 2.219q.005.223-.166.397t-.388.174z"/></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 19.5l-1.067 1.85q-.104.177-.305.229t-.378-.052t-.232-.302t.05-.375L18.14 19H16q-.213 0-.357-.143T15.5 18.5t.143-.357T16 18h2.14l-1.073-1.85q-.104-.177-.049-.375t.232-.302t.378-.052q.2.052.305.229L19 17.5l1.067-1.85q.104-.177.305-.229t.378.052t.232.302t-.05.375L19.86 18H22q.214 0 .357.143t.143.357t-.143.357T22 19h-2.14l1.073 1.85q.104.177.049.375t-.232.302t-.378.052q-.2-.052-.305-.229zM12 11L4.82 6.32q-.195-.122-.402-.045t-.264.289q-.058.148-.015.306q.042.159.184.246l7.108 4.638q.269.165.569.165t.57-.165l7.107-4.638q.142-.087.194-.246t-.025-.307q-.057-.211-.264-.279q-.207-.067-.401.054zm-7.384 8q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v5.707q0 .243-.195.386t-.432.076q-1.477-.362-2.96.039t-2.586 1.503q-.823.823-1.257 1.883t-.46 2.219q.005.223-.166.397t-.388.174z"/></svg> </template>
CSS
.icon-mail-asterisk-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%2019.5l-1.067%201.85q-.104.177-.305.229t-.378-.052t-.232-.302t.05-.375L18.14%2019H16q-.213%200-.357-.143T15.5%2018.5t.143-.357T16%2018h2.14l-1.073-1.85q-.104-.177-.049-.375t.232-.302t.378-.052q.2.052.305.229L19%2017.5l1.067-1.85q.104-.177.305-.229t.378.052t.232.302t-.05.375L19.86%2018H22q.214%200%20.357.143t.143.357t-.143.357T22%2019h-2.14l1.073%201.85q.104.177.049.375t-.232.302t-.378.052q-.2-.052-.305-.229zM12%2011L4.82%206.32q-.195-.122-.402-.045t-.264.289q-.058.148-.015.306q.042.159.184.246l7.108%204.638q.269.165.569.165t.57-.165l7.107-4.638q.142-.087.194-.246t-.025-.307q-.057-.211-.264-.279q-.207-.067-.401.054zm-7.384%208q-.691%200-1.153-.462T3%2017.384V6.616q0-.691.463-1.153T4.615%205h14.77q.69%200%201.152.463T21%206.616v5.707q0%20.243-.195.386t-.432.076q-1.477-.362-2.96.039t-2.586%201.503q-.823.823-1.257%201.883t-.46%202.219q.005.223-.166.397t-.388.174z%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%2019.5l-1.067%201.85q-.104.177-.305.229t-.378-.052t-.232-.302t.05-.375L18.14%2019H16q-.213%200-.357-.143T15.5%2018.5t.143-.357T16%2018h2.14l-1.073-1.85q-.104-.177-.049-.375t.232-.302t.378-.052q.2.052.305.229L19%2017.5l1.067-1.85q.104-.177.305-.229t.378.052t.232.302t-.05.375L19.86%2018H22q.214%200%20.357.143t.143.357t-.143.357T22%2019h-2.14l1.073%201.85q.104.177.049.375t-.232.302t-.378.052q-.2-.052-.305-.229zM12%2011L4.82%206.32q-.195-.122-.402-.045t-.264.289q-.058.148-.015.306q.042.159.184.246l7.108%204.638q.269.165.569.165t.57-.165l7.107-4.638q.142-.087.194-.246t-.025-.307q-.057-.211-.264-.279q-.207-.067-.401.054zm-7.384%208q-.691%200-1.153-.462T3%2017.384V6.616q0-.691.463-1.153T4.615%205h14.77q.69%200%201.152.463T21%206.616v5.707q0%20.243-.195.386t-.432.076q-1.477-.362-2.96.039t-2.586%201.503q-.823.823-1.257%201.883t-.46%202.219q.005.223-.166.397t-.388.174z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/mail-asterisk-rounded.svg?color=%231a73e8&size=48
