@jstnmthw/react-fluentui-emoji/icons/AlarmClockIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const AlarmClockIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <g filter="url(#filter0_ii_18_13319)">
      <path
        d="M7.07768 26.9084L10.801 23.614L20.7894 22.3794L25.9347 26.9588C26.235 27.226 26.427 27.594 26.4744 27.9932C26.5905 28.9713 25.8265 29.8314 24.8415 29.8314H8.18517C7.26213 29.8314 6.51385 29.0831 6.51385 28.1601C6.51385 27.6814 6.71914 27.2256 7.07768 26.9084Z"
        fill="url(#paint0_linear_18_13319)"
      />
      <path
        d="M7.07768 26.9084L10.801 23.614L20.7894 22.3794L25.9347 26.9588C26.235 27.226 26.427 27.594 26.4744 27.9932C26.5905 28.9713 25.8265 29.8314 24.8415 29.8314H8.18517C7.26213 29.8314 6.51385 29.0831 6.51385 28.1601C6.51385 27.6814 6.71914 27.2256 7.07768 26.9084Z"
        fill="url(#paint1_linear_18_13319)"
      />
      <path
        d="M7.07768 26.9084L10.801 23.614L20.7894 22.3794L25.9347 26.9588C26.235 27.226 26.427 27.594 26.4744 27.9932C26.5905 28.9713 25.8265 29.8314 24.8415 29.8314H8.18517C7.26213 29.8314 6.51385 29.0831 6.51385 28.1601C6.51385 27.6814 6.71914 27.2256 7.07768 26.9084Z"
        fill="url(#paint2_radial_18_13319)"
      />
    </g>
    <path
      d="M7.07768 26.9084L10.801 23.614L20.7894 22.3794L25.9347 26.9588C26.235 27.226 26.427 27.594 26.4744 27.9932C26.5905 28.9713 25.8265 29.8314 24.8415 29.8314H8.18517C7.26213 29.8314 6.51385 29.0831 6.51385 28.1601C6.51385 27.6814 6.71914 27.2256 7.07768 26.9084Z"
      fill="url(#paint3_linear_18_13319)"
    />
    <g filter="url(#filter1_ii_18_13319)">
      <path
        d="M16.5 26.8703C22.0152 26.8703 26.4862 22.3993 26.4862 16.8841C26.4862 11.3689 22.0152 6.89795 16.5 6.89795C10.9848 6.89795 6.51385 11.3689 6.51385 16.8841C6.51385 22.3993 10.9848 26.8703 16.5 26.8703Z"
        fill="url(#paint4_radial_18_13319)"
      />
      <path
        d="M16.5 26.8703C22.0152 26.8703 26.4862 22.3993 26.4862 16.8841C26.4862 11.3689 22.0152 6.89795 16.5 6.89795C10.9848 6.89795 6.51385 11.3689 6.51385 16.8841C6.51385 22.3993 10.9848 26.8703 16.5 26.8703Z"
        fill="url(#paint5_radial_18_13319)"
      />
    </g>
    <g filter="url(#filter2_i_18_13319)">
      <path
        d="M16.5 23.7225C20.3252 23.7225 23.4262 20.6216 23.4262 16.7963C23.4262 12.9711 20.3252 9.87012 16.5 9.87012C12.6748 9.87012 9.57379 12.9711 9.57379 16.7963C9.57379 20.6216 12.6748 23.7225 16.5 23.7225Z"
        fill="url(#paint6_linear_18_13319)"
      />
      <path
        d="M16.5 23.7225C20.3252 23.7225 23.4262 20.6216 23.4262 16.7963C23.4262 12.9711 20.3252 9.87012 16.5 9.87012C12.6748 9.87012 9.57379 12.9711 9.57379 16.7963C9.57379 20.6216 12.6748 23.7225 16.5 23.7225Z"
        fill="url(#paint7_radial_18_13319)"
      />
    </g>
    <path
      d="M16.5 23.7225C20.3252 23.7225 23.4262 20.6216 23.4262 16.7963C23.4262 12.9711 20.3252 9.87012 16.5 9.87012C12.6748 9.87012 9.57379 12.9711 9.57379 16.7963C9.57379 20.6216 12.6748 23.7225 16.5 23.7225Z"
      fill="url(#paint8_radial_18_13319)"
    />
    <g filter="url(#filter3_f_18_13319)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16.8811 13.3337C16.8811 12.7817 16.4336 12.3342 15.8816 12.3342C15.3296 12.3342 14.8821 12.7817 14.8821 13.3337V17.3303C14.8821 17.6677 15.0493 17.9661 15.3054 18.1471L17.2498 20.0381C17.6478 20.4204 18.2803 20.4077 18.6625 20.0097C19.0448 19.6118 19.0321 18.9793 18.6341 18.597L16.8811 16.8921V13.3337Z"
        fill="url(#paint9_linear_18_13319)"
      />
    </g>
    <path
      d="M6.30578 2.80381C4.31186 4.21494 3.53751 6.81387 4.27314 9.09807C4.50544 9.80872 5.31851 10.0929 5.91862 9.67672L12.5198 5.01694C13.1103 4.60071 13.1684 3.6972 12.6263 3.19975C10.8937 1.62619 8.2997 1.39268 6.30578 2.80381Z"
      fill="url(#paint10_radial_18_13319)"
    />
    <path
      d="M6.30578 2.80381C4.31186 4.21494 3.53751 6.81387 4.27314 9.09807C4.50544 9.80872 5.31851 10.0929 5.91862 9.67672L12.5198 5.01694C13.1103 4.60071 13.1684 3.6972 12.6263 3.19975C10.8937 1.62619 8.2997 1.39268 6.30578 2.80381Z"
      fill="url(#paint11_linear_18_13319)"
    />
    <path
      d="M26.6942 2.80381C28.6882 4.21494 29.4625 6.81387 28.7269 9.09807C28.4946 9.80872 27.6815 10.0929 27.0814 9.67672L20.4802 5.01694C19.8897 4.60071 19.8316 3.6972 20.3737 3.19975C22.1063 1.62619 24.7003 1.39268 26.6942 2.80381Z"
      fill="url(#paint12_radial_18_13319)"
    />
    <path
      d="M26.6942 2.80381C28.6882 4.21494 29.4625 6.81387 28.7269 9.09807C28.4946 9.80872 27.6815 10.0929 27.0814 9.67672L20.4802 5.01694C19.8897 4.60071 19.8316 3.6972 20.3737 3.19975C22.1063 1.62619 24.7003 1.39268 26.6942 2.80381Z"
      fill="url(#paint13_linear_18_13319)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M15.8086 16.1886C16.1908 15.7907 16.8233 15.7779 17.2213 16.1602L19.2526 18.1357C19.6505 18.518 19.6632 19.1505 19.281 19.5484C18.8987 19.9464 18.2662 19.9591 17.8682 19.5768L15.837 17.6014C15.439 17.2191 15.4263 16.5866 15.8086 16.1886Z"
      fill="url(#paint14_linear_18_13319)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M16.5 11.8728C17.052 11.8728 17.4995 12.3203 17.4995 12.8723V16.8689C17.4995 17.4209 17.052 17.8684 16.5 17.8684C15.948 17.8684 15.5005 17.4209 15.5005 16.8689V12.8723C15.5005 12.3203 15.948 11.8728 16.5 11.8728Z"
      fill="url(#paint15_linear_18_13319)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M16.5 11.8728C17.052 11.8728 17.4995 12.3203 17.4995 12.8723V16.8689C17.4995 17.4209 17.052 17.8684 16.5 17.8684C15.948 17.8684 15.5005 17.4209 15.5005 16.8689V12.8723C15.5005 12.3203 15.948 11.8728 16.5 11.8728Z"
      fill="url(#paint16_radial_18_13319)"
    />
    <defs>
      <filter
        id="filter0_ii_18_13319"
        x={6.01385}
        y={22.3794}
        width={20.9723}
        height={7.9519}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.5} dy={0.5} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.980392 0 0 0 0 0.945098 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13319"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.5} dy={0.5} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.576471 0 0 0 0 0.533333 0 0 0 0 0.584314 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_13319"
          result="effect2_innerShadow_18_13319"
        />
      </filter>
      <filter
        id="filter1_ii_18_13319"
        x={6.21385}
        y={6.89795}
        width={20.6723}
        height={19.9724}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.4} />
        <feGaussianBlur stdDeviation={0.4} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.682353 0 0 0 0 0.25098 0 0 0 0 0.262745 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13319"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.3} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.309804 0 0 0 0 0.588235 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_13319"
          result="effect2_innerShadow_18_13319"
        />
      </filter>
      <filter
        id="filter2_i_18_13319"
        x={9.07379}
        y={9.87012}
        width={14.3524}
        height={14.3525}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.5} dy={0.5} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.866667 0 0 0 0 0.631373 0 0 0 0 0.776471 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13319"
        />
      </filter>
      <filter
        id="filter3_f_18_13319"
        x={14.1321}
        y={11.5842}
        width={5.55902}
        height={9.48242}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.375}
          result="effect1_foregroundBlur_18_13319"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_13319"
        x1={8.02414}
        y1={28.1717}
        x2={25.2489}
        y2={28.1717}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D4BDE5" />
        <stop offset={1} stopColor="#E5CAF2" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_13319"
        x1={17.0729}
        y1={30.2537}
        x2={17.0729}
        y2={28.7091}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D4A6F6" />
        <stop offset={1} stopColor="#D4A6F6" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint2_radial_18_13319"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.5028 22.3794) rotate(104.908) scale(5.09461 7.6923)"
      >
        <stop offset={0.654006} stopColor="#BE87BE" />
        <stop offset={1} stopColor="#BE87BE" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_13319"
        x1={24.3438}
        y1={25.0727}
        x2={23.5625}
        y2={25.9164}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F3E5F1" />
        <stop offset={1} stopColor="#F3E5F1" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_13319"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.9375 9.55728) rotate(120.726) scale(18.104)"
      >
        <stop stopColor="#FF4995" />
        <stop offset={1} stopColor="#FF435C" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_13319"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.5 16.8841) rotate(90) scale(7.82942)"
      >
        <stop offset={0.848448} stopColor="#D2355C" />
        <stop offset={1} stopColor="#D2355C" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint6_linear_18_13319"
        x1={11.25}
        y1={12.1196}
        x2={20.3125}
        y2={23.1821}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFECFF" />
        <stop offset={1} stopColor="#DDC8E2" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_18_13319"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.5 10.6196) rotate(90) scale(13.75)"
      >
        <stop offset={0.718182} stopColor="#B89A9F" stopOpacity={0} />
        <stop offset={1} stopColor="#B89A9F" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_13319"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.375 15.1196) rotate(32.6073) scale(10.0904 8.90964)"
      >
        <stop offset={0.887109} stopColor="#B394A7" stopOpacity={0} />
        <stop offset={0.977057} stopColor="#B394A7" />
      </radialGradient>
      <linearGradient
        id="paint9_linear_18_13319"
        x1={16.9116}
        y1={12.3342}
        x2={16.9116}
        y2={20.3167}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C4AFCA" />
        <stop offset={1} stopColor="#CFA5CF" />
      </linearGradient>
      <radialGradient
        id="paint10_radial_18_13319"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.6875 4.93213) rotate(-169.408) scale(7.82074 8.79834)"
      >
        <stop stopColor="#FFDC56" />
        <stop offset={0.593115} stopColor="#FFB02E" />
        <stop offset={1} stopColor="#BF8942" />
      </radialGradient>
      <linearGradient
        id="paint11_linear_18_13319"
        x1={10.2193}
        y1={6.69515}
        x2={9.8888}
        y2={6.26236}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F88F6D" />
        <stop offset={1} stopColor="#F88F6D" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint12_radial_18_13319"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.6875 4.93213) rotate(-173.953) scale(8.73611 15.1601)"
      >
        <stop stopColor="#FFFF63" />
        <stop offset={0.7359} stopColor="#F1AE2C" />
        <stop offset={1} stopColor="#C48039" />
      </radialGradient>
      <linearGradient
        id="paint13_linear_18_13319"
        x1={24.5}
        y1={7.97779}
        x2={24.9027}
        y2={7.41122}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E76D2F" />
        <stop offset={1} stopColor="#E76D2F" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint14_linear_18_13319"
        x1={18.0619}
        y1={17.6428}
        x2={17.7252}
        y2={19.7528}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF4F5C" />
        <stop offset={1} stopColor="#F0368B" />
      </linearGradient>
      <linearGradient
        id="paint15_linear_18_13319"
        x1={16.0642}
        y1={14.4329}
        x2={17.9272}
        y2={14.4329}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3A234F" />
        <stop offset={1} stopColor="#3A323B" />
      </linearGradient>
      <radialGradient
        id="paint16_radial_18_13319"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.007 12.2781) rotate(114.747) scale(1.21106 1.15474)"
      >
        <stop stopColor="#463C4B" />
        <stop offset={1} stopColor="#463C4B" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = AlarmClockIcon;