@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
450 lines (449 loc) • 18.9 kB
JSX
const React = require("react");
const HourglassNotDoneIcon = ({ 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_13253)">
<path
d="M25 6.40015V3.90015H7V6.40015C7 10.4001 9.8 13.7001 13.5 14.6001C13.8 14.7001 14 15.0001 14 15.3001V16.5001C14 16.8001 13.8 17.1001 13.5 17.1001C9.8 18.0001 7 21.3001 7 25.3001V28.0001H25V25.3001C25 21.3001 22.2 18.0001 18.5 17.1001C18.2 17.0001 18 16.8001 18 16.5001V15.3001C18 15.0001 18.2 14.7001 18.5 14.7001C22.2 13.7001 25 10.4001 25 6.40015Z"
fill="#9FD6FF"
/>
<path
d="M25 6.40015V3.90015H7V6.40015C7 10.4001 9.8 13.7001 13.5 14.6001C13.8 14.7001 14 15.0001 14 15.3001V16.5001C14 16.8001 13.8 17.1001 13.5 17.1001C9.8 18.0001 7 21.3001 7 25.3001V28.0001H25V25.3001C25 21.3001 22.2 18.0001 18.5 17.1001C18.2 17.0001 18 16.8001 18 16.5001V15.3001C18 15.0001 18.2 14.7001 18.5 14.7001C22.2 13.7001 25 10.4001 25 6.40015Z"
fill="url(#paint0_radial_18_13253)"
/>
<path
d="M25 6.40015V3.90015H7V6.40015C7 10.4001 9.8 13.7001 13.5 14.6001C13.8 14.7001 14 15.0001 14 15.3001V16.5001C14 16.8001 13.8 17.1001 13.5 17.1001C9.8 18.0001 7 21.3001 7 25.3001V28.0001H25V25.3001C25 21.3001 22.2 18.0001 18.5 17.1001C18.2 17.0001 18 16.8001 18 16.5001V15.3001C18 15.0001 18.2 14.7001 18.5 14.7001C22.2 13.7001 25 10.4001 25 6.40015Z"
fill="url(#paint1_radial_18_13253)"
/>
</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_13253)"
/>
<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_13253)"
/>
<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_13253)"
/>
<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_13253)"
/>
<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_13253)"
/>
<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_13253)"
/>
<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(#paint8_linear_18_13253)"
/>
<g filter="url(#filter1_i_18_13253)">
<path
d="M17 22.2V14.8C17 14.3 17.3 13.9 17.8 13.8C21 13.1 23.4 10.5 23.9 7.2C24 6.6 23.5 6 22.9 6H9.09999C8.49999 6 7.99999 6.6 8.09999 7.2C8.59999 10.5 11 13.1 14.2 13.8C14.7 13.9 15 14.3 15 14.8C15 16.5 15 20.5 15 22.2C15 22.7 14.7 23.1 14.2 23.2C12.3 23.6 10.7 24.7 9.59999 26.2C8.99999 27 9.59999 28 10.5 28H21.5C22.4 28 23 27 22.4 26.3C21.3 24.8 19.6 23.7 17.8 23.3C17.3 23.1 17 22.7 17 22.2Z"
fill="url(#paint9_radial_18_13253)"
/>
<path
d="M17 22.2V14.8C17 14.3 17.3 13.9 17.8 13.8C21 13.1 23.4 10.5 23.9 7.2C24 6.6 23.5 6 22.9 6H9.09999C8.49999 6 7.99999 6.6 8.09999 7.2C8.59999 10.5 11 13.1 14.2 13.8C14.7 13.9 15 14.3 15 14.8C15 16.5 15 20.5 15 22.2C15 22.7 14.7 23.1 14.2 23.2C12.3 23.6 10.7 24.7 9.59999 26.2C8.99999 27 9.59999 28 10.5 28H21.5C22.4 28 23 27 22.4 26.3C21.3 24.8 19.6 23.7 17.8 23.3C17.3 23.1 17 22.7 17 22.2Z"
fill="url(#paint10_radial_18_13253)"
/>
<path
d="M17 22.2V14.8C17 14.3 17.3 13.9 17.8 13.8C21 13.1 23.4 10.5 23.9 7.2C24 6.6 23.5 6 22.9 6H9.09999C8.49999 6 7.99999 6.6 8.09999 7.2C8.59999 10.5 11 13.1 14.2 13.8C14.7 13.9 15 14.3 15 14.8C15 16.5 15 20.5 15 22.2C15 22.7 14.7 23.1 14.2 23.2C12.3 23.6 10.7 24.7 9.59999 26.2C8.99999 27 9.59999 28 10.5 28H21.5C22.4 28 23 27 22.4 26.3C21.3 24.8 19.6 23.7 17.8 23.3C17.3 23.1 17 22.7 17 22.2Z"
fill="url(#paint11_radial_18_13253)"
/>
</g>
<path
d="M17 22.2V14.8C17 14.3 17.3 13.9 17.8 13.8C21 13.1 23.4 10.5 23.9 7.2C24 6.6 23.5 6 22.9 6H9.09999C8.49999 6 7.99999 6.6 8.09999 7.2C8.59999 10.5 11 13.1 14.2 13.8C14.7 13.9 15 14.3 15 14.8C15 16.5 15 20.5 15 22.2C15 22.7 14.7 23.1 14.2 23.2C12.3 23.6 10.7 24.7 9.59999 26.2C8.99999 27 9.59999 28 10.5 28H21.5C22.4 28 23 27 22.4 26.3C21.3 24.8 19.6 23.7 17.8 23.3C17.3 23.1 17 22.7 17 22.2Z"
fill="url(#paint12_radial_18_13253)"
/>
<path
d="M17 22.2V14.8C17 14.3 17.3 13.9 17.8 13.8C21 13.1 23.4 10.5 23.9 7.2C24 6.6 23.5 6 22.9 6H9.09999C8.49999 6 7.99999 6.6 8.09999 7.2C8.59999 10.5 11 13.1 14.2 13.8C14.7 13.9 15 14.3 15 14.8C15 16.5 15 20.5 15 22.2C15 22.7 14.7 23.1 14.2 23.2C12.3 23.6 10.7 24.7 9.59999 26.2C8.99999 27 9.59999 28 10.5 28H21.5C22.4 28 23 27 22.4 26.3C21.3 24.8 19.6 23.7 17.8 23.3C17.3 23.1 17 22.7 17 22.2Z"
fill="url(#paint13_radial_18_13253)"
/>
<path
d="M17 22.2V14.8C17 14.3 17.3 13.9 17.8 13.8C21 13.1 23.4 10.5 23.9 7.2C24 6.6 23.5 6 22.9 6H9.09999C8.49999 6 7.99999 6.6 8.09999 7.2C8.59999 10.5 11 13.1 14.2 13.8C14.7 13.9 15 14.3 15 14.8C15 16.5 15 20.5 15 22.2C15 22.7 14.7 23.1 14.2 23.2C12.3 23.6 10.7 24.7 9.59999 26.2C8.99999 27 9.59999 28 10.5 28H21.5C22.4 28 23 27 22.4 26.3C21.3 24.8 19.6 23.7 17.8 23.3C17.3 23.1 17 22.7 17 22.2Z"
fill="url(#paint14_radial_18_13253)"
/>
<path
d="M17 22.2V14.8C17 14.3 17.3 13.9 17.8 13.8C21 13.1 23.4 10.5 23.9 7.2C24 6.6 23.5 6 22.9 6H9.09999C8.49999 6 7.99999 6.6 8.09999 7.2C8.59999 10.5 11 13.1 14.2 13.8C14.7 13.9 15 14.3 15 14.8C15 16.5 15 20.5 15 22.2C15 22.7 14.7 23.1 14.2 23.2C12.3 23.6 10.7 24.7 9.59999 26.2C8.99999 27 9.59999 28 10.5 28H21.5C22.4 28 23 27 22.4 26.3C21.3 24.8 19.6 23.7 17.8 23.3C17.3 23.1 17 22.7 17 22.2Z"
fill="url(#paint15_linear_18_13253)"
/>
<path
d="M17 22.2V14.8C17 14.3 17.3 13.9 17.8 13.8C21 13.1 23.4 10.5 23.9 7.2C24 6.6 23.5 6 22.9 6H9.09999C8.49999 6 7.99999 6.6 8.09999 7.2C8.59999 10.5 11 13.1 14.2 13.8C14.7 13.9 15 14.3 15 14.8C15 16.5 15 20.5 15 22.2C15 22.7 14.7 23.1 14.2 23.2C12.3 23.6 10.7 24.7 9.59999 26.2C8.99999 27 9.59999 28 10.5 28H21.5C22.4 28 23 27 22.4 26.3C21.3 24.8 19.6 23.7 17.8 23.3C17.3 23.1 17 22.7 17 22.2Z"
fill="url(#paint16_radial_18_13253)"
/>
<path
d="M17 22.2V14.8C17 14.3 17.3 13.9 17.8 13.8C21 13.1 23.4 10.5 23.9 7.2C24 6.6 23.5 6 22.9 6H9.09999C8.49999 6 7.99999 6.6 8.09999 7.2C8.59999 10.5 11 13.1 14.2 13.8C14.7 13.9 15 14.3 15 14.8C15 16.5 15 20.5 15 22.2C15 22.7 14.7 23.1 14.2 23.2C12.3 23.6 10.7 24.7 9.59999 26.2C8.99999 27 9.59999 28 10.5 28H21.5C22.4 28 23 27 22.4 26.3C21.3 24.8 19.6 23.7 17.8 23.3C17.3 23.1 17 22.7 17 22.2Z"
fill="url(#paint17_linear_18_13253)"
/>
<path
d="M17 22.2V14.8C17 14.3 17.3 13.9 17.8 13.8C21 13.1 23.4 10.5 23.9 7.2C24 6.6 23.5 6 22.9 6H9.09999C8.49999 6 7.99999 6.6 8.09999 7.2C8.59999 10.5 11 13.1 14.2 13.8C14.7 13.9 15 14.3 15 14.8C15 16.5 15 20.5 15 22.2C15 22.7 14.7 23.1 14.2 23.2C12.3 23.6 10.7 24.7 9.59999 26.2C8.99999 27 9.59999 28 10.5 28H21.5C22.4 28 23 27 22.4 26.3C21.3 24.8 19.6 23.7 17.8 23.3C17.3 23.1 17 22.7 17 22.2Z"
fill="url(#paint18_linear_18_13253)"
/>
<path
d="M17 22.2V14.8C17 14.3 17.3 13.9 17.8 13.8C21 13.1 23.4 10.5 23.9 7.2C24 6.6 23.5 6 22.9 6H9.09999C8.49999 6 7.99999 6.6 8.09999 7.2C8.59999 10.5 11 13.1 14.2 13.8C14.7 13.9 15 14.3 15 14.8C15 16.5 15 20.5 15 22.2C15 22.7 14.7 23.1 14.2 23.2C12.3 23.6 10.7 24.7 9.59999 26.2C8.99999 27 9.59999 28 10.5 28H21.5C22.4 28 23 27 22.4 26.3C21.3 24.8 19.6 23.7 17.8 23.3C17.3 23.1 17 22.7 17 22.2Z"
fill="url(#paint19_radial_18_13253)"
/>
<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(#paint20_linear_18_13253)"
/>
<g filter="url(#filter2_f_18_13253)">
<path
d="M16.0978 21.7194C16.0978 22.8037 15.8335 23.2956 15.7013 23.406H17.1611C16.7574 22.9964 16.7046 22.111 16.7286 21.7194L16.7286 14.7624C16.7286 13.9914 17.1251 13.4473 17.3234 13.4373H15.5752C16.0221 13.7746 16.1098 14.5717 16.0978 14.7624V21.7194Z"
fill="url(#paint21_linear_18_13253)"
/>
</g>
<defs>
<filter
id="filter0_i_18_13253"
x={7}
y={3.90015}
width={18}
height={24.1001}
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_13253"
/>
</filter>
<filter
id="filter1_i_18_13253"
x={8.08719}
y={6}
width={16.1256}
height={22}
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_13253"
/>
</filter>
<filter
id="filter2_f_18_13253"
x={14.8252}
y={12.6873}
width={3.2482}
height={11.4688}
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_13253"
/>
</filter>
<radialGradient
id="paint0_radial_18_13253"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.4325 22.5018) rotate(132.749) scale(6.53011 5.32769)"
>
<stop stopColor="#C4F4FF" />
<stop offset={1} stopColor="#C4F4FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint1_radial_18_13253"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.3066 5.07681) rotate(90) scale(5.29526 11.0115)"
>
<stop stopColor="#C4F4FF" />
<stop offset={1} stopColor="#C4F4FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_13253"
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_13253"
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_13253"
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_13253"
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_13253"
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_13253"
x1={16}
y1={30.2968}
x2={16}
y2={29.328}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7CA0B3" />
<stop offset={1} stopColor="#7CA0B3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_13253"
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>
<radialGradient
id="paint9_radial_18_13253"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.7709 23.8555) rotate(90) scale(11.5013 11.3361)"
>
<stop offset={0.088} stopColor="#FFD68C" />
<stop offset={1} stopColor="#E69E45" />
</radialGradient>
<radialGradient
id="paint10_radial_18_13253"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.2546 5.51137) rotate(127.981) scale(8.53857 7.00385)"
>
<stop stopColor="#F3C169" />
<stop offset={1} stopColor="#F3C169" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_18_13253"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.7857 20.5431) rotate(164.385) scale(18.1172 31.567)"
>
<stop offset={0.667023} stopColor="#B7845C" stopOpacity={0} />
<stop offset={1} stopColor="#B7845C" />
</radialGradient>
<radialGradient
id="paint12_radial_18_13253"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.5596 9.31785) rotate(-24.5429) scale(5.9808 6.42389)"
>
<stop stopColor="#B69E6D" />
<stop offset={1} stopColor="#B69E6D" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint13_radial_18_13253"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.7772 7.15561) rotate(180) scale(11.3534 1.15561)"
>
<stop stopColor="#FFE379" />
<stop offset={0.40625} stopColor="#FFCB56" />
<stop offset={1} stopColor="#FFCB56" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint14_radial_18_13253"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.9128 5.35615) rotate(132.917) scale(11.6205 12.2866)"
>
<stop stopColor="#FFD968" />
<stop offset={1} stopColor="#FFD968" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint15_linear_18_13253"
x1={16}
y1={5.84319}
x2={16}
y2={6.50722}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9E8563" />
<stop offset={1} stopColor="#9E8563" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint16_radial_18_13253"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.1642 26.8589) rotate(90) scale(0.646083 7.46586)"
>
<stop stopColor="#FFD894" />
<stop offset={1} stopColor="#FFD894" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint17_linear_18_13253"
x1={16}
y1={28.2228}
x2={16}
y2={26.7512}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C9895B" />
<stop offset={1} stopColor="#C9895B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint18_linear_18_13253"
x1={16}
y1={28.031}
x2={16}
y2={27.8591}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#54453F" />
<stop offset={1} stopColor="#54453F" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint19_radial_18_13253"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.6561 22.8435) rotate(-154.746) scale(1.83117 0.680555)"
>
<stop stopColor="#FFD87F" />
<stop offset={1} stopColor="#FFD87F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint20_linear_18_13253"
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>
<linearGradient
id="paint21_linear_18_13253"
x1={16.4493}
y1={15.8123}
x2={16.4493}
y2={26.7185}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFDF81" />
<stop offset={1} stopColor="#FFDF81" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = HourglassNotDoneIcon;