clock alarm icon

clock-alarm-20 from Fluent UI System Color Icons by Microsoft Corporation · 20 · MIT Free for personal and commercial use.

Name: clock-alarm-20
Set: Fluent UI System Color Icons
Style: 20
Viewbox: 20×20
License: MIT

4 other variants in Fluent UI System Color Icons

clock-alarm-16 clock-alarm-24 clock-alarm-32 clock-alarm-48

The same icon in other sets

clock-alarm-16-filledFluent UI System Icons

Use the clock alarm icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><g fill="none"><path fill="url(#SVGyWmSIegJ1)" d="M16.231 8.144a3.25 3.25 0 1 0-4.375-4.375a6.51 6.51 0 0 1 4.375 4.375"/><path fill="url(#SVGWQhxZdQB1)" d="M16.231 8.144a3.25 3.25 0 1 0-4.375-4.375a6.51 6.51 0 0 1 4.375 4.375"/><path fill="url(#SVGyPj9tdmh1)" d="M8.144 3.769a6.51 6.51 0 0 0-4.375 4.375a3.25 3.25 0 1 1 4.375-4.375"/><path fill="url(#SVGhPheedNi1)" d="M8.144 3.769a6.51 6.51 0 0 0-4.375 4.375a3.25 3.25 0 1 1 4.375-4.375"/><path fill="url(#SVGY9it9b7E1)" d="m3.854 16.854l2-2l-.708-.707l-2 2a.5.5 0 1 0 .708.707"/><path fill="url(#SVGY9it9b7E1)" d="m16.854 16.147l-2-2l-.708.707l2 2a.5.5 0 0 0 .708-.707"/><path fill="url(#SVGfA4ioc6T1)" d="M17 10a7 7 0 1 1-14 0a7 7 0 0 1 14 0"/><path fill="url(#SVGoP16v34g1)" d="M15.75 10a5.75 5.75 0 1 1-11.5 0a5.75 5.75 0 0 1 11.5 0"/><path fill="url(#SVGuMeFAb9U1)" fill-rule="evenodd" d="M9.5 6a.5.5 0 0 1 .5.5V10h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5" clip-rule="evenodd"/><defs><linearGradient id="SVGyWmSIegJ1" x1="18.009" x2="12.174" y1="8.141" y2="3.368" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6f47"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGyPj9tdmh1" x1="8.152" x2="2.317" y1="8.141" y2="3.368" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6f47"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGY9it9b7E1" x1="3" x2="3.547" y1="12.921" y2="17.946" gradientUnits="userSpaceOnUse"><stop stop-color="#cad2d9"/><stop offset="1" stop-color="#70777d"/></linearGradient><linearGradient id="SVGfA4ioc6T1" x1="5.333" x2="12.333" y1="2.222" y2="17.778" gradientUnits="userSpaceOnUse"><stop stop-color="#1ec8b0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGoP16v34g1" x1="6" x2="13.5" y1="3" y2="19" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#dedeff"/></linearGradient><linearGradient id="SVGuMeFAb9U1" x1="10" x2="12.358" y1="6.278" y2="10.207" gradientUnits="userSpaceOnUse"><stop stop-color="#1ec8b0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><radialGradient id="SVGWQhxZdQB1" cx="0" cy="0" r="1" gradientTransform="matrix(6.5 -6.5 6.5 6.5 10 10)" gradientUnits="userSpaceOnUse"><stop offset=".644" stop-color="#ff6f47"/><stop offset=".942" stop-color="#ff6f47" stop-opacity="0"/></radialGradient><radialGradient id="SVGhPheedNi1" cx="0" cy="0" r="1" gradientTransform="matrix(-6.5 -6.5 6.5 -6.5 10 10)" gradientUnits="userSpaceOnUse"><stop offset=".659" stop-color="#ff6f47"/><stop offset=".949" stop-color="#ff6f47" stop-opacity="0"/></radialGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentColorClockAlarm20(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(#SVGyWmSIegJ1)" d="M16.231 8.144a3.25 3.25 0 1 0-4.375-4.375a6.51 6.51 0 0 1 4.375 4.375"/><path fill="url(#SVGWQhxZdQB1)" d="M16.231 8.144a3.25 3.25 0 1 0-4.375-4.375a6.51 6.51 0 0 1 4.375 4.375"/><path fill="url(#SVGyPj9tdmh1)" d="M8.144 3.769a6.51 6.51 0 0 0-4.375 4.375a3.25 3.25 0 1 1 4.375-4.375"/><path fill="url(#SVGhPheedNi1)" d="M8.144 3.769a6.51 6.51 0 0 0-4.375 4.375a3.25 3.25 0 1 1 4.375-4.375"/><path fill="url(#SVGY9it9b7E1)" d="m3.854 16.854l2-2l-.708-.707l-2 2a.5.5 0 1 0 .708.707"/><path fill="url(#SVGY9it9b7E1)" d="m16.854 16.147l-2-2l-.708.707l2 2a.5.5 0 0 0 .708-.707"/><path fill="url(#SVGfA4ioc6T1)" d="M17 10a7 7 0 1 1-14 0a7 7 0 0 1 14 0"/><path fill="url(#SVGoP16v34g1)" d="M15.75 10a5.75 5.75 0 1 1-11.5 0a5.75 5.75 0 0 1 11.5 0"/><path fill="url(#SVGuMeFAb9U1)" fillRule="evenodd" d="M9.5 6a.5.5 0 0 1 .5.5V10h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5" clipRule="evenodd"/><defs><linearGradient id="SVGyWmSIegJ1" x1="18.009" x2="12.174" y1="8.141" y2="3.368" gradientUnits="userSpaceOnUse"><stop stopColor="#ff6f47"/><stop offset="1" stopColor="#ffcd0f"/></linearGradient><linearGradient id="SVGyPj9tdmh1" x1="8.152" x2="2.317" y1="8.141" y2="3.368" gradientUnits="userSpaceOnUse"><stop stopColor="#ff6f47"/><stop offset="1" stopColor="#ffcd0f"/></linearGradient><linearGradient id="SVGY9it9b7E1" x1="3" x2="3.547" y1="12.921" y2="17.946" gradientUnits="userSpaceOnUse"><stop stopColor="#cad2d9"/><stop offset="1" stopColor="#70777d"/></linearGradient><linearGradient id="SVGfA4ioc6T1" x1="5.333" x2="12.333" y1="2.222" y2="17.778" gradientUnits="userSpaceOnUse"><stop stopColor="#1ec8b0"/><stop offset="1" stopColor="#2764e7"/></linearGradient><linearGradient id="SVGoP16v34g1" x1="6" x2="13.5" y1="3" y2="19" gradientUnits="userSpaceOnUse"><stop stopColor="#fdfdfd"/><stop offset="1" stopColor="#dedeff"/></linearGradient><linearGradient id="SVGuMeFAb9U1" x1="10" x2="12.358" y1="6.278" y2="10.207" gradientUnits="userSpaceOnUse"><stop stopColor="#1ec8b0"/><stop offset="1" stopColor="#2764e7"/></linearGradient><radialGradient id="SVGWQhxZdQB1" cx="0" cy="0" r="1" gradientTransform="matrix(6.5 -6.5 6.5 6.5 10 10)" gradientUnits="userSpaceOnUse"><stop offset=".644" stopColor="#ff6f47"/><stop offset=".942" stopColor="#ff6f47" stopOpacity="0"/></radialGradient><radialGradient id="SVGhPheedNi1" cx="0" cy="0" r="1" gradientTransform="matrix(-6.5 -6.5 6.5 -6.5 10 10)" gradientUnits="userSpaceOnUse"><stop offset=".659" stopColor="#ff6f47"/><stop offset=".949" stopColor="#ff6f47" 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="url(#SVGyWmSIegJ1)" d="M16.231 8.144a3.25 3.25 0 1 0-4.375-4.375a6.51 6.51 0 0 1 4.375 4.375"/><path fill="url(#SVGWQhxZdQB1)" d="M16.231 8.144a3.25 3.25 0 1 0-4.375-4.375a6.51 6.51 0 0 1 4.375 4.375"/><path fill="url(#SVGyPj9tdmh1)" d="M8.144 3.769a6.51 6.51 0 0 0-4.375 4.375a3.25 3.25 0 1 1 4.375-4.375"/><path fill="url(#SVGhPheedNi1)" d="M8.144 3.769a6.51 6.51 0 0 0-4.375 4.375a3.25 3.25 0 1 1 4.375-4.375"/><path fill="url(#SVGY9it9b7E1)" d="m3.854 16.854l2-2l-.708-.707l-2 2a.5.5 0 1 0 .708.707"/><path fill="url(#SVGY9it9b7E1)" d="m16.854 16.147l-2-2l-.708.707l2 2a.5.5 0 0 0 .708-.707"/><path fill="url(#SVGfA4ioc6T1)" d="M17 10a7 7 0 1 1-14 0a7 7 0 0 1 14 0"/><path fill="url(#SVGoP16v34g1)" d="M15.75 10a5.75 5.75 0 1 1-11.5 0a5.75 5.75 0 0 1 11.5 0"/><path fill="url(#SVGuMeFAb9U1)" fill-rule="evenodd" d="M9.5 6a.5.5 0 0 1 .5.5V10h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5" clip-rule="evenodd"/><defs><linearGradient id="SVGyWmSIegJ1" x1="18.009" x2="12.174" y1="8.141" y2="3.368" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6f47"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGyPj9tdmh1" x1="8.152" x2="2.317" y1="8.141" y2="3.368" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6f47"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGY9it9b7E1" x1="3" x2="3.547" y1="12.921" y2="17.946" gradientUnits="userSpaceOnUse"><stop stop-color="#cad2d9"/><stop offset="1" stop-color="#70777d"/></linearGradient><linearGradient id="SVGfA4ioc6T1" x1="5.333" x2="12.333" y1="2.222" y2="17.778" gradientUnits="userSpaceOnUse"><stop stop-color="#1ec8b0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGoP16v34g1" x1="6" x2="13.5" y1="3" y2="19" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#dedeff"/></linearGradient><linearGradient id="SVGuMeFAb9U1" x1="10" x2="12.358" y1="6.278" y2="10.207" gradientUnits="userSpaceOnUse"><stop stop-color="#1ec8b0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><radialGradient id="SVGWQhxZdQB1" cx="0" cy="0" r="1" gradientTransform="matrix(6.5 -6.5 6.5 6.5 10 10)" gradientUnits="userSpaceOnUse"><stop offset=".644" stop-color="#ff6f47"/><stop offset=".942" stop-color="#ff6f47" stop-opacity="0"/></radialGradient><radialGradient id="SVGhPheedNi1" cx="0" cy="0" r="1" gradientTransform="matrix(-6.5 -6.5 6.5 -6.5 10 10)" gradientUnits="userSpaceOnUse"><stop offset=".659" stop-color="#ff6f47"/><stop offset=".949" stop-color="#ff6f47" stop-opacity="0"/></radialGradient></defs></g></svg>
</template>

