mail clock icon
mail-clock-20 from Fluent UI System Color Icons by Microsoft Corporation · 20 · MIT Free for personal and commercial use.
- Name
- mail-clock-20
- Set
- Fluent UI System Color Icons
- Style
- 20
- Viewbox
- 20×20
- License
- MIT
3 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 clock icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="none"><path fill="#367af2" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGj5XpYbUo3)" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGygvXycNq3)" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGt4VFbc3v3)" fill-opacity=".75" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGdPNFZbrR3)" fill-opacity=".7" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGqtSPpd1q3)" d="M4.5 4A2.5 2.5 0 0 0 2 6.5v.6a.5.5 0 0 0 .247.431l7.5 4.4a.5.5 0 0 0 .506 0l7.5-4.4A.5.5 0 0 0 18 7.1v-.6A2.5 2.5 0 0 0 15.5 4z"/><rect width="16" height="13" x="2" y="4" fill="url(#SVGnJv7q9fb1)" rx="2.5"/><rect width="16" height="13" x="2" y="4" fill="url(#SVGLcpt1Qoo1)" fill-opacity=".3" rx="2.5"/><path fill="url(#SVG9zI3Hafj1)" d="M19 5.5a4.5 4.5 0 1 0-9 0a4.5 4.5 0 0 0 9 0"/><path fill="url(#SVGJaekAP7v1)" fill-rule="evenodd" d="M14.5 3a.5.5 0 0 1 .5.5V5h1a.5.5 0 0 1 0 1h-1.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5" clip-rule="evenodd"/><defs><linearGradient id="SVGj5XpYbUo3" x1="12.031" x2="16.923" y1="8.156" y2="16.616" gradientUnits="userSpaceOnUse"><stop offset=".228" stop-color="#0094f0" stop-opacity="0"/><stop offset=".431" stop-color="#0094f0"/></linearGradient><linearGradient id="SVGygvXycNq3" x1="7.714" x2="2.272" y1="7.158" y2="17.134" gradientUnits="userSpaceOnUse"><stop offset=".228" stop-color="#0094f0" stop-opacity="0"/><stop offset=".431" stop-color="#0094f0"/></linearGradient><linearGradient id="SVGt4VFbc3v3" x1="14.219" x2="15.057" y1="12.563" y2="17.991" gradientUnits="userSpaceOnUse"><stop stop-color="#2764e7" stop-opacity="0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGdPNFZbrR3" x1="12.476" x2="14.006" y1="7.351" y2="18.41" gradientUnits="userSpaceOnUse"><stop offset=".533" stop-color="#ff6ce8" stop-opacity="0"/><stop offset="1" stop-color="#ff6ce8"/></linearGradient><linearGradient id="SVGqtSPpd1q3" x1="6.753" x2="12.394" y1="1.507" y2="15.118" gradientUnits="userSpaceOnUse"><stop stop-color="#6ce0ff"/><stop offset=".462" stop-color="#29c3ff"/><stop offset="1" stop-color="#4894fe"/></linearGradient><linearGradient id="SVG9zI3Hafj1" x1="11.25" x2="15.938" y1="-.25" y2="10" gradientUnits="userSpaceOnUse"><stop stop-color="#1ec8b0"/><stop offset="1" stop-color="#1b44b1"/></linearGradient><linearGradient id="SVGJaekAP7v1" x1="14.219" x2="13.509" y1="3.459" y2="5.892" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#d1d1ff"/></linearGradient><radialGradient id="SVGnJv7q9fb1" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.8125 -7.5625 0 14.563 5.563)" gradientUnits="userSpaceOnUse"><stop offset=".43" stop-color="#3bd5ff"/><stop offset="1" stop-color="#3bd5ff" stop-opacity="0"/></radialGradient><radialGradient id="SVGLcpt1Qoo1" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.5 -5.39062 0 14.5 6.5)" gradientUnits="userSpaceOnUse"><stop offset=".535" stop-color="#4a43cb"/><stop offset="1" stop-color="#4a43cb" stop-opacity="0"/></radialGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentColorMailClock20(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="none"><path fill="#367af2" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGj5XpYbUo3)" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGygvXycNq3)" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGt4VFbc3v3)" fillOpacity=".75" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGdPNFZbrR3)" fillOpacity=".7" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGqtSPpd1q3)" d="M4.5 4A2.5 2.5 0 0 0 2 6.5v.6a.5.5 0 0 0 .247.431l7.5 4.4a.5.5 0 0 0 .506 0l7.5-4.4A.5.5 0 0 0 18 7.1v-.6A2.5 2.5 0 0 0 15.5 4z"/><rect width="16" height="13" x="2" y="4" fill="url(#SVGnJv7q9fb1)" rx="2.5"/><rect width="16" height="13" x="2" y="4" fill="url(#SVGLcpt1Qoo1)" fillOpacity=".3" rx="2.5"/><path fill="url(#SVG9zI3Hafj1)" d="M19 5.5a4.5 4.5 0 1 0-9 0a4.5 4.5 0 0 0 9 0"/><path fill="url(#SVGJaekAP7v1)" fillRule="evenodd" d="M14.5 3a.5.5 0 0 1 .5.5V5h1a.5.5 0 0 1 0 1h-1.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5" clipRule="evenodd"/><defs><linearGradient id="SVGj5XpYbUo3" x1="12.031" x2="16.923" y1="8.156" y2="16.616" gradientUnits="userSpaceOnUse"><stop offset=".228" stopColor="#0094f0" stopOpacity="0"/><stop offset=".431" stopColor="#0094f0"/></linearGradient><linearGradient id="SVGygvXycNq3" x1="7.714" x2="2.272" y1="7.158" y2="17.134" gradientUnits="userSpaceOnUse"><stop offset=".228" stopColor="#0094f0" stopOpacity="0"/><stop offset=".431" stopColor="#0094f0"/></linearGradient><linearGradient id="SVGt4VFbc3v3" x1="14.219" x2="15.057" y1="12.563" y2="17.991" gradientUnits="userSpaceOnUse"><stop stopColor="#2764e7" stopOpacity="0"/><stop offset="1" stopColor="#2764e7"/></linearGradient><linearGradient id="SVGdPNFZbrR3" x1="12.476" x2="14.006" y1="7.351" y2="18.41" gradientUnits="userSpaceOnUse"><stop offset=".533" stopColor="#ff6ce8" stopOpacity="0"/><stop offset="1" stopColor="#ff6ce8"/></linearGradient><linearGradient id="SVGqtSPpd1q3" x1="6.753" x2="12.394" y1="1.507" y2="15.118" gradientUnits="userSpaceOnUse"><stop stopColor="#6ce0ff"/><stop offset=".462" stopColor="#29c3ff"/><stop offset="1" stopColor="#4894fe"/></linearGradient><linearGradient id="SVG9zI3Hafj1" x1="11.25" x2="15.938" y1="-.25" y2="10" gradientUnits="userSpaceOnUse"><stop stopColor="#1ec8b0"/><stop offset="1" stopColor="#1b44b1"/></linearGradient><linearGradient id="SVGJaekAP7v1" x1="14.219" x2="13.509" y1="3.459" y2="5.892" gradientUnits="userSpaceOnUse"><stop stopColor="#fdfdfd"/><stop offset="1" stopColor="#d1d1ff"/></linearGradient><radialGradient id="SVGnJv7q9fb1" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.8125 -7.5625 0 14.563 5.563)" gradientUnits="userSpaceOnUse"><stop offset=".43" stopColor="#3bd5ff"/><stop offset="1" stopColor="#3bd5ff" stopOpacity="0"/></radialGradient><radialGradient id="SVGLcpt1Qoo1" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.5 -5.39062 0 14.5 6.5)" gradientUnits="userSpaceOnUse"><stop offset=".535" stopColor="#4a43cb"/><stop offset="1" stopColor="#4a43cb" stopOpacity="0"/></radialGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="none"><path fill="#367af2" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGj5XpYbUo3)" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGygvXycNq3)" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGt4VFbc3v3)" fill-opacity=".75" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGdPNFZbrR3)" fill-opacity=".7" d="M2.757 6.071A.5.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8a.5.5 0 0 0-.757-.429L10 10.417z"/><path fill="url(#SVGqtSPpd1q3)" d="M4.5 4A2.5 2.5 0 0 0 2 6.5v.6a.5.5 0 0 0 .247.431l7.5 4.4a.5.5 0 0 0 .506 0l7.5-4.4A.5.5 0 0 0 18 7.1v-.6A2.5 2.5 0 0 0 15.5 4z"/><rect width="16" height="13" x="2" y="4" fill="url(#SVGnJv7q9fb1)" rx="2.5"/><rect width="16" height="13" x="2" y="4" fill="url(#SVGLcpt1Qoo1)" fill-opacity=".3" rx="2.5"/><path fill="url(#SVG9zI3Hafj1)" d="M19 5.5a4.5 4.5 0 1 0-9 0a4.5 4.5 0 0 0 9 0"/><path fill="url(#SVGJaekAP7v1)" fill-rule="evenodd" d="M14.5 3a.5.5 0 0 1 .5.5V5h1a.5.5 0 0 1 0 1h-1.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5" clip-rule="evenodd"/><defs><linearGradient id="SVGj5XpYbUo3" x1="12.031" x2="16.923" y1="8.156" y2="16.616" gradientUnits="userSpaceOnUse"><stop offset=".228" stop-color="#0094f0" stop-opacity="0"/><stop offset=".431" stop-color="#0094f0"/></linearGradient><linearGradient id="SVGygvXycNq3" x1="7.714" x2="2.272" y1="7.158" y2="17.134" gradientUnits="userSpaceOnUse"><stop offset=".228" stop-color="#0094f0" stop-opacity="0"/><stop offset=".431" stop-color="#0094f0"/></linearGradient><linearGradient id="SVGt4VFbc3v3" x1="14.219" x2="15.057" y1="12.563" y2="17.991" gradientUnits="userSpaceOnUse"><stop stop-color="#2764e7" stop-opacity="0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGdPNFZbrR3" x1="12.476" x2="14.006" y1="7.351" y2="18.41" gradientUnits="userSpaceOnUse"><stop offset=".533" stop-color="#ff6ce8" stop-opacity="0"/><stop offset="1" stop-color="#ff6ce8"/></linearGradient><linearGradient id="SVGqtSPpd1q3" x1="6.753" x2="12.394" y1="1.507" y2="15.118" gradientUnits="userSpaceOnUse"><stop stop-color="#6ce0ff"/><stop offset=".462" stop-color="#29c3ff"/><stop offset="1" stop-color="#4894fe"/></linearGradient><linearGradient id="SVG9zI3Hafj1" x1="11.25" x2="15.938" y1="-.25" y2="10" gradientUnits="userSpaceOnUse"><stop stop-color="#1ec8b0"/><stop offset="1" stop-color="#1b44b1"/></linearGradient><linearGradient id="SVGJaekAP7v1" x1="14.219" x2="13.509" y1="3.459" y2="5.892" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#d1d1ff"/></linearGradient><radialGradient id="SVGnJv7q9fb1" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.8125 -7.5625 0 14.563 5.563)" gradientUnits="userSpaceOnUse"><stop offset=".43" stop-color="#3bd5ff"/><stop offset="1" stop-color="#3bd5ff" stop-opacity="0"/></radialGradient><radialGradient id="SVGLcpt1Qoo1" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.5 -5.39062 0 14.5 6.5)" gradientUnits="userSpaceOnUse"><stop offset=".535" stop-color="#4a43cb"/><stop offset="1" stop-color="#4a43cb" stop-opacity="0"/></radialGradient></defs></g></svg> </template>
CSS
.icon-mail-clock-20 {
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%2020%2020%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23367af2%22%20d%3D%22M2.757%206.071A.5.5%200%200%200%202%206.5v8A2.5%202.5%200%200%200%204.5%2017h11a2.5%202.5%200%200%200%202.5-2.5v-8a.5.5%200%200%200-.757-.429L10%2010.417z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGj5XpYbUo3)%22%20d%3D%22M2.757%206.071A.5.5%200%200%200%202%206.5v8A2.5%202.5%200%200%200%204.5%2017h11a2.5%202.5%200%200%200%202.5-2.5v-8a.5.5%200%200%200-.757-.429L10%2010.417z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGygvXycNq3)%22%20d%3D%22M2.757%206.071A.5.5%200%200%200%202%206.5v8A2.5%202.5%200%200%200%204.5%2017h11a2.5%202.5%200%200%200%202.5-2.5v-8a.5.5%200%200%200-.757-.429L10%2010.417z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGt4VFbc3v3)%22%20fill-opacity%3D%22.75%22%20d%3D%22M2.757%206.071A.5.5%200%200%200%202%206.5v8A2.5%202.5%200%200%200%204.5%2017h11a2.5%202.5%200%200%200%202.5-2.5v-8a.5.5%200%200%200-.757-.429L10%2010.417z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdPNFZbrR3)%22%20fill-opacity%3D%22.7%22%20d%3D%22M2.757%206.071A.5.5%200%200%200%202%206.5v8A2.5%202.5%200%200%200%204.5%2017h11a2.5%202.5%200%200%200%202.5-2.5v-8a.5.5%200%200%200-.757-.429L10%2010.417z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGqtSPpd1q3)%22%20d%3D%22M4.5%204A2.5%202.5%200%200%200%202%206.5v.6a.5.5%200%200%200%20.247.431l7.5%204.4a.5.5%200%200%200%20.506%200l7.5-4.4A.5.5%200%200%200%2018%207.1v-.6A2.5%202.5%200%200%200%2015.5%204z%22%2F%3E%3Crect%20width%3D%2216%22%20height%3D%2213%22%20x%3D%222%22%20y%3D%224%22%20fill%3D%22url(%23SVGnJv7q9fb1)%22%20rx%3D%222.5%22%2F%3E%3Crect%20width%3D%2216%22%20height%3D%2213%22%20x%3D%222%22%20y%3D%224%22%20fill%3D%22url(%23SVGLcpt1Qoo1)%22%20fill-opacity%3D%22.3%22%20rx%3D%222.5%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9zI3Hafj1)%22%20d%3D%22M19%205.5a4.5%204.5%200%201%200-9%200a4.5%204.5%200%200%200%209%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJaekAP7v1)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.5%203a.5.5%200%200%201%20.5.5V5h1a.5.5%200%200%201%200%201h-1.5a.5.5%200%200%201-.5-.5v-2a.5.5%200%200%201%20.5-.5%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGj5XpYbUo3%22%20x1%3D%2212.031%22%20x2%3D%2216.923%22%20y1%3D%228.156%22%20y2%3D%2216.616%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.228%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%22SVGygvXycNq3%22%20x1%3D%227.714%22%20x2%3D%222.272%22%20y1%3D%227.158%22%20y2%3D%2217.134%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.228%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%22SVGt4VFbc3v3%22%20x1%3D%2214.219%22%20x2%3D%2215.057%22%20y1%3D%2212.563%22%20y2%3D%2217.991%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%22SVGdPNFZbrR3%22%20x1%3D%2212.476%22%20x2%3D%2214.006%22%20y1%3D%227.351%22%20y2%3D%2218.41%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%22SVGqtSPpd1q3%22%20x1%3D%226.753%22%20x2%3D%2212.394%22%20y1%3D%221.507%22%20y2%3D%2215.118%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%22SVG9zI3Hafj1%22%20x1%3D%2211.25%22%20x2%3D%2215.938%22%20y1%3D%22-.25%22%20y2%3D%2210%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231ec8b0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231b44b1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGJaekAP7v1%22%20x1%3D%2214.219%22%20x2%3D%2213.509%22%20y1%3D%223.459%22%20y2%3D%225.892%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfdfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d1d1ff%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGnJv7q9fb1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%205.8125%20-7.5625%200%2014.563%205.563)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.43%22%20stop-color%3D%22%233bd5ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233bd5ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGLcpt1Qoo1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%205.5%20-5.39062%200%2014.5%206.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%2020%2020%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23367af2%22%20d%3D%22M2.757%206.071A.5.5%200%200%200%202%206.5v8A2.5%202.5%200%200%200%204.5%2017h11a2.5%202.5%200%200%200%202.5-2.5v-8a.5.5%200%200%200-.757-.429L10%2010.417z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGj5XpYbUo3)%22%20d%3D%22M2.757%206.071A.5.5%200%200%200%202%206.5v8A2.5%202.5%200%200%200%204.5%2017h11a2.5%202.5%200%200%200%202.5-2.5v-8a.5.5%200%200%200-.757-.429L10%2010.417z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGygvXycNq3)%22%20d%3D%22M2.757%206.071A.5.5%200%200%200%202%206.5v8A2.5%202.5%200%200%200%204.5%2017h11a2.5%202.5%200%200%200%202.5-2.5v-8a.5.5%200%200%200-.757-.429L10%2010.417z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGt4VFbc3v3)%22%20fill-opacity%3D%22.75%22%20d%3D%22M2.757%206.071A.5.5%200%200%200%202%206.5v8A2.5%202.5%200%200%200%204.5%2017h11a2.5%202.5%200%200%200%202.5-2.5v-8a.5.5%200%200%200-.757-.429L10%2010.417z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdPNFZbrR3)%22%20fill-opacity%3D%22.7%22%20d%3D%22M2.757%206.071A.5.5%200%200%200%202%206.5v8A2.5%202.5%200%200%200%204.5%2017h11a2.5%202.5%200%200%200%202.5-2.5v-8a.5.5%200%200%200-.757-.429L10%2010.417z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGqtSPpd1q3)%22%20d%3D%22M4.5%204A2.5%202.5%200%200%200%202%206.5v.6a.5.5%200%200%200%20.247.431l7.5%204.4a.5.5%200%200%200%20.506%200l7.5-4.4A.5.5%200%200%200%2018%207.1v-.6A2.5%202.5%200%200%200%2015.5%204z%22%2F%3E%3Crect%20width%3D%2216%22%20height%3D%2213%22%20x%3D%222%22%20y%3D%224%22%20fill%3D%22url(%23SVGnJv7q9fb1)%22%20rx%3D%222.5%22%2F%3E%3Crect%20width%3D%2216%22%20height%3D%2213%22%20x%3D%222%22%20y%3D%224%22%20fill%3D%22url(%23SVGLcpt1Qoo1)%22%20fill-opacity%3D%22.3%22%20rx%3D%222.5%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9zI3Hafj1)%22%20d%3D%22M19%205.5a4.5%204.5%200%201%200-9%200a4.5%204.5%200%200%200%209%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJaekAP7v1)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.5%203a.5.5%200%200%201%20.5.5V5h1a.5.5%200%200%201%200%201h-1.5a.5.5%200%200%201-.5-.5v-2a.5.5%200%200%201%20.5-.5%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGj5XpYbUo3%22%20x1%3D%2212.031%22%20x2%3D%2216.923%22%20y1%3D%228.156%22%20y2%3D%2216.616%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.228%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%22SVGygvXycNq3%22%20x1%3D%227.714%22%20x2%3D%222.272%22%20y1%3D%227.158%22%20y2%3D%2217.134%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.228%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%22SVGt4VFbc3v3%22%20x1%3D%2214.219%22%20x2%3D%2215.057%22%20y1%3D%2212.563%22%20y2%3D%2217.991%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%22SVGdPNFZbrR3%22%20x1%3D%2212.476%22%20x2%3D%2214.006%22%20y1%3D%227.351%22%20y2%3D%2218.41%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%22SVGqtSPpd1q3%22%20x1%3D%226.753%22%20x2%3D%2212.394%22%20y1%3D%221.507%22%20y2%3D%2215.118%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%22SVG9zI3Hafj1%22%20x1%3D%2211.25%22%20x2%3D%2215.938%22%20y1%3D%22-.25%22%20y2%3D%2210%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231ec8b0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231b44b1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGJaekAP7v1%22%20x1%3D%2214.219%22%20x2%3D%2213.509%22%20y1%3D%223.459%22%20y2%3D%225.892%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfdfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d1d1ff%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGnJv7q9fb1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%205.8125%20-7.5625%200%2014.563%205.563)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.43%22%20stop-color%3D%22%233bd5ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233bd5ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGLcpt1Qoo1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%205.5%20-5.39062%200%2014.5%206.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-clock-20.svg?color=%231a73e8&size=48
