mail alert icon

4 other variants in Fluent UI System Color Icons

The same icon in other sets

Related icons in Fluent UI System Color Icons

Use the mail alert icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path fill="#367af2" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGtG408c5M)" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGrLvNhcEu)" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVG49Qp7dwT)" fill-opacity=".75" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGOEEeZe0L)" fill-opacity=".7" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGU3EVhdjL)" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v1.203l11.654 5.969a.75.75 0 0 0 .684 0L24.927 9.5H24.5z"/><path fill="url(#SVG8PYtvbCz)" fill-opacity=".3" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v11.5A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGEhcwGcMI)" fill-opacity=".3" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v11.5A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGSvlLLezf)" fill-opacity=".3" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v11.5A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGHInEyekJ)" fill-opacity=".3" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v11.5A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><circle cx="20.5" cy="11" r="3" fill="url(#SVGtIcKAJXb)"/><path fill="url(#SVG8Qrggc1q)" d="M20.498 1a4.5 4.5 0 0 0-4.5 4.5V8l-1.62 1.876c-.216.25-.325.376-.355.476a.5.5 0 0 0 .277.606c.096.042.262.042.593.042h11.21c.331 0 .497 0 .593-.042a.5.5 0 0 0 .277-.606c-.03-.1-.139-.225-.356-.476L24.998 8V5.5a4.5 4.5 0 0 0-4.5-4.5"/><defs><linearGradient id="SVGtG408c5M" x1="17.5" x2="23.168" y1="10.5" y2="23.701" gradientUnits="userSpaceOnUse"><stop offset=".199" stop-color="#0094f0" stop-opacity="0"/><stop offset=".431" stop-color="#0094f0"/></linearGradient><linearGradient id="SVGrLvNhcEu" x1="10.574" x2="4.55" y1="10.026" y2="24.154" gradientUnits="userSpaceOnUse"><stop offset=".191" stop-color="#0094f0" stop-opacity="0"/><stop offset=".431" stop-color="#0094f0"/></linearGradient><linearGradient id="SVG49Qp7dwT" x1="20.329" x2="21.305" y1="17.151" y2="24.345" gradientUnits="userSpaceOnUse"><stop stop-color="#2764e7" stop-opacity="0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGOEEeZe0L" x1="17.716" x2="19.496" y1="10.281" y2="24.921" gradientUnits="userSpaceOnUse"><stop offset=".533" stop-color="#ff6ce8" stop-opacity="0"/><stop offset="1" stop-color="#ff6ce8"/></linearGradient><linearGradient id="SVGU3EVhdjL" x1="9.133" x2="16.477" y1=".555" y2="19.789" gradientUnits="userSpaceOnUse"><stop stop-color="#6ce0ff"/><stop offset=".462" stop-color="#29c3ff"/><stop offset="1" stop-color="#4894fe"/></linearGradient><linearGradient id="SVGtIcKAJXb" x1="20.519" x2="20.519" y1="10.499" y2="13.999" gradientUnits="userSpaceOnUse"><stop stop-color="#eb4824"/><stop offset="1" stop-color="#ffcd0f" stop-opacity=".988"/></linearGradient><linearGradient id="SVG8Qrggc1q" x1="27.015" x2="17.342" y1="10.996" y2=".713" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6f47"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><radialGradient id="SVG8PYtvbCz" cx="0" cy="0" r="1" gradientTransform="matrix(0 3 -3.53125 0 20.5 12)" gradientUnits="userSpaceOnUse"><stop offset=".535" stop-color="#4a43cb"/><stop offset="1" stop-color="#4a43cb" stop-opacity="0"/></radialGradient><radialGradient id="SVGEhcwGcMI" cx="0" cy="0" r="1" gradientTransform="matrix(0 2 -7.45312 0 20.5 10.5)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#4a43cb"/><stop offset="1" stop-color="#4a43cb" stop-opacity="0"/></radialGradient><radialGradient id="SVGSvlLLezf" cx="0" cy="0" r="1" gradientTransform="matrix(1 1 -1.5 1.5 15.5 9.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#4a43cb"/><stop offset="1" stop-color="#4a43cb" stop-opacity="0"/></radialGradient><radialGradient id="SVGHInEyekJ" cx="0" cy="0" r="1" gradientTransform="matrix(0 8 -6.3125 0 20.5 5.5)" gradientUnits="userSpaceOnUse"><stop offset=".535" stop-color="#4a43cb"/><stop offset="1" stop-color="#4a43cb" stop-opacity="0"/></radialGradient></defs></g></svg>

import type { SVGProps } from "react";

export function FluentColorMailAlert28(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path fill="#367af2" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGtG408c5M)" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGrLvNhcEu)" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVG49Qp7dwT)" fillOpacity=".75" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGOEEeZe0L)" fillOpacity=".7" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGU3EVhdjL)" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v1.203l11.654 5.969a.75.75 0 0 0 .684 0L24.927 9.5H24.5z"/><path fill="url(#SVG8PYtvbCz)" fillOpacity=".3" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v11.5A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGEhcwGcMI)" fillOpacity=".3" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v11.5A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGSvlLLezf)" fillOpacity=".3" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v11.5A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGHInEyekJ)" fillOpacity=".3" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v11.5A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><circle cx="20.5" cy="11" r="3" fill="url(#SVGtIcKAJXb)"/><path fill="url(#SVG8Qrggc1q)" d="M20.498 1a4.5 4.5 0 0 0-4.5 4.5V8l-1.62 1.876c-.216.25-.325.376-.355.476a.5.5 0 0 0 .277.606c.096.042.262.042.593.042h11.21c.331 0 .497 0 .593-.042a.5.5 0 0 0 .277-.606c-.03-.1-.139-.225-.356-.476L24.998 8V5.5a4.5 4.5 0 0 0-4.5-4.5"/><defs><linearGradient id="SVGtG408c5M" x1="17.5" x2="23.168" y1="10.5" y2="23.701" gradientUnits="userSpaceOnUse"><stop offset=".199" stopColor="#0094f0" stopOpacity="0"/><stop offset=".431" stopColor="#0094f0"/></linearGradient><linearGradient id="SVGrLvNhcEu" x1="10.574" x2="4.55" y1="10.026" y2="24.154" gradientUnits="userSpaceOnUse"><stop offset=".191" stopColor="#0094f0" stopOpacity="0"/><stop offset=".431" stopColor="#0094f0"/></linearGradient><linearGradient id="SVG49Qp7dwT" x1="20.329" x2="21.305" y1="17.151" y2="24.345" gradientUnits="userSpaceOnUse"><stop stopColor="#2764e7" stopOpacity="0"/><stop offset="1" stopColor="#2764e7"/></linearGradient><linearGradient id="SVGOEEeZe0L" x1="17.716" x2="19.496" y1="10.281" y2="24.921" gradientUnits="userSpaceOnUse"><stop offset=".533" stopColor="#ff6ce8" stopOpacity="0"/><stop offset="1" stopColor="#ff6ce8"/></linearGradient><linearGradient id="SVGU3EVhdjL" x1="9.133" x2="16.477" y1=".555" y2="19.789" gradientUnits="userSpaceOnUse"><stop stopColor="#6ce0ff"/><stop offset=".462" stopColor="#29c3ff"/><stop offset="1" stopColor="#4894fe"/></linearGradient><linearGradient id="SVGtIcKAJXb" x1="20.519" x2="20.519" y1="10.499" y2="13.999" gradientUnits="userSpaceOnUse"><stop stopColor="#eb4824"/><stop offset="1" stopColor="#ffcd0f" stopOpacity=".988"/></linearGradient><linearGradient id="SVG8Qrggc1q" x1="27.015" x2="17.342" y1="10.996" y2=".713" gradientUnits="userSpaceOnUse"><stop stopColor="#ff6f47"/><stop offset="1" stopColor="#ffcd0f"/></linearGradient><radialGradient id="SVG8PYtvbCz" cx="0" cy="0" r="1" gradientTransform="matrix(0 3 -3.53125 0 20.5 12)" gradientUnits="userSpaceOnUse"><stop offset=".535" stopColor="#4a43cb"/><stop offset="1" stopColor="#4a43cb" stopOpacity="0"/></radialGradient><radialGradient id="SVGEhcwGcMI" cx="0" cy="0" r="1" gradientTransform="matrix(0 2 -7.45312 0 20.5 10.5)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#4a43cb"/><stop offset="1" stopColor="#4a43cb" stopOpacity="0"/></radialGradient><radialGradient id="SVGSvlLLezf" cx="0" cy="0" r="1" gradientTransform="matrix(1 1 -1.5 1.5 15.5 9.5)" gradientUnits="userSpaceOnUse"><stop stopColor="#4a43cb"/><stop offset="1" stopColor="#4a43cb" stopOpacity="0"/></radialGradient><radialGradient id="SVGHInEyekJ" cx="0" cy="0" r="1" gradientTransform="matrix(0 8 -6.3125 0 20.5 5.5)" gradientUnits="userSpaceOnUse"><stop offset=".535" stopColor="#4a43cb"/><stop offset="1" stopColor="#4a43cb" stopOpacity="0"/></radialGradient></defs></g></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path fill="#367af2" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGtG408c5M)" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGrLvNhcEu)" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVG49Qp7dwT)" fill-opacity=".75" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGOEEeZe0L)" fill-opacity=".7" d="m24.5 9.269l-10.158 5.203a.75.75 0 0 1-.684 0L2.004 8.503V19.25A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGU3EVhdjL)" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v1.203l11.654 5.969a.75.75 0 0 0 .684 0L24.927 9.5H24.5z"/><path fill="url(#SVG8PYtvbCz)" fill-opacity=".3" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v11.5A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGEhcwGcMI)" fill-opacity=".3" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v11.5A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGSvlLLezf)" fill-opacity=".3" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v11.5A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><path fill="url(#SVGHInEyekJ)" fill-opacity=".3" d="M24.5 4.75A3.73 3.73 0 0 0 22.25 4H5.755a3.75 3.75 0 0 0-3.75 3.75v11.5A3.75 3.75 0 0 0 5.754 23H22.25A3.75 3.75 0 0 0 26 19.25V9.5h-1.5z"/><circle cx="20.5" cy="11" r="3" fill="url(#SVGtIcKAJXb)"/><path fill="url(#SVG8Qrggc1q)" d="M20.498 1a4.5 4.5 0 0 0-4.5 4.5V8l-1.62 1.876c-.216.25-.325.376-.355.476a.5.5 0 0 0 .277.606c.096.042.262.042.593.042h11.21c.331 0 .497 0 .593-.042a.5.5 0 0 0 .277-.606c-.03-.1-.139-.225-.356-.476L24.998 8V5.5a4.5 4.5 0 0 0-4.5-4.5"/><defs><linearGradient id="SVGtG408c5M" x1="17.5" x2="23.168" y1="10.5" y2="23.701" gradientUnits="userSpaceOnUse"><stop offset=".199" stop-color="#0094f0" stop-opacity="0"/><stop offset=".431" stop-color="#0094f0"/></linearGradient><linearGradient id="SVGrLvNhcEu" x1="10.574" x2="4.55" y1="10.026" y2="24.154" gradientUnits="userSpaceOnUse"><stop offset=".191" stop-color="#0094f0" stop-opacity="0"/><stop offset=".431" stop-color="#0094f0"/></linearGradient><linearGradient id="SVG49Qp7dwT" x1="20.329" x2="21.305" y1="17.151" y2="24.345" gradientUnits="userSpaceOnUse"><stop stop-color="#2764e7" stop-opacity="0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGOEEeZe0L" x1="17.716" x2="19.496" y1="10.281" y2="24.921" gradientUnits="userSpaceOnUse"><stop offset=".533" stop-color="#ff6ce8" stop-opacity="0"/><stop offset="1" stop-color="#ff6ce8"/></linearGradient><linearGradient id="SVGU3EVhdjL" x1="9.133" x2="16.477" y1=".555" y2="19.789" gradientUnits="userSpaceOnUse"><stop stop-color="#6ce0ff"/><stop offset=".462" stop-color="#29c3ff"/><stop offset="1" stop-color="#4894fe"/></linearGradient><linearGradient id="SVGtIcKAJXb" x1="20.519" x2="20.519" y1="10.499" y2="13.999" gradientUnits="userSpaceOnUse"><stop stop-color="#eb4824"/><stop offset="1" stop-color="#ffcd0f" stop-opacity=".988"/></linearGradient><linearGradient id="SVG8Qrggc1q" x1="27.015" x2="17.342" y1="10.996" y2=".713" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6f47"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><radialGradient id="SVG8PYtvbCz" cx="0" cy="0" r="1" gradientTransform="matrix(0 3 -3.53125 0 20.5 12)" gradientUnits="userSpaceOnUse"><stop offset=".535" stop-color="#4a43cb"/><stop offset="1" stop-color="#4a43cb" stop-opacity="0"/></radialGradient><radialGradient id="SVGEhcwGcMI" cx="0" cy="0" r="1" gradientTransform="matrix(0 2 -7.45312 0 20.5 10.5)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#4a43cb"/><stop offset="1" stop-color="#4a43cb" stop-opacity="0"/></radialGradient><radialGradient id="SVGSvlLLezf" cx="0" cy="0" r="1" gradientTransform="matrix(1 1 -1.5 1.5 15.5 9.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#4a43cb"/><stop offset="1" stop-color="#4a43cb" stop-opacity="0"/></radialGradient><radialGradient id="SVGHInEyekJ" cx="0" cy="0" r="1" gradientTransform="matrix(0 8 -6.3125 0 20.5 5.5)" gradientUnits="userSpaceOnUse"><stop offset=".535" stop-color="#4a43cb"/><stop offset="1" stop-color="#4a43cb" stop-opacity="0"/></radialGradient></defs></g></svg>
</template>

.icon-mail-alert-28 {
  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%2028%2028%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23367af2%22%20d%3D%22m24.5%209.269l-10.158%205.203a.75.75%200%200%201-.684%200L2.004%208.503V19.25A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtG408c5M)%22%20d%3D%22m24.5%209.269l-10.158%205.203a.75.75%200%200%201-.684%200L2.004%208.503V19.25A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGrLvNhcEu)%22%20d%3D%22m24.5%209.269l-10.158%205.203a.75.75%200%200%201-.684%200L2.004%208.503V19.25A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG49Qp7dwT)%22%20fill-opacity%3D%22.75%22%20d%3D%22m24.5%209.269l-10.158%205.203a.75.75%200%200%201-.684%200L2.004%208.503V19.25A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGOEEeZe0L)%22%20fill-opacity%3D%22.7%22%20d%3D%22m24.5%209.269l-10.158%205.203a.75.75%200%200%201-.684%200L2.004%208.503V19.25A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGU3EVhdjL)%22%20d%3D%22M24.5%204.75A3.73%203.73%200%200%200%2022.25%204H5.755a3.75%203.75%200%200%200-3.75%203.75v1.203l11.654%205.969a.75.75%200%200%200%20.684%200L24.927%209.5H24.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8PYtvbCz)%22%20fill-opacity%3D%22.3%22%20d%3D%22M24.5%204.75A3.73%203.73%200%200%200%2022.25%204H5.755a3.75%203.75%200%200%200-3.75%203.75v11.5A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGEhcwGcMI)%22%20fill-opacity%3D%22.3%22%20d%3D%22M24.5%204.75A3.73%203.73%200%200%200%2022.25%204H5.755a3.75%203.75%200%200%200-3.75%203.75v11.5A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSvlLLezf)%22%20fill-opacity%3D%22.3%22%20d%3D%22M24.5%204.75A3.73%203.73%200%200%200%2022.25%204H5.755a3.75%203.75%200%200%200-3.75%203.75v11.5A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHInEyekJ)%22%20fill-opacity%3D%22.3%22%20d%3D%22M24.5%204.75A3.73%203.73%200%200%200%2022.25%204H5.755a3.75%203.75%200%200%200-3.75%203.75v11.5A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2211%22%20r%3D%223%22%20fill%3D%22url(%23SVGtIcKAJXb)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8Qrggc1q)%22%20d%3D%22M20.498%201a4.5%204.5%200%200%200-4.5%204.5V8l-1.62%201.876c-.216.25-.325.376-.355.476a.5.5%200%200%200%20.277.606c.096.042.262.042.593.042h11.21c.331%200%20.497%200%20.593-.042a.5.5%200%200%200%20.277-.606c-.03-.1-.139-.225-.356-.476L24.998%208V5.5a4.5%204.5%200%200%200-4.5-4.5%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtG408c5M%22%20x1%3D%2217.5%22%20x2%3D%2223.168%22%20y1%3D%2210.5%22%20y2%3D%2223.701%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.199%22%20stop-color%3D%22%230094f0%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.431%22%20stop-color%3D%22%230094f0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGrLvNhcEu%22%20x1%3D%2210.574%22%20x2%3D%224.55%22%20y1%3D%2210.026%22%20y2%3D%2224.154%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.191%22%20stop-color%3D%22%230094f0%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.431%22%20stop-color%3D%22%230094f0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG49Qp7dwT%22%20x1%3D%2220.329%22%20x2%3D%2221.305%22%20y1%3D%2217.151%22%20y2%3D%2224.345%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232764e7%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232764e7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGOEEeZe0L%22%20x1%3D%2217.716%22%20x2%3D%2219.496%22%20y1%3D%2210.281%22%20y2%3D%2224.921%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.533%22%20stop-color%3D%22%23ff6ce8%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff6ce8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGU3EVhdjL%22%20x1%3D%229.133%22%20x2%3D%2216.477%22%20y1%3D%22.555%22%20y2%3D%2219.789%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236ce0ff%22%2F%3E%3Cstop%20offset%3D%22.462%22%20stop-color%3D%22%2329c3ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234894fe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGtIcKAJXb%22%20x1%3D%2220.519%22%20x2%3D%2220.519%22%20y1%3D%2210.499%22%20y2%3D%2213.999%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eb4824%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcd0f%22%20stop-opacity%3D%22.988%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8Qrggc1q%22%20x1%3D%2227.015%22%20x2%3D%2217.342%22%20y1%3D%2210.996%22%20y2%3D%22.713%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff6f47%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcd0f%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVG8PYtvbCz%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%203%20-3.53125%200%2020.5%2012)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.535%22%20stop-color%3D%22%234a43cb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234a43cb%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGEhcwGcMI%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%202%20-7.45312%200%2020.5%2010.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%234a43cb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234a43cb%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGSvlLLezf%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(1%201%20-1.5%201.5%2015.5%209.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234a43cb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234a43cb%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGHInEyekJ%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%208%20-6.3125%200%2020.5%205.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.535%22%20stop-color%3D%22%234a43cb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234a43cb%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%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%2028%2028%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23367af2%22%20d%3D%22m24.5%209.269l-10.158%205.203a.75.75%200%200%201-.684%200L2.004%208.503V19.25A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtG408c5M)%22%20d%3D%22m24.5%209.269l-10.158%205.203a.75.75%200%200%201-.684%200L2.004%208.503V19.25A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGrLvNhcEu)%22%20d%3D%22m24.5%209.269l-10.158%205.203a.75.75%200%200%201-.684%200L2.004%208.503V19.25A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG49Qp7dwT)%22%20fill-opacity%3D%22.75%22%20d%3D%22m24.5%209.269l-10.158%205.203a.75.75%200%200%201-.684%200L2.004%208.503V19.25A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGOEEeZe0L)%22%20fill-opacity%3D%22.7%22%20d%3D%22m24.5%209.269l-10.158%205.203a.75.75%200%200%201-.684%200L2.004%208.503V19.25A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGU3EVhdjL)%22%20d%3D%22M24.5%204.75A3.73%203.73%200%200%200%2022.25%204H5.755a3.75%203.75%200%200%200-3.75%203.75v1.203l11.654%205.969a.75.75%200%200%200%20.684%200L24.927%209.5H24.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8PYtvbCz)%22%20fill-opacity%3D%22.3%22%20d%3D%22M24.5%204.75A3.73%203.73%200%200%200%2022.25%204H5.755a3.75%203.75%200%200%200-3.75%203.75v11.5A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGEhcwGcMI)%22%20fill-opacity%3D%22.3%22%20d%3D%22M24.5%204.75A3.73%203.73%200%200%200%2022.25%204H5.755a3.75%203.75%200%200%200-3.75%203.75v11.5A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSvlLLezf)%22%20fill-opacity%3D%22.3%22%20d%3D%22M24.5%204.75A3.73%203.73%200%200%200%2022.25%204H5.755a3.75%203.75%200%200%200-3.75%203.75v11.5A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHInEyekJ)%22%20fill-opacity%3D%22.3%22%20d%3D%22M24.5%204.75A3.73%203.73%200%200%200%2022.25%204H5.755a3.75%203.75%200%200%200-3.75%203.75v11.5A3.75%203.75%200%200%200%205.754%2023H22.25A3.75%203.75%200%200%200%2026%2019.25V9.5h-1.5z%22%2F%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2211%22%20r%3D%223%22%20fill%3D%22url(%23SVGtIcKAJXb)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8Qrggc1q)%22%20d%3D%22M20.498%201a4.5%204.5%200%200%200-4.5%204.5V8l-1.62%201.876c-.216.25-.325.376-.355.476a.5.5%200%200%200%20.277.606c.096.042.262.042.593.042h11.21c.331%200%20.497%200%20.593-.042a.5.5%200%200%200%20.277-.606c-.03-.1-.139-.225-.356-.476L24.998%208V5.5a4.5%204.5%200%200%200-4.5-4.5%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtG408c5M%22%20x1%3D%2217.5%22%20x2%3D%2223.168%22%20y1%3D%2210.5%22%20y2%3D%2223.701%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.199%22%20stop-color%3D%22%230094f0%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.431%22%20stop-color%3D%22%230094f0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGrLvNhcEu%22%20x1%3D%2210.574%22%20x2%3D%224.55%22%20y1%3D%2210.026%22%20y2%3D%2224.154%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.191%22%20stop-color%3D%22%230094f0%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.431%22%20stop-color%3D%22%230094f0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG49Qp7dwT%22%20x1%3D%2220.329%22%20x2%3D%2221.305%22%20y1%3D%2217.151%22%20y2%3D%2224.345%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232764e7%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232764e7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGOEEeZe0L%22%20x1%3D%2217.716%22%20x2%3D%2219.496%22%20y1%3D%2210.281%22%20y2%3D%2224.921%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.533%22%20stop-color%3D%22%23ff6ce8%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff6ce8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGU3EVhdjL%22%20x1%3D%229.133%22%20x2%3D%2216.477%22%20y1%3D%22.555%22%20y2%3D%2219.789%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236ce0ff%22%2F%3E%3Cstop%20offset%3D%22.462%22%20stop-color%3D%22%2329c3ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234894fe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGtIcKAJXb%22%20x1%3D%2220.519%22%20x2%3D%2220.519%22%20y1%3D%2210.499%22%20y2%3D%2213.999%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eb4824%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcd0f%22%20stop-opacity%3D%22.988%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8Qrggc1q%22%20x1%3D%2227.015%22%20x2%3D%2217.342%22%20y1%3D%2210.996%22%20y2%3D%22.713%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff6f47%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcd0f%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVG8PYtvbCz%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%203%20-3.53125%200%2020.5%2012)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.535%22%20stop-color%3D%22%234a43cb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234a43cb%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGEhcwGcMI%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%202%20-7.45312%200%2020.5%2010.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%234a43cb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234a43cb%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGSvlLLezf%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(1%201%20-1.5%201.5%2015.5%209.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234a43cb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234a43cb%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGHInEyekJ%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%208%20-6.3125%200%2020.5%205.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.535%22%20stop-color%3D%22%234a43cb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234a43cb%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-color/mail-alert-28.svg?color=%231a73e8&size=48