calendar edit icon

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 calendar edit icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="none"><path fill="url(#SVGHsod3b4v1)" d="M3 6h14v7.692L12.222 17H5.5A2.5 2.5 0 0 1 3 14.5z"/><path fill="url(#SVGBQaaD6nJ2)" d="M3 6h14v7.692L12.222 17H5.5A2.5 2.5 0 0 1 3 14.5z"/><path fill="url(#SVGNxHNNbOJ1)" fill-opacity=".3" d="M3 6h14v7.692L12.222 17H5.5A2.5 2.5 0 0 1 3 14.5z"/><g filter="url(#SVGTU8OEeDe1)"><path fill="url(#SVG9j5bOdOA1)" d="M8 10a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill="url(#SVG9j5bOdOA1)" d="M8 13a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill="url(#SVG9j5bOdOA1)" d="M11 13a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill="url(#SVG9j5bOdOA1)" d="M10 11a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#SVG9j5bOdOA1)" d="M14 10a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></g><path fill="url(#SVG6uWZGdor1)" d="M17 5.5A2.5 2.5 0 0 0 14.5 3h-9A2.5 2.5 0 0 0 3 5.5V7h14z"/><path fill="url(#SVG7OVUGb4A1)" d="M14.352 12h2.64v2.646l-3.371 3.376a2.2 2.2 0 0 1-1.02.578l-1.496.375a.89.89 0 0 1-1.078-1.079l.374-1.498a2.2 2.2 0 0 1 .578-1.021z"/><path fill="url(#SVGwOxhZdgd1)" d="M13.485 18.143a2.2 2.2 0 0 1-.884.453l-1.496.375a.89.89 0 0 1-1.078-1.079l.374-1.498c.08-.318.229-.613.436-.864a3.5 3.5 0 0 0 2.648 2.613"/><path fill="url(#SVGDVKQLbRW1)" d="m14.54 11.82l1.271-1.272a1.87 1.87 0 0 1 2.642 2.644l-1.174 1.175z"/><path fill="url(#SVGTJpfpQeq1)" d="M18.002 13.647A3.5 3.5 0 0 1 15.344 11l-.999 1a3.5 3.5 0 0 0 2.658 2.647z"/><defs><linearGradient id="SVGHsod3b4v1" x1="12.528" x2="8.499" y1="18.351" y2="6.56" gradientUnits="userSpaceOnUse"><stop stop-color="#b3e0ff"/><stop offset="1" stop-color="#b3e0ff"/></linearGradient><linearGradient id="SVGBQaaD6nJ2" x1="11.5" x2="13.5" y1="10.5" y2="19.5" gradientUnits="userSpaceOnUse"><stop stop-color="#dcf8ff" stop-opacity="0"/><stop offset="1" stop-color="#ff6ce8" stop-opacity=".7"/></linearGradient><linearGradient id="SVG9j5bOdOA1" x1="9.273" x2="10.913" y1="8.423" y2="18.392" gradientUnits="userSpaceOnUse"><stop stop-color="#0078d4"/><stop offset="1" stop-color="#0067bf"/></linearGradient><linearGradient id="SVG6uWZGdor1" x1="3" x2="15.018" y1="3" y2="-.772" gradientUnits="userSpaceOnUse"><stop stop-color="#0094f0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVG7OVUGb4A1" x1="11.855" x2="15.286" y1="13.718" y2="17.149" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa43d"/><stop offset="1" stop-color="#fb5937"/></linearGradient><linearGradient id="SVGwOxhZdgd1" x1="9.501" x2="12.001" y1="16.496" y2="18.993" gradientUnits="userSpaceOnUse"><stop offset=".255" stop-color="#ffd394"/><stop offset="1" stop-color="#ff921f"/></linearGradient><linearGradient id="SVGDVKQLbRW1" x1="18.067" x2="16.455" y1="10.909" y2="12.456" gradientUnits="userSpaceOnUse"><stop stop-color="#f97dbd"/><stop offset="1" stop-color="#dd3ce2"/></linearGradient><linearGradient id="SVGTJpfpQeq1" x1="16.236" x2="13.655" y1="13.496" y2="12.364" gradientUnits="userSpaceOnUse"><stop stop-color="#ff921f"/><stop offset="1" stop-color="#ffe994"/></linearGradient><radialGradient id="SVGNxHNNbOJ1" cx="0" cy="0" r="1" gradientTransform="matrix(-6.50003 5.49996 -2.53912 -3.00081 15 15)" gradientUnits="userSpaceOnUse"><stop offset=".535" stop-color="#4a43cb"/><stop offset="1" stop-color="#4a43cb" stop-opacity="0"/></radialGradient><filter id="SVGTU8OEeDe1" width="10.667" height="7.667" x="4.667" y="8.333" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".667"/><feGaussianBlur stdDeviation=".667"/><feColorMatrix values="0 0 0 0 0.1242 0 0 0 0 0.323337 0 0 0 0 0.7958 0 0 0 0.32 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_72095_10133"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_72095_10133" result="shape"/></filter></defs></g></svg>

import type { SVGProps } from "react";

export function FluentColorCalendarEdit20(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="url(#SVGHsod3b4v1)" d="M3 6h14v7.692L12.222 17H5.5A2.5 2.5 0 0 1 3 14.5z"/><path fill="url(#SVGBQaaD6nJ2)" d="M3 6h14v7.692L12.222 17H5.5A2.5 2.5 0 0 1 3 14.5z"/><path fill="url(#SVGNxHNNbOJ1)" fillOpacity=".3" d="M3 6h14v7.692L12.222 17H5.5A2.5 2.5 0 0 1 3 14.5z"/><g filter="url(#SVGTU8OEeDe1)"><path fill="url(#SVG9j5bOdOA1)" d="M8 10a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill="url(#SVG9j5bOdOA1)" d="M8 13a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill="url(#SVG9j5bOdOA1)" d="M11 13a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill="url(#SVG9j5bOdOA1)" d="M10 11a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#SVG9j5bOdOA1)" d="M14 10a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></g><path fill="url(#SVG6uWZGdor1)" d="M17 5.5A2.5 2.5 0 0 0 14.5 3h-9A2.5 2.5 0 0 0 3 5.5V7h14z"/><path fill="url(#SVG7OVUGb4A1)" d="M14.352 12h2.64v2.646l-3.371 3.376a2.2 2.2 0 0 1-1.02.578l-1.496.375a.89.89 0 0 1-1.078-1.079l.374-1.498a2.2 2.2 0 0 1 .578-1.021z"/><path fill="url(#SVGwOxhZdgd1)" d="M13.485 18.143a2.2 2.2 0 0 1-.884.453l-1.496.375a.89.89 0 0 1-1.078-1.079l.374-1.498c.08-.318.229-.613.436-.864a3.5 3.5 0 0 0 2.648 2.613"/><path fill="url(#SVGDVKQLbRW1)" d="m14.54 11.82l1.271-1.272a1.87 1.87 0 0 1 2.642 2.644l-1.174 1.175z"/><path fill="url(#SVGTJpfpQeq1)" d="M18.002 13.647A3.5 3.5 0 0 1 15.344 11l-.999 1a3.5 3.5 0 0 0 2.658 2.647z"/><defs><linearGradient id="SVGHsod3b4v1" x1="12.528" x2="8.499" y1="18.351" y2="6.56" gradientUnits="userSpaceOnUse"><stop stopColor="#b3e0ff"/><stop offset="1" stopColor="#b3e0ff"/></linearGradient><linearGradient id="SVGBQaaD6nJ2" x1="11.5" x2="13.5" y1="10.5" y2="19.5" gradientUnits="userSpaceOnUse"><stop stopColor="#dcf8ff" stopOpacity="0"/><stop offset="1" stopColor="#ff6ce8" stopOpacity=".7"/></linearGradient><linearGradient id="SVG9j5bOdOA1" x1="9.273" x2="10.913" y1="8.423" y2="18.392" gradientUnits="userSpaceOnUse"><stop stopColor="#0078d4"/><stop offset="1" stopColor="#0067bf"/></linearGradient><linearGradient id="SVG6uWZGdor1" x1="3" x2="15.018" y1="3" y2="-.772" gradientUnits="userSpaceOnUse"><stop stopColor="#0094f0"/><stop offset="1" stopColor="#2764e7"/></linearGradient><linearGradient id="SVG7OVUGb4A1" x1="11.855" x2="15.286" y1="13.718" y2="17.149" gradientUnits="userSpaceOnUse"><stop stopColor="#ffa43d"/><stop offset="1" stopColor="#fb5937"/></linearGradient><linearGradient id="SVGwOxhZdgd1" x1="9.501" x2="12.001" y1="16.496" y2="18.993" gradientUnits="userSpaceOnUse"><stop offset=".255" stopColor="#ffd394"/><stop offset="1" stopColor="#ff921f"/></linearGradient><linearGradient id="SVGDVKQLbRW1" x1="18.067" x2="16.455" y1="10.909" y2="12.456" gradientUnits="userSpaceOnUse"><stop stopColor="#f97dbd"/><stop offset="1" stopColor="#dd3ce2"/></linearGradient><linearGradient id="SVGTJpfpQeq1" x1="16.236" x2="13.655" y1="13.496" y2="12.364" gradientUnits="userSpaceOnUse"><stop stopColor="#ff921f"/><stop offset="1" stopColor="#ffe994"/></linearGradient><radialGradient id="SVGNxHNNbOJ1" cx="0" cy="0" r="1" gradientTransform="matrix(-6.50003 5.49996 -2.53912 -3.00081 15 15)" gradientUnits="userSpaceOnUse"><stop offset=".535" stopColor="#4a43cb"/><stop offset="1" stopColor="#4a43cb" stopOpacity="0"/></radialGradient><filter id="SVGTU8OEeDe1" width="10.667" height="7.667" x="4.667" y="8.333" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".667"/><feGaussianBlur stdDeviation=".667"/><feColorMatrix values="0 0 0 0 0.1242 0 0 0 0 0.323337 0 0 0 0 0.7958 0 0 0 0.32 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_72095_10133"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_72095_10133" result="shape"/></filter></defs></g></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="none"><path fill="url(#SVGHsod3b4v1)" d="M3 6h14v7.692L12.222 17H5.5A2.5 2.5 0 0 1 3 14.5z"/><path fill="url(#SVGBQaaD6nJ2)" d="M3 6h14v7.692L12.222 17H5.5A2.5 2.5 0 0 1 3 14.5z"/><path fill="url(#SVGNxHNNbOJ1)" fill-opacity=".3" d="M3 6h14v7.692L12.222 17H5.5A2.5 2.5 0 0 1 3 14.5z"/><g filter="url(#SVGTU8OEeDe1)"><path fill="url(#SVG9j5bOdOA1)" d="M8 10a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill="url(#SVG9j5bOdOA1)" d="M8 13a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill="url(#SVG9j5bOdOA1)" d="M11 13a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill="url(#SVG9j5bOdOA1)" d="M10 11a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#SVG9j5bOdOA1)" d="M14 10a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></g><path fill="url(#SVG6uWZGdor1)" d="M17 5.5A2.5 2.5 0 0 0 14.5 3h-9A2.5 2.5 0 0 0 3 5.5V7h14z"/><path fill="url(#SVG7OVUGb4A1)" d="M14.352 12h2.64v2.646l-3.371 3.376a2.2 2.2 0 0 1-1.02.578l-1.496.375a.89.89 0 0 1-1.078-1.079l.374-1.498a2.2 2.2 0 0 1 .578-1.021z"/><path fill="url(#SVGwOxhZdgd1)" d="M13.485 18.143a2.2 2.2 0 0 1-.884.453l-1.496.375a.89.89 0 0 1-1.078-1.079l.374-1.498c.08-.318.229-.613.436-.864a3.5 3.5 0 0 0 2.648 2.613"/><path fill="url(#SVGDVKQLbRW1)" d="m14.54 11.82l1.271-1.272a1.87 1.87 0 0 1 2.642 2.644l-1.174 1.175z"/><path fill="url(#SVGTJpfpQeq1)" d="M18.002 13.647A3.5 3.5 0 0 1 15.344 11l-.999 1a3.5 3.5 0 0 0 2.658 2.647z"/><defs><linearGradient id="SVGHsod3b4v1" x1="12.528" x2="8.499" y1="18.351" y2="6.56" gradientUnits="userSpaceOnUse"><stop stop-color="#b3e0ff"/><stop offset="1" stop-color="#b3e0ff"/></linearGradient><linearGradient id="SVGBQaaD6nJ2" x1="11.5" x2="13.5" y1="10.5" y2="19.5" gradientUnits="userSpaceOnUse"><stop stop-color="#dcf8ff" stop-opacity="0"/><stop offset="1" stop-color="#ff6ce8" stop-opacity=".7"/></linearGradient><linearGradient id="SVG9j5bOdOA1" x1="9.273" x2="10.913" y1="8.423" y2="18.392" gradientUnits="userSpaceOnUse"><stop stop-color="#0078d4"/><stop offset="1" stop-color="#0067bf"/></linearGradient><linearGradient id="SVG6uWZGdor1" x1="3" x2="15.018" y1="3" y2="-.772" gradientUnits="userSpaceOnUse"><stop stop-color="#0094f0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVG7OVUGb4A1" x1="11.855" x2="15.286" y1="13.718" y2="17.149" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa43d"/><stop offset="1" stop-color="#fb5937"/></linearGradient><linearGradient id="SVGwOxhZdgd1" x1="9.501" x2="12.001" y1="16.496" y2="18.993" gradientUnits="userSpaceOnUse"><stop offset=".255" stop-color="#ffd394"/><stop offset="1" stop-color="#ff921f"/></linearGradient><linearGradient id="SVGDVKQLbRW1" x1="18.067" x2="16.455" y1="10.909" y2="12.456" gradientUnits="userSpaceOnUse"><stop stop-color="#f97dbd"/><stop offset="1" stop-color="#dd3ce2"/></linearGradient><linearGradient id="SVGTJpfpQeq1" x1="16.236" x2="13.655" y1="13.496" y2="12.364" gradientUnits="userSpaceOnUse"><stop stop-color="#ff921f"/><stop offset="1" stop-color="#ffe994"/></linearGradient><radialGradient id="SVGNxHNNbOJ1" cx="0" cy="0" r="1" gradientTransform="matrix(-6.50003 5.49996 -2.53912 -3.00081 15 15)" gradientUnits="userSpaceOnUse"><stop offset=".535" stop-color="#4a43cb"/><stop offset="1" stop-color="#4a43cb" stop-opacity="0"/></radialGradient><filter id="SVGTU8OEeDe1" width="10.667" height="7.667" x="4.667" y="8.333" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".667"/><feGaussianBlur stdDeviation=".667"/><feColorMatrix values="0 0 0 0 0.1242 0 0 0 0 0.323337 0 0 0 0 0.7958 0 0 0 0.32 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_72095_10133"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_72095_10133" result="shape"/></filter></defs></g></svg>
</template>

.icon-calendar-edit-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%22url(%23SVGHsod3b4v1)%22%20d%3D%22M3%206h14v7.692L12.222%2017H5.5A2.5%202.5%200%200%201%203%2014.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBQaaD6nJ2)%22%20d%3D%22M3%206h14v7.692L12.222%2017H5.5A2.5%202.5%200%200%201%203%2014.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNxHNNbOJ1)%22%20fill-opacity%3D%22.3%22%20d%3D%22M3%206h14v7.692L12.222%2017H5.5A2.5%202.5%200%200%201%203%2014.5z%22%2F%3E%3Cg%20filter%3D%22url(%23SVGTU8OEeDe1)%22%3E%3Cpath%20fill%3D%22url(%23SVG9j5bOdOA1)%22%20d%3D%22M8%2010a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9j5bOdOA1)%22%20d%3D%22M8%2013a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9j5bOdOA1)%22%20d%3D%22M11%2013a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9j5bOdOA1)%22%20d%3D%22M10%2011a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9j5bOdOA1)%22%20d%3D%22M14%2010a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23SVG6uWZGdor1)%22%20d%3D%22M17%205.5A2.5%202.5%200%200%200%2014.5%203h-9A2.5%202.5%200%200%200%203%205.5V7h14z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7OVUGb4A1)%22%20d%3D%22M14.352%2012h2.64v2.646l-3.371%203.376a2.2%202.2%200%200%201-1.02.578l-1.496.375a.89.89%200%200%201-1.078-1.079l.374-1.498a2.2%202.2%200%200%201%20.578-1.021z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGwOxhZdgd1)%22%20d%3D%22M13.485%2018.143a2.2%202.2%200%200%201-.884.453l-1.496.375a.89.89%200%200%201-1.078-1.079l.374-1.498c.08-.318.229-.613.436-.864a3.5%203.5%200%200%200%202.648%202.613%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGDVKQLbRW1)%22%20d%3D%22m14.54%2011.82l1.271-1.272a1.87%201.87%200%200%201%202.642%202.644l-1.174%201.175z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGTJpfpQeq1)%22%20d%3D%22M18.002%2013.647A3.5%203.5%200%200%201%2015.344%2011l-.999%201a3.5%203.5%200%200%200%202.658%202.647z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGHsod3b4v1%22%20x1%3D%2212.528%22%20x2%3D%228.499%22%20y1%3D%2218.351%22%20y2%3D%226.56%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b3e0ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b3e0ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGBQaaD6nJ2%22%20x1%3D%2211.5%22%20x2%3D%2213.5%22%20y1%3D%2210.5%22%20y2%3D%2219.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23dcf8ff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff6ce8%22%20stop-opacity%3D%22.7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG9j5bOdOA1%22%20x1%3D%229.273%22%20x2%3D%2210.913%22%20y1%3D%228.423%22%20y2%3D%2218.392%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230078d4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230067bf%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG6uWZGdor1%22%20x1%3D%223%22%20x2%3D%2215.018%22%20y1%3D%223%22%20y2%3D%22-.772%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230094f0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232764e7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG7OVUGb4A1%22%20x1%3D%2211.855%22%20x2%3D%2215.286%22%20y1%3D%2213.718%22%20y2%3D%2217.149%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffa43d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fb5937%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGwOxhZdgd1%22%20x1%3D%229.501%22%20x2%3D%2212.001%22%20y1%3D%2216.496%22%20y2%3D%2218.993%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.255%22%20stop-color%3D%22%23ffd394%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff921f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGDVKQLbRW1%22%20x1%3D%2218.067%22%20x2%3D%2216.455%22%20y1%3D%2210.909%22%20y2%3D%2212.456%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f97dbd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dd3ce2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGTJpfpQeq1%22%20x1%3D%2216.236%22%20x2%3D%2213.655%22%20y1%3D%2213.496%22%20y2%3D%2212.364%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff921f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffe994%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGNxHNNbOJ1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-6.50003%205.49996%20-2.53912%20-3.00081%2015%2015)%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%3Cfilter%20id%3D%22SVGTU8OEeDe1%22%20width%3D%2210.667%22%20height%3D%227.667%22%20x%3D%224.667%22%20y%3D%228.333%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.667%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.667%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.1242%200%200%200%200%200.323337%200%200%200%200%200.7958%200%200%200%200.32%200%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_72095_10133%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_72095_10133%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%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%22url(%23SVGHsod3b4v1)%22%20d%3D%22M3%206h14v7.692L12.222%2017H5.5A2.5%202.5%200%200%201%203%2014.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBQaaD6nJ2)%22%20d%3D%22M3%206h14v7.692L12.222%2017H5.5A2.5%202.5%200%200%201%203%2014.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNxHNNbOJ1)%22%20fill-opacity%3D%22.3%22%20d%3D%22M3%206h14v7.692L12.222%2017H5.5A2.5%202.5%200%200%201%203%2014.5z%22%2F%3E%3Cg%20filter%3D%22url(%23SVGTU8OEeDe1)%22%3E%3Cpath%20fill%3D%22url(%23SVG9j5bOdOA1)%22%20d%3D%22M8%2010a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9j5bOdOA1)%22%20d%3D%22M8%2013a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9j5bOdOA1)%22%20d%3D%22M11%2013a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9j5bOdOA1)%22%20d%3D%22M10%2011a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9j5bOdOA1)%22%20d%3D%22M14%2010a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23SVG6uWZGdor1)%22%20d%3D%22M17%205.5A2.5%202.5%200%200%200%2014.5%203h-9A2.5%202.5%200%200%200%203%205.5V7h14z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7OVUGb4A1)%22%20d%3D%22M14.352%2012h2.64v2.646l-3.371%203.376a2.2%202.2%200%200%201-1.02.578l-1.496.375a.89.89%200%200%201-1.078-1.079l.374-1.498a2.2%202.2%200%200%201%20.578-1.021z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGwOxhZdgd1)%22%20d%3D%22M13.485%2018.143a2.2%202.2%200%200%201-.884.453l-1.496.375a.89.89%200%200%201-1.078-1.079l.374-1.498c.08-.318.229-.613.436-.864a3.5%203.5%200%200%200%202.648%202.613%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGDVKQLbRW1)%22%20d%3D%22m14.54%2011.82l1.271-1.272a1.87%201.87%200%200%201%202.642%202.644l-1.174%201.175z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGTJpfpQeq1)%22%20d%3D%22M18.002%2013.647A3.5%203.5%200%200%201%2015.344%2011l-.999%201a3.5%203.5%200%200%200%202.658%202.647z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGHsod3b4v1%22%20x1%3D%2212.528%22%20x2%3D%228.499%22%20y1%3D%2218.351%22%20y2%3D%226.56%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b3e0ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b3e0ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGBQaaD6nJ2%22%20x1%3D%2211.5%22%20x2%3D%2213.5%22%20y1%3D%2210.5%22%20y2%3D%2219.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23dcf8ff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff6ce8%22%20stop-opacity%3D%22.7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG9j5bOdOA1%22%20x1%3D%229.273%22%20x2%3D%2210.913%22%20y1%3D%228.423%22%20y2%3D%2218.392%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230078d4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230067bf%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG6uWZGdor1%22%20x1%3D%223%22%20x2%3D%2215.018%22%20y1%3D%223%22%20y2%3D%22-.772%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230094f0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232764e7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG7OVUGb4A1%22%20x1%3D%2211.855%22%20x2%3D%2215.286%22%20y1%3D%2213.718%22%20y2%3D%2217.149%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffa43d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fb5937%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGwOxhZdgd1%22%20x1%3D%229.501%22%20x2%3D%2212.001%22%20y1%3D%2216.496%22%20y2%3D%2218.993%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.255%22%20stop-color%3D%22%23ffd394%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff921f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGDVKQLbRW1%22%20x1%3D%2218.067%22%20x2%3D%2216.455%22%20y1%3D%2210.909%22%20y2%3D%2212.456%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f97dbd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dd3ce2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGTJpfpQeq1%22%20x1%3D%2216.236%22%20x2%3D%2213.655%22%20y1%3D%2213.496%22%20y2%3D%2212.364%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff921f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffe994%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGNxHNNbOJ1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-6.50003%205.49996%20-2.53912%20-3.00081%2015%2015)%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%3Cfilter%20id%3D%22SVGTU8OEeDe1%22%20width%3D%2210.667%22%20height%3D%227.667%22%20x%3D%224.667%22%20y%3D%228.333%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.667%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.667%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.1242%200%200%200%200%200.323337%200%200%200%200%200.7958%200%200%200%200.32%200%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_72095_10133%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_72095_10133%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%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/calendar-edit-20.svg?color=%231a73e8&size=48