@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
284 lines (283 loc) • 10.1 kB
JSX
const React = require("react");
const SevenOclockIcon = ({ 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_13573)"
/>
<g filter="url(#filter0_f_18_13573)">
<path
d="M15.0376 7.38184C15.5899 7.38184 16.0376 7.82956 16.0376 8.38184V14.6562C16.6303 15.0006 17.0288 15.6423 17.0288 16.3771C17.0288 17.4755 16.1384 18.366 15.04 18.366C15.0318 18.366 15.0236 18.3659 15.0154 18.3658L12.8912 22.0449C12.6151 22.5232 12.0035 22.6871 11.5252 22.4109C11.0469 22.1348 10.8831 21.5232 11.1592 21.0449L13.2988 17.339C13.141 17.0539 13.0512 16.726 13.0512 16.3771C13.0512 15.6443 13.4475 15.004 14.0376 14.659V8.38184C14.0376 7.82956 14.4853 7.38184 15.0376 7.38184Z"
fill="#C6BCC0"
/>
</g>
<g filter="url(#filter1_i_18_13573)">
<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_13573)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.5164 22.045C12.0381 21.7689 11.8743 21.1573 12.1504 20.679L15.134 15.5113C15.4101 15.033 16.0217 14.8691 16.5 15.1453C16.9783 15.4214 17.1422 16.033 16.866 16.5113L13.8824 21.679C13.6063 22.1573 12.9947 22.3212 12.5164 22.045Z"
fill="url(#paint2_linear_18_13573)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.5164 22.045C12.0381 21.7689 11.8743 21.1573 12.1504 20.679L15.134 15.5113C15.4101 15.033 16.0217 14.8691 16.5 15.1453C16.9783 15.4214 17.1422 16.033 16.866 16.5113L13.8824 21.679C13.6063 22.1573 12.9947 22.3212 12.5164 22.045Z"
fill="url(#paint3_linear_18_13573)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.5164 22.045C12.0381 21.7689 11.8743 21.1573 12.1504 20.679L15.134 15.5113C15.4101 15.033 16.0217 14.8691 16.5 15.1453C16.9783 15.4214 17.1422 16.033 16.866 16.5113L13.8824 21.679C13.6063 22.1573 12.9947 22.3212 12.5164 22.045Z"
fill="url(#paint4_radial_18_13573)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.5164 22.045C12.0381 21.7689 11.8743 21.1573 12.1504 20.679L15.134 15.5113C15.4101 15.033 16.0217 14.8691 16.5 15.1453C16.9783 15.4214 17.1422 16.033 16.866 16.5113L13.8824 21.679C13.6063 22.1573 12.9947 22.3212 12.5164 22.045Z"
fill="url(#paint5_linear_18_13573)"
/>
<g filter="url(#filter2_ii_18_13573)">
<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_13573)"
/>
</g>
<path
d="M18.02 16.0113C18.02 17.1097 17.1296 18.0001 16.0312 18.0001C14.9328 18.0001 14.0424 17.1097 14.0424 16.0113C14.0424 14.9129 14.9328 14.0225 16.0312 14.0225C17.1296 14.0225 18.02 14.9129 18.02 16.0113Z"
fill="url(#paint7_radial_18_13573)"
/>
<path
d="M18.02 16.0113C18.02 17.1097 17.1296 18.0001 16.0312 18.0001C14.9328 18.0001 14.0424 17.1097 14.0424 16.0113C14.0424 14.9129 14.9328 14.0225 16.0312 14.0225C17.1296 14.0225 18.02 14.9129 18.02 16.0113Z"
fill="url(#paint8_radial_18_13573)"
/>
<defs>
<filter
id="filter0_f_18_13573"
x={9.52505}
y={5.88184}
width={9.00375}
height={18.1633}
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_13573"
/>
</filter>
<filter
id="filter1_i_18_13573"
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_13573"
/>
</filter>
<filter
id="filter2_ii_18_13573"
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_13573"
/>
<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_13573"
result="effect2_innerShadow_18_13573"
/>
</filter>
<radialGradient
id="paint0_radial_18_13573"
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_13573"
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_13573"
x1={12.5164}
y1={22.045}
x2={15.4221}
y2={17.0122}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#32183D" />
<stop offset={1} stopColor="#2C3A65" />
</linearGradient>
<linearGradient
id="paint3_linear_18_13573"
x1={14.8975}
y1={19.9208}
x2={14.0315}
y2={19.4208}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2E2840" />
<stop offset={1} stopColor="#2E2840" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_13573"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.1849 21.4005) rotate(-60) scale(5.73026 0.815281)"
>
<stop stopColor="#50375F" />
<stop offset={1} stopColor="#50375F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_13573"
x1={12.5164}
y1={22.045}
x2={12.8753}
y2={21.4235}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3E1846" />
<stop offset={1} stopColor="#3E1846" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_13573"
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_13573"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.111 15.5528) rotate(134.039) scale(3.40442)"
>
<stop stopColor="#C9C6CC" />
<stop offset={1} stopColor="#928E95" />
</radialGradient>
<radialGradient
id="paint8_radial_18_13573"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5937 15.5048) rotate(139.399) scale(2.88111)"
>
<stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} />
<stop offset={1} stopColor="#776F7F" />
</radialGradient>
</defs>
</svg>
);
module.exports = SevenOclockIcon;