CSS

.icon-clock-alarm-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(%23SVGyWmSIegJ1)%22%20d%3D%22M16.231%208.144a3.25%203.25%200%201%200-4.375-4.375a6.51%206.51%200%200%201%204.375%204.375%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWQhxZdQB1)%22%20d%3D%22M16.231%208.144a3.25%203.25%200%201%200-4.375-4.375a6.51%206.51%200%200%201%204.375%204.375%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGyPj9tdmh1)%22%20d%3D%22M8.144%203.769a6.51%206.51%200%200%200-4.375%204.375a3.25%203.25%200%201%201%204.375-4.375%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhPheedNi1)%22%20d%3D%22M8.144%203.769a6.51%206.51%200%200%200-4.375%204.375a3.25%203.25%200%201%201%204.375-4.375%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGY9it9b7E1)%22%20d%3D%22m3.854%2016.854l2-2l-.708-.707l-2%202a.5.5%200%201%200%20.708.707%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGY9it9b7E1)%22%20d%3D%22m16.854%2016.147l-2-2l-.708.707l2%202a.5.5%200%200%200%20.708-.707%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfA4ioc6T1)%22%20d%3D%22M17%2010a7%207%200%201%201-14%200a7%207%200%200%201%2014%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGoP16v34g1)%22%20d%3D%22M15.75%2010a5.75%205.75%200%201%201-11.5%200a5.75%205.75%200%200%201%2011.5%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuMeFAb9U1)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.5%206a.5.5%200%200%201%20.5.5V10h2.5a.5.5%200%200%201%200%201h-3a.5.5%200%200%201-.5-.5v-4a.5.5%200%200%201%20.5-.5%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGyWmSIegJ1%22%20x1%3D%2218.009%22%20x2%3D%2212.174%22%20y1%3D%228.141%22%20y2%3D%223.368%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%3ClinearGradient%20id%3D%22SVGyPj9tdmh1%22%20x1%3D%228.152%22%20x2%3D%222.317%22%20y1%3D%228.141%22%20y2%3D%223.368%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%3ClinearGradient%20id%3D%22SVGY9it9b7E1%22%20x1%3D%223%22%20x2%3D%223.547%22%20y1%3D%2212.921%22%20y2%3D%2217.946%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23cad2d9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2370777d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfA4ioc6T1%22%20x1%3D%225.333%22%20x2%3D%2212.333%22%20y1%3D%222.222%22%20y2%3D%2217.778%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231ec8b0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232764e7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGoP16v34g1%22%20x1%3D%226%22%20x2%3D%2213.5%22%20y1%3D%223%22%20y2%3D%2219%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfdfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dedeff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGuMeFAb9U1%22%20x1%3D%2210%22%20x2%3D%2212.358%22%20y1%3D%226.278%22%20y2%3D%2210.207%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231ec8b0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232764e7%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGWQhxZdQB1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(6.5%20-6.5%206.5%206.5%2010%2010)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.644%22%20stop-color%3D%22%23ff6f47%22%2F%3E%3Cstop%20offset%3D%22.942%22%20stop-color%3D%22%23ff6f47%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGhPheedNi1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-6.5%20-6.5%206.5%20-6.5%2010%2010)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.659%22%20stop-color%3D%22%23ff6f47%22%2F%3E%3Cstop%20offset%3D%22.949%22%20stop-color%3D%22%23ff6f47%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%22url(%23SVGyWmSIegJ1)%22%20d%3D%22M16.231%208.144a3.25%203.25%200%201%200-4.375-4.375a6.51%206.51%200%200%201%204.375%204.375%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWQhxZdQB1)%22%20d%3D%22M16.231%208.144a3.25%203.25%200%201%200-4.375-4.375a6.51%206.51%200%200%201%204.375%204.375%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGyPj9tdmh1)%22%20d%3D%22M8.144%203.769a6.51%206.51%200%200%200-4.375%204.375a3.25%203.25%200%201%201%204.375-4.375%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhPheedNi1)%22%20d%3D%22M8.144%203.769a6.51%206.51%200%200%200-4.375%204.375a3.25%203.25%200%201%201%204.375-4.375%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGY9it9b7E1)%22%20d%3D%22m3.854%2016.854l2-2l-.708-.707l-2%202a.5.5%200%201%200%20.708.707%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGY9it9b7E1)%22%20d%3D%22m16.854%2016.147l-2-2l-.708.707l2%202a.5.5%200%200%200%20.708-.707%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfA4ioc6T1)%22%20d%3D%22M17%2010a7%207%200%201%201-14%200a7%207%200%200%201%2014%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGoP16v34g1)%22%20d%3D%22M15.75%2010a5.75%205.75%200%201%201-11.5%200a5.75%205.75%200%200%201%2011.5%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuMeFAb9U1)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.5%206a.5.5%200%200%201%20.5.5V10h2.5a.5.5%200%200%201%200%201h-3a.5.5%200%200%201-.5-.5v-4a.5.5%200%200%201%20.5-.5%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGyWmSIegJ1%22%20x1%3D%2218.009%22%20x2%3D%2212.174%22%20y1%3D%228.141%22%20y2%3D%223.368%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%3ClinearGradient%20id%3D%22SVGyPj9tdmh1%22%20x1%3D%228.152%22%20x2%3D%222.317%22%20y1%3D%228.141%22%20y2%3D%223.368%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%3ClinearGradient%20id%3D%22SVGY9it9b7E1%22%20x1%3D%223%22%20x2%3D%223.547%22%20y1%3D%2212.921%22%20y2%3D%2217.946%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23cad2d9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2370777d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfA4ioc6T1%22%20x1%3D%225.333%22%20x2%3D%2212.333%22%20y1%3D%222.222%22%20y2%3D%2217.778%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231ec8b0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232764e7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGoP16v34g1%22%20x1%3D%226%22%20x2%3D%2213.5%22%20y1%3D%223%22%20y2%3D%2219%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfdfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dedeff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGuMeFAb9U1%22%20x1%3D%2210%22%20x2%3D%2212.358%22%20y1%3D%226.278%22%20y2%3D%2210.207%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231ec8b0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232764e7%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGWQhxZdQB1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(6.5%20-6.5%206.5%206.5%2010%2010)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.644%22%20stop-color%3D%22%23ff6f47%22%2F%3E%3Cstop%20offset%3D%22.942%22%20stop-color%3D%22%23ff6f47%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGhPheedNi1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-6.5%20-6.5%206.5%20-6.5%2010%2010)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.659%22%20stop-color%3D%22%23ff6f47%22%2F%3E%3Cstop%20offset%3D%22.949%22%20stop-color%3D%22%23ff6f47%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/clock-alarm-20.svg?color=%231a73e8&size=48