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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const HourglassDoneIcon = ({ 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_i_18_13233)">
      <path
        d="M25 6.40022V3.16943H7V6.40022C7 10.4002 9.8 13.7002 13.5 14.6002C13.8 14.7002 14 15.0002 14 15.3002V16.5002C14 16.8002 13.8 17.1002 13.5 17.1002C9.8 18.0002 7 21.3002 7 25.3002V28.7463H25V25.3002C25 21.3002 22.2 18.0002 18.5 17.1002C18.2 17.0002 18 16.8002 18 16.5002V15.3002C18 15.0002 18.2 14.7002 18.5 14.7002C22.2 13.7002 25 10.4002 25 6.40022Z"
        fill="#9FD6FF"
      />
      <path
        d="M25 6.40022V3.16943H7V6.40022C7 10.4002 9.8 13.7002 13.5 14.6002C13.8 14.7002 14 15.0002 14 15.3002V16.5002C14 16.8002 13.8 17.1002 13.5 17.1002C9.8 18.0002 7 21.3002 7 25.3002V28.7463H25V25.3002C25 21.3002 22.2 18.0002 18.5 17.1002C18.2 17.0002 18 16.8002 18 16.5002V15.3002C18 15.0002 18.2 14.7002 18.5 14.7002C22.2 13.7002 25 10.4002 25 6.40022Z"
        fill="url(#paint0_radial_18_13233)"
      />
      <path
        d="M25 6.40022V3.16943H7V6.40022C7 10.4002 9.8 13.7002 13.5 14.6002C13.8 14.7002 14 15.0002 14 15.3002V16.5002C14 16.8002 13.8 17.1002 13.5 17.1002C9.8 18.0002 7 21.3002 7 25.3002V28.7463H25V25.3002C25 21.3002 22.2 18.0002 18.5 17.1002C18.2 17.0002 18 16.8002 18 16.5002V15.3002C18 15.0002 18.2 14.7002 18.5 14.7002C22.2 13.7002 25 10.4002 25 6.40022Z"
        fill="url(#paint1_radial_18_13233)"
      />
    </g>
    <path
      d="M25 4H7C6.4 4 6 3.6 6 3C6 2.4 6.4 2 7 2H25C25.6 2 26 2.4 26 3C26 3.6 25.6 4 25 4Z"
      fill="url(#paint2_radial_18_13233)"
    />
    <path
      d="M25 4H7C6.4 4 6 3.6 6 3C6 2.4 6.4 2 7 2H25C25.6 2 26 2.4 26 3C26 3.6 25.6 4 25 4Z"
      fill="url(#paint3_linear_18_13233)"
    />
    <path
      d="M25 4H7C6.4 4 6 3.6 6 3C6 2.4 6.4 2 7 2H25C25.6 2 26 2.4 26 3C26 3.6 25.6 4 25 4Z"
      fill="url(#paint4_linear_18_13233)"
    />
    <path
      d="M25 30H7C6.4 30 6 29.6 6 29C6 28.4 6.4 28 7 28H25C25.6 28 26 28.4 26 29C26 29.6 25.6 30 25 30Z"
      fill="url(#paint5_radial_18_13233)"
    />
    <path
      d="M25 30H7C6.4 30 6 29.6 6 29C6 28.4 6.4 28 7 28H25C25.6 28 26 28.4 26 29C26 29.6 25.6 30 25 30Z"
      fill="url(#paint6_linear_18_13233)"
    />
    <path
      d="M25 30H7C6.4 30 6 29.6 6 29C6 28.4 6.4 28 7 28H25C25.6 28 26 28.4 26 29C26 29.6 25.6 30 25 30Z"
      fill="url(#paint7_linear_18_13233)"
    />
    <g filter="url(#filter1_i_18_13233)">
      <path
        d="M17 19.4V15.1C17 14.4 17.5 13.9 18.1 13.7C19.8 13.3 21.3 12.3 22.4 11C23.1 10.2 22.5 9 21.5 9C18.6 9 13.4 9 10.5 9C9.5 9 8.9 10.2 9.6 11C10.7 12.3 12.2 13.2 13.9 13.7C14.6 13.9 15 14.4 15 15.1V19C15 19.7 14.7 20 14.4 20.1C10.7 20.8 8 23.6 8 26.9V28H24V26.9C24 23.6 21.3 20.8 17.6 20.1C17.3 20.1 17 19.8 17 19.4Z"
        fill="url(#paint8_radial_18_13233)"
      />
      <path
        d="M17 19.4V15.1C17 14.4 17.5 13.9 18.1 13.7C19.8 13.3 21.3 12.3 22.4 11C23.1 10.2 22.5 9 21.5 9C18.6 9 13.4 9 10.5 9C9.5 9 8.9 10.2 9.6 11C10.7 12.3 12.2 13.2 13.9 13.7C14.6 13.9 15 14.4 15 15.1V19C15 19.7 14.7 20 14.4 20.1C10.7 20.8 8 23.6 8 26.9V28H24V26.9C24 23.6 21.3 20.8 17.6 20.1C17.3 20.1 17 19.8 17 19.4Z"
        fill="url(#paint9_radial_18_13233)"
      />
      <path
        d="M17 19.4V15.1C17 14.4 17.5 13.9 18.1 13.7C19.8 13.3 21.3 12.3 22.4 11C23.1 10.2 22.5 9 21.5 9C18.6 9 13.4 9 10.5 9C9.5 9 8.9 10.2 9.6 11C10.7 12.3 12.2 13.2 13.9 13.7C14.6 13.9 15 14.4 15 15.1V19C15 19.7 14.7 20 14.4 20.1C10.7 20.8 8 23.6 8 26.9V28H24V26.9C24 23.6 21.3 20.8 17.6 20.1C17.3 20.1 17 19.8 17 19.4Z"
        fill="url(#paint10_radial_18_13233)"
      />
    </g>
    <path
      d="M17 19.4V15.1C17 14.4 17.5 13.9 18.1 13.7C19.8 13.3 21.3 12.3 22.4 11C23.1 10.2 22.5 9 21.5 9C18.6 9 13.4 9 10.5 9C9.5 9 8.9 10.2 9.6 11C10.7 12.3 12.2 13.2 13.9 13.7C14.6 13.9 15 14.4 15 15.1V19C15 19.7 14.7 20 14.4 20.1C10.7 20.8 8 23.6 8 26.9V28H24V26.9C24 23.6 21.3 20.8 17.6 20.1C17.3 20.1 17 19.8 17 19.4Z"
      fill="url(#paint11_radial_18_13233)"
    />
    <path
      d="M17 19.4V15.1C17 14.4 17.5 13.9 18.1 13.7C19.8 13.3 21.3 12.3 22.4 11C23.1 10.2 22.5 9 21.5 9C18.6 9 13.4 9 10.5 9C9.5 9 8.9 10.2 9.6 11C10.7 12.3 12.2 13.2 13.9 13.7C14.6 13.9 15 14.4 15 15.1V19C15 19.7 14.7 20 14.4 20.1C10.7 20.8 8 23.6 8 26.9V28H24V26.9C24 23.6 21.3 20.8 17.6 20.1C17.3 20.1 17 19.8 17 19.4Z"
      fill="url(#paint12_radial_18_13233)"
    />
    <path
      d="M22.4 26.8C21.9 26.8 21.5 26.4 21.5 25.9C21.3 24 20.3 21.4 17.9 20.5C17.4 20.3 17.2 19.8 17.4 19.3C17.6 18.8 18.1 18.6 18.6 18.8C20 19.3 21.2 20.3 22 21.7C22.8 22.9 23.2 24.3 23.3 25.9C23.4 26.3 23 26.8 22.4 26.8Z"
      fill="url(#paint13_linear_18_13233)"
    />
    <path
      d="M22.4 4.90015C21.9 4.90015 21.5 5.30015 21.5 5.80015C21.3 7.70015 20.3 10.3001 17.9 11.2001C17.4 11.4001 17.2 11.9001 17.4 12.4001C17.6 12.9001 18.1 13.1001 18.6 12.9001C20 12.4001 21.2 11.4001 22 10.0001C22.8 8.80015 23.2 7.40015 23.3 5.80015C23.4 5.40015 23 5.00015 22.4 4.90015Z"
      fill="url(#paint14_linear_18_13233)"
    />
    <g filter="url(#filter2_f_18_13233)">
      <path
        d="M16.0483 19.1762C16.0483 19.8914 15.784 20.2159 15.6518 20.2887H17.1116C16.7079 20.0186 16.6551 19.4345 16.6791 19.1762L16.6791 14.5872C16.6791 14.0787 17.0756 13.7198 17.2739 13.7131H15.5257C15.9726 13.9356 16.0603 14.4614 16.0483 14.5872V19.1762Z"
        fill="#FFDF81"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_13233"
        x={7}
        y={3.16943}
        width={18}
        height={25.5769}
        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 />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.619608 0 0 0 0 0.756863 0 0 0 0 0.87451 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13233"
        />
      </filter>
      <filter
        id="filter1_i_18_13233"
        x={8}
        y={9}
        width={16.3}
        height={19}
        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.3} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.705882 0 0 0 0 0.541176 0 0 0 0 0.384314 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13233"
        />
      </filter>
      <filter
        id="filter2_f_18_13233"
        x={14.7757}
        y={12.9631}
        width={3.2482}
        height={8.07568}
        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_13233"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_13233"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.4325 22.911) rotate(131.055) scale(6.74885 5.47091)"
      >
        <stop stopColor="#C4F4FF" />
        <stop offset={1} stopColor="#C4F4FF" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_13233"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.3066 4.41821) rotate(90) scale(5.61976 11.0115)"
      >
        <stop stopColor="#C4F4FF" />
        <stop offset={1} stopColor="#C4F4FF" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_13233"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.5625 3) rotate(90) scale(1 12.625)"
      >
        <stop stopColor="#CDCFCF" />
        <stop offset={1} stopColor="#A9A9A9" />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_13233"
        x1={3.9375}
        y1={3.2655}
        x2={16}
        y2={3.2655}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#707477" />
        <stop offset={1} stopColor="#707477" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_13233"
        x1={16}
        y1={4.828}
        x2={16}
        y2={3.5155}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#707477" />
        <stop offset={1} stopColor="#707477" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint5_radial_18_13233"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.5625 28.6405) rotate(90) scale(1.125 14.2031)"
      >
        <stop stopColor="#CDCFCF" />
        <stop offset={1} stopColor="#A9A9A9" />
      </radialGradient>
      <linearGradient
        id="paint6_linear_18_13233"
        x1={3.9375}
        y1={29.2655}
        x2={16}
        y2={29.2655}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#707477" />
        <stop offset={1} stopColor="#707477" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_13233"
        x1={16}
        y1={30.2968}
        x2={16}
        y2={29.328}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7CA0B3" />
        <stop offset={1} stopColor="#7CA0B3" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint8_radial_18_13233"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.8125 24.4206) rotate(90) scale(9.93292 11.4611)"
      >
        <stop offset={0.088} stopColor="#FFD68C" />
        <stop offset={1} stopColor="#E69E45" />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_13233"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.3125 8.578) rotate(132.427) scale(7.8745 6.63116)"
      >
        <stop stopColor="#F3C169" />
        <stop offset={1} stopColor="#F3C169" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_13233"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.8825 21.5599) rotate(166.573) scale(18.1366 27.5333)"
      >
        <stop offset={0.667023} stopColor="#B7845C" stopOpacity={0} />
        <stop offset={1} stopColor="#B7845C" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_18_13233"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.4996 11.8654) rotate(-21.309) scale(5.90402 5.68198)"
      >
        <stop stopColor="#B69E6D" />
        <stop offset={1} stopColor="#B69E6D" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_13233"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.8299 9.99803) rotate(180) scale(9.6548 1.6173)"
      >
        <stop stopColor="#FFE379" />
        <stop offset={0.40625} stopColor="#FFCB56" />
        <stop offset={1} stopColor="#FFCB56" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint13_linear_18_13233"
        x1={19.9375}
        y1={20.203}
        x2={20.75}
        y2={26.8}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="white" />
        <stop offset={0.821922} stopColor="white" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint14_linear_18_13233"
        x1={22.9375}
        y1={5.32816}
        x2={19}
        y2={12.5782}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="white" />
        <stop offset={0.821922} stopColor="white" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = HourglassDoneIcon;