@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
284 lines (283 loc) • 10 kB
JSX
const React = require("react");
const TenOclockIcon = ({ 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}
<path
d="M30 16C30 23.732 23.732 30 16 30C8.26801 30 2 23.732 2 16C2 8.26801 8.26801 2 16 2C23.732 2 30 8.26801 30 16Z"
fill="url(#paint0_radial_18_13609)"
/>
<g filter="url(#filter0_f_18_13609)">
<path
d="M15.0376 7.53149C15.5899 7.53149 16.0376 7.97921 16.0376 8.53149V14.8059C16.6303 15.1502 17.0288 15.792 17.0288 16.5268C17.0288 17.6252 16.1384 18.5156 15.04 18.5156C13.9498 18.5156 13.0645 17.6385 13.0513 16.5514L9.34105 14.4093C8.86275 14.1332 8.69888 13.5216 8.97502 13.0433C9.25116 12.565 9.86275 12.4011 10.3411 12.6772L14.0352 14.8101L14.0376 14.8087V8.53149C14.0376 7.97921 14.4853 7.53149 15.0376 7.53149Z"
fill="#C2BFC6"
/>
</g>
<g filter="url(#filter1_i_18_13609)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.0288 7.01587C16.5811 7.01587 17.0288 7.46358 17.0288 8.01587V16.0113C17.0288 16.5635 16.5811 17.0113 16.0288 17.0113C15.4765 17.0113 15.0288 16.5635 15.0288 16.0113V8.01587C15.0288 7.46358 15.4765 7.01587 16.0288 7.01587Z"
fill="url(#paint1_linear_18_13609)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.96625 12.5277C10.2424 12.0494 10.854 11.8855 11.3323 12.1616L16.5 15.1452C16.9783 15.4213 17.1422 16.0329 16.866 16.5112C16.5899 16.9895 15.9783 17.1534 15.5 16.8773L10.3323 13.8937C9.85398 13.6175 9.69011 13.0059 9.96625 12.5277Z"
fill="url(#paint2_linear_18_13609)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.96625 12.5277C10.2424 12.0494 10.854 11.8855 11.3323 12.1616L16.5 15.1452C16.9783 15.4213 17.1422 16.0329 16.866 16.5112C16.5899 16.9895 15.9783 17.1534 15.5 16.8773L10.3323 13.8937C9.85398 13.6175 9.69011 13.0059 9.96625 12.5277Z"
fill="url(#paint3_linear_18_13609)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.96625 12.5277C10.2424 12.0494 10.854 11.8855 11.3323 12.1616L16.5 15.1452C16.9783 15.4213 17.1422 16.0329 16.866 16.5112C16.5899 16.9895 15.9783 17.1534 15.5 16.8773L10.3323 13.8937C9.85398 13.6175 9.69011 13.0059 9.96625 12.5277Z"
fill="url(#paint4_radial_18_13609)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.96625 12.5277C10.2424 12.0494 10.854 11.8855 11.3323 12.1616L16.5 15.1452C16.9783 15.4213 17.1422 16.0329 16.866 16.5112C16.5899 16.9895 15.9783 17.1534 15.5 16.8773L10.3323 13.8937C9.85398 13.6175 9.69011 13.0059 9.96625 12.5277Z"
fill="url(#paint5_linear_18_13609)"
/>
<g filter="url(#filter2_ii_18_13609)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16 27C22.0751 27 27 22.0751 27 16C27 9.92487 22.0751 5 16 5C9.92487 5 5 9.92487 5 16C5 22.0751 9.92487 27 16 27ZM16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30Z"
fill="url(#paint6_linear_18_13609)"
/>
</g>
<path
d="M18.02 16.0112C18.02 17.1096 17.1296 18 16.0312 18C14.9328 18 14.0424 17.1096 14.0424 16.0112C14.0424 14.9128 14.9328 14.0223 16.0312 14.0223C17.1296 14.0223 18.02 14.9128 18.02 16.0112Z"
fill="url(#paint7_radial_18_13609)"
/>
<path
d="M18.02 16.0112C18.02 17.1096 17.1296 18 16.0312 18C14.9328 18 14.0424 17.1096 14.0424 16.0112C14.0424 14.9128 14.9328 14.0223 16.0312 14.0223C17.1296 14.0223 18.02 14.9128 18.02 16.0112Z"
fill="url(#paint8_radial_18_13609)"
/>
<defs>
<filter
id="filter0_f_18_13609"
x={7.34088}
y={6.03149}
width={11.1879}
height={13.9841}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_18_13609"
/>
</filter>
<filter
id="filter1_i_18_13609"
x={15.0288}
y={7.01587}
width={2.6}
height={9.99539}
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.6} />
<feGaussianBlur stdDeviation={0.425} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.635294 0 0 0 0 0.227451 0 0 0 0 0.403922 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_13609"
/>
</filter>
<filter
id="filter2_ii_18_13609"
x={1.6}
y={1.6}
width={28.8}
height={28.8}
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} dy={-0.4} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.282353 0 0 0 0 0.254902 0 0 0 0 0.313726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_13609"
/>
<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} dy={0.4} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.533333 0 0 0 0 0.533333 0 0 0 0 0.533333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_13609"
result="effect2_innerShadow_18_13609"
/>
</filter>
<radialGradient
id="paint0_radial_18_13609"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.57405 24.4982) rotate(-46.2124) scale(25.2966)"
>
<stop offset={0.598155} stopColor="#DDDADF" />
<stop offset={1} stopColor="#BDBABF" />
</radialGradient>
<linearGradient
id="paint1_linear_18_13609"
x1={16.0288}
y1={7.01587}
x2={16.0288}
y2={17.0113}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F83F4C" />
<stop offset={1} stopColor="#F74093" />
</linearGradient>
<linearGradient
id="paint2_linear_18_13609"
x1={9.96625}
y1={12.5277}
x2={14.9991}
y2={15.4334}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#32183D" />
<stop offset={1} stopColor="#2C3A65" />
</linearGradient>
<linearGradient
id="paint3_linear_18_13609"
x1={12.0904}
y1={14.9088}
x2={12.5904}
y2={14.0427}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2E2840" />
<stop offset={1} stopColor="#2E2840" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_13609"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.6107 12.1961) rotate(30) scale(5.73026 0.815281)"
>
<stop stopColor="#50375F" />
<stop offset={1} stopColor="#50375F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_13609"
x1={9.96625}
y1={12.5277}
x2={10.5878}
y2={12.8865}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3E1846" />
<stop offset={1} stopColor="#3E1846" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_13609"
x1={24.5108}
y1={4.01349}
x2={4.28379}
y2={28.5336}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6D6B70" />
<stop offset={1} stopColor="#706C74" />
</linearGradient>
<radialGradient
id="paint7_radial_18_13609"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.111 15.5527) rotate(134.039) scale(3.40442)"
>
<stop stopColor="#C9C6CC" />
<stop offset={1} stopColor="#928E95" />
</radialGradient>
<radialGradient
id="paint8_radial_18_13609"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5937 15.5047) rotate(139.399) scale(2.88111)"
>
<stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} />
<stop offset={1} stopColor="#776F7F" />
</radialGradient>
</defs>
</svg>
);
module.exports = TenOclockIcon;