clock alarm icon

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

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

4 other variants in Fluent UI System Color Icons

clock-alarm-16 clock-alarm-20 clock-alarm-24 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 32 32"><g fill="none"><path fill="url(#SVGjugm2bKq)" d="M26.394 12.39a5 5 0 1 0-6.785-6.785a11.03 11.03 0 0 1 6.785 6.786"/><path fill="url(#SVGE4gBAcai)" d="M26.394 12.39a5 5 0 1 0-6.785-6.785a11.03 11.03 0 0 1 6.785 6.786"/><path fill="url(#SVGjp3ajd0O)" d="M12.39 5.606a11.03 11.03 0 0 0-6.784 6.785a5 5 0 1 1 6.785-6.785"/><path fill="url(#SVG0H4igb9F)" d="M12.39 5.606a11.03 11.03 0 0 0-6.784 6.785a5 5 0 1 1 6.785-6.785"/><path fill="url(#SVGjsFRTkNg)" d="m5.707 27.707l3-3l-1.414-1.414l-3 3a1 1 0 0 0 1.414 1.414"/><path fill="url(#SVGjsFRTkNg)" d="m27.707 26.293l-3-3l-1.414 1.414l3 3a1 1 0 1 0 1.414-1.414"/><path fill="url(#SVGxNFSRyGS)" d="M28 16c0 6.627-5.373 12-12 12S4 22.627 4 16S9.373 4 16 4s12 5.373 12 12"/><path fill="url(#SVGtuctPdhH)" d="M26 16c0 5.523-4.477 10-10 10S6 21.523 6 16S10.477 6 16 6s10 4.477 10 10"/><path fill="url(#SVGxkhECe8k)" fill-rule="evenodd" d="M15 9a1 1 0 0 1 1 1v6h4a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1" clip-rule="evenodd"/><defs><linearGradient id="SVGjugm2bKq" x1="30.106" x2="20.77" y1="12.826" y2="5.188" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6f47"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGjp3ajd0O" x1="13.844" x2="4.507" y1="13.826" y2="6.188" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6f47"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGjsFRTkNg" x1="5" x2="5.946" y1="21.272" y2="29.551" gradientUnits="userSpaceOnUse"><stop stop-color="#cad2d9"/><stop offset="1" stop-color="#70777d"/></linearGradient><linearGradient id="SVGxNFSRyGS" x1="8" x2="20" y1="2.667" y2="29.333" gradientUnits="userSpaceOnUse"><stop stop-color="#1ec8b0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGtuctPdhH" x1="9.043" x2="22.087" y1="3.826" y2="31.652" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#dedeff"/></linearGradient><linearGradient id="SVGxkhECe8k" x1="16.8" x2="20.573" y1="10.845" y2="17.132" gradientUnits="userSpaceOnUse"><stop stop-color="#1ec8b0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><radialGradient id="SVGE4gBAcai" cx="0" cy="0" r="1" gradientTransform="rotate(-45 27.718 -12.973)scale(14.7078)" gradientUnits="userSpaceOnUse"><stop offset=".644" stop-color="#ff6f47"/><stop offset=".942" stop-color="#ff6f47" stop-opacity="0"/></radialGradient><radialGradient id="SVG0H4igb9F" cx="0" cy="0" r="1" gradientTransform="rotate(225 11.88 4.92)scale(14.7078)" 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 FluentColorClockAlarm32(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#SVGjugm2bKq)" d="M26.394 12.39a5 5 0 1 0-6.785-6.785a11.03 11.03 0 0 1 6.785 6.786"/><path fill="url(#SVGE4gBAcai)" d="M26.394 12.39a5 5 0 1 0-6.785-6.785a11.03 11.03 0 0 1 6.785 6.786"/><path fill="url(#SVGjp3ajd0O)" d="M12.39 5.606a11.03 11.03 0 0 0-6.784 6.785a5 5 0 1 1 6.785-6.785"/><path fill="url(#SVG0H4igb9F)" d="M12.39 5.606a11.03 11.03 0 0 0-6.784 6.785a5 5 0 1 1 6.785-6.785"/><path fill="url(#SVGjsFRTkNg)" d="m5.707 27.707l3-3l-1.414-1.414l-3 3a1 1 0 0 0 1.414 1.414"/><path fill="url(#SVGjsFRTkNg)" d="m27.707 26.293l-3-3l-1.414 1.414l3 3a1 1 0 1 0 1.414-1.414"/><path fill="url(#SVGxNFSRyGS)" d="M28 16c0 6.627-5.373 12-12 12S4 22.627 4 16S9.373 4 16 4s12 5.373 12 12"/><path fill="url(#SVGtuctPdhH)" d="M26 16c0 5.523-4.477 10-10 10S6 21.523 6 16S10.477 6 16 6s10 4.477 10 10"/><path fill="url(#SVGxkhECe8k)" fillRule="evenodd" d="M15 9a1 1 0 0 1 1 1v6h4a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1" clipRule="evenodd"/><defs><linearGradient id="SVGjugm2bKq" x1="30.106" x2="20.77" y1="12.826" y2="5.188" gradientUnits="userSpaceOnUse"><stop stopColor="#ff6f47"/><stop offset="1" stopColor="#ffcd0f"/></linearGradient><linearGradient id="SVGjp3ajd0O" x1="13.844" x2="4.507" y1="13.826" y2="6.188" gradientUnits="userSpaceOnUse"><stop stopColor="#ff6f47"/><stop offset="1" stopColor="#ffcd0f"/></linearGradient><linearGradient id="SVGjsFRTkNg" x1="5" x2="5.946" y1="21.272" y2="29.551" gradientUnits="userSpaceOnUse"><stop stopColor="#cad2d9"/><stop offset="1" stopColor="#70777d"/></linearGradient><linearGradient id="SVGxNFSRyGS" x1="8" x2="20" y1="2.667" y2="29.333" gradientUnits="userSpaceOnUse"><stop stopColor="#1ec8b0"/><stop offset="1" stopColor="#2764e7"/></linearGradient><linearGradient id="SVGtuctPdhH" x1="9.043" x2="22.087" y1="3.826" y2="31.652" gradientUnits="userSpaceOnUse"><stop stopColor="#fdfdfd"/><stop offset="1" stopColor="#dedeff"/></linearGradient><linearGradient id="SVGxkhECe8k" x1="16.8" x2="20.573" y1="10.845" y2="17.132" gradientUnits="userSpaceOnUse"><stop stopColor="#1ec8b0"/><stop offset="1" stopColor="#2764e7"/></linearGradient><radialGradient id="SVGE4gBAcai" cx="0" cy="0" r="1" gradientTransform="rotate(-45 27.718 -12.973)scale(14.7078)" gradientUnits="userSpaceOnUse"><stop offset=".644" stopColor="#ff6f47"/><stop offset=".942" stopColor="#ff6f47" stopOpacity="0"/></radialGradient><radialGradient id="SVG0H4igb9F" cx="0" cy="0" r="1" gradientTransform="rotate(225 11.88 4.92)scale(14.7078)" 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 32 32"><g fill="none"><path fill="url(#SVGjugm2bKq)" d="M26.394 12.39a5 5 0 1 0-6.785-6.785a11.03 11.03 0 0 1 6.785 6.786"/><path fill="url(#SVGE4gBAcai)" d="M26.394 12.39a5 5 0 1 0-6.785-6.785a11.03 11.03 0 0 1 6.785 6.786"/><path fill="url(#SVGjp3ajd0O)" d="M12.39 5.606a11.03 11.03 0 0 0-6.784 6.785a5 5 0 1 1 6.785-6.785"/><path fill="url(#SVG0H4igb9F)" d="M12.39 5.606a11.03 11.03 0 0 0-6.784 6.785a5 5 0 1 1 6.785-6.785"/><path fill="url(#SVGjsFRTkNg)" d="m5.707 27.707l3-3l-1.414-1.414l-3 3a1 1 0 0 0 1.414 1.414"/><path fill="url(#SVGjsFRTkNg)" d="m27.707 26.293l-3-3l-1.414 1.414l3 3a1 1 0 1 0 1.414-1.414"/><path fill="url(#SVGxNFSRyGS)" d="M28 16c0 6.627-5.373 12-12 12S4 22.627 4 16S9.373 4 16 4s12 5.373 12 12"/><path fill="url(#SVGtuctPdhH)" d="M26 16c0 5.523-4.477 10-10 10S6 21.523 6 16S10.477 6 16 6s10 4.477 10 10"/><path fill="url(#SVGxkhECe8k)" fill-rule="evenodd" d="M15 9a1 1 0 0 1 1 1v6h4a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1" clip-rule="evenodd"/><defs><linearGradient id="SVGjugm2bKq" x1="30.106" x2="20.77" y1="12.826" y2="5.188" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6f47"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGjp3ajd0O" x1="13.844" x2="4.507" y1="13.826" y2="6.188" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6f47"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGjsFRTkNg" x1="5" x2="5.946" y1="21.272" y2="29.551" gradientUnits="userSpaceOnUse"><stop stop-color="#cad2d9"/><stop offset="1" stop-color="#70777d"/></linearGradient><linearGradient id="SVGxNFSRyGS" x1="8" x2="20" y1="2.667" y2="29.333" gradientUnits="userSpaceOnUse"><stop stop-color="#1ec8b0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><linearGradient id="SVGtuctPdhH" x1="9.043" x2="22.087" y1="3.826" y2="31.652" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfdfd"/><stop offset="1" stop-color="#dedeff"/></linearGradient><linearGradient id="SVGxkhECe8k" x1="16.8" x2="20.573" y1="10.845" y2="17.132" gradientUnits="userSpaceOnUse"><stop stop-color="#1ec8b0"/><stop offset="1" stop-color="#2764e7"/></linearGradient><radialGradient id="SVGE4gBAcai" cx="0" cy="0" r="1" gradientTransform="rotate(-45 27.718 -12.973)scale(14.7078)" gradientUnits="userSpaceOnUse"><stop offset=".644" stop-color="#ff6f47"/><stop offset=".942" stop-color="#ff6f47" stop-opacity="0"/></radialGradient><radialGradient id="SVG0H4igb9F" cx="0" cy="0" r="1" gradientTransform="rotate(225 11.88 4.92)scale(14.7078)" 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-32 {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGjugm2bKq)%22%20d%3D%22M26.394%2012.39a5%205%200%201%200-6.785-6.785a11.03%2011.03%200%200%201%206.785%206.786%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGE4gBAcai)%22%20d%3D%22M26.394%2012.39a5%205%200%201%200-6.785-6.785a11.03%2011.03%200%200%201%206.785%206.786%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjp3ajd0O)%22%20d%3D%22M12.39%205.606a11.03%2011.03%200%200%200-6.784%206.785a5%205%200%201%201%206.785-6.785%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0H4igb9F)%22%20d%3D%22M12.39%205.606a11.03%2011.03%200%200%200-6.784%206.785a5%205%200%201%201%206.785-6.785%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjsFRTkNg)%22%20d%3D%22m5.707%2027.707l3-3l-1.414-1.414l-3%203a1%201%200%200%200%201.414%201.414%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjsFRTkNg)%22%20d%3D%22m27.707%2026.293l-3-3l-1.414%201.414l3%203a1%201%200%201%200%201.414-1.414%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGxNFSRyGS)%22%20d%3D%22M28%2016c0%206.627-5.373%2012-12%2012S4%2022.627%204%2016S9.373%204%2016%204s12%205.373%2012%2012%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtuctPdhH)%22%20d%3D%22M26%2016c0%205.523-4.477%2010-10%2010S6%2021.523%206%2016S10.477%206%2016%206s10%204.477%2010%2010%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGxkhECe8k)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15%209a1%201%200%200%201%201%201v6h4a1%201%200%201%201%200%202h-5a1%201%200%200%201-1-1v-7a1%201%200%200%201%201-1%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGjugm2bKq%22%20x1%3D%2230.106%22%20x2%3D%2220.77%22%20y1%3D%2212.826%22%20y2%3D%225.188%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%22SVGjp3ajd0O%22%20x1%3D%2213.844%22%20x2%3D%224.507%22%20y1%3D%2213.826%22%20y2%3D%226.188%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%22SVGjsFRTkNg%22%20x1%3D%225%22%20x2%3D%225.946%22%20y1%3D%2221.272%22%20y2%3D%2229.551%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%22SVGxNFSRyGS%22%20x1%3D%228%22%20x2%3D%2220%22%20y1%3D%222.667%22%20y2%3D%2229.333%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%22SVGtuctPdhH%22%20x1%3D%229.043%22%20x2%3D%2222.087%22%20y1%3D%223.826%22%20y2%3D%2231.652%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%22SVGxkhECe8k%22%20x1%3D%2216.8%22%20x2%3D%2220.573%22%20y1%3D%2210.845%22%20y2%3D%2217.132%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%22SVGE4gBAcai%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-45%2027.718%20-12.973)scale(14.7078)%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%22SVG0H4igb9F%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(225%2011.88%204.92)scale(14.7078)%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGjugm2bKq)%22%20d%3D%22M26.394%2012.39a5%205%200%201%200-6.785-6.785a11.03%2011.03%200%200%201%206.785%206.786%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGE4gBAcai)%22%20d%3D%22M26.394%2012.39a5%205%200%201%200-6.785-6.785a11.03%2011.03%200%200%201%206.785%206.786%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjp3ajd0O)%22%20d%3D%22M12.39%205.606a11.03%2011.03%200%200%200-6.784%206.785a5%205%200%201%201%206.785-6.785%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0H4igb9F)%22%20d%3D%22M12.39%205.606a11.03%2011.03%200%200%200-6.784%206.785a5%205%200%201%201%206.785-6.785%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjsFRTkNg)%22%20d%3D%22m5.707%2027.707l3-3l-1.414-1.414l-3%203a1%201%200%200%200%201.414%201.414%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjsFRTkNg)%22%20d%3D%22m27.707%2026.293l-3-3l-1.414%201.414l3%203a1%201%200%201%200%201.414-1.414%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGxNFSRyGS)%22%20d%3D%22M28%2016c0%206.627-5.373%2012-12%2012S4%2022.627%204%2016S9.373%204%2016%204s12%205.373%2012%2012%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtuctPdhH)%22%20d%3D%22M26%2016c0%205.523-4.477%2010-10%2010S6%2021.523%206%2016S10.477%206%2016%206s10%204.477%2010%2010%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGxkhECe8k)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15%209a1%201%200%200%201%201%201v6h4a1%201%200%201%201%200%202h-5a1%201%200%200%201-1-1v-7a1%201%200%200%201%201-1%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGjugm2bKq%22%20x1%3D%2230.106%22%20x2%3D%2220.77%22%20y1%3D%2212.826%22%20y2%3D%225.188%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%22SVGjp3ajd0O%22%20x1%3D%2213.844%22%20x2%3D%224.507%22%20y1%3D%2213.826%22%20y2%3D%226.188%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%22SVGjsFRTkNg%22%20x1%3D%225%22%20x2%3D%225.946%22%20y1%3D%2221.272%22%20y2%3D%2229.551%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%22SVGxNFSRyGS%22%20x1%3D%228%22%20x2%3D%2220%22%20y1%3D%222.667%22%20y2%3D%2229.333%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%22SVGtuctPdhH%22%20x1%3D%229.043%22%20x2%3D%2222.087%22%20y1%3D%223.826%22%20y2%3D%2231.652%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%22SVGxkhECe8k%22%20x1%3D%2216.8%22%20x2%3D%2220.573%22%20y1%3D%2210.845%22%20y2%3D%2217.132%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%22SVGE4gBAcai%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-45%2027.718%20-12.973)scale(14.7078)%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%22SVG0H4igb9F%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(225%2011.88%204.92)scale(14.7078)%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-32.svg?color=%231a73e8&size=48