@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
284 lines (283 loc) • 10.2 kB
JSX
const React = require("react");
const TwoOclockIcon = ({ 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 16.2009C30 23.9329 23.732 30.2009 16 30.2009C8.26801 30.2009 2 23.9329 2 16.2009C2 8.46894 8.26801 2.20093 16 2.20093C23.732 2.20093 30 8.46894 30 16.2009Z"
fill="url(#paint0_radial_18_13513)"
/>
<g filter="url(#filter0_f_18_13513)">
<path
d="M15.0288 8.2168C15.5811 8.2168 16.0288 8.66451 16.0288 9.2168V15.4636L19.6677 13.3627C20.146 13.0865 20.7576 13.2504 21.0338 13.7287C21.3099 14.207 21.146 14.8186 20.6677 15.0947L17.02 17.2007C17.02 17.2045 17.02 17.2083 17.02 17.2121C17.02 18.3105 16.1296 19.2009 15.0312 19.2009C13.9328 19.2009 13.0424 18.3105 13.0424 17.2121C13.0424 16.4792 13.4387 15.839 14.0288 15.494V9.2168C14.0288 8.66451 14.4765 8.2168 15.0288 8.2168Z"
fill="#C5C1C8"
/>
</g>
<g filter="url(#filter1_i_18_13513)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.0288 7.2168C16.5811 7.2168 17.0288 7.66451 17.0288 8.2168V16.2122C17.0288 16.7645 16.5811 17.2122 16.0288 17.2122C15.4765 17.2122 15.0288 16.7645 15.0288 16.2122V8.2168C15.0288 7.66451 15.4765 7.2168 16.0288 7.2168Z"
fill="url(#paint1_linear_18_13513)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M22.0338 12.7288C22.3099 13.2071 22.146 13.8187 21.6677 14.0948L16.5 17.0784C16.0217 17.3546 15.4101 17.1907 15.134 16.7124C14.8578 16.2341 15.0217 15.6225 15.5 15.3464L20.6677 12.3628C21.146 12.0867 21.7576 12.2505 22.0338 12.7288Z"
fill="url(#paint2_linear_18_13513)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M22.0338 12.7288C22.3099 13.2071 22.146 13.8187 21.6677 14.0948L16.5 17.0784C16.0217 17.3546 15.4101 17.1907 15.134 16.7124C14.8578 16.2341 15.0217 15.6225 15.5 15.3464L20.6677 12.3628C21.146 12.0867 21.7576 12.2505 22.0338 12.7288Z"
fill="url(#paint3_linear_18_13513)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M22.0338 12.7288C22.3099 13.2071 22.146 13.8187 21.6677 14.0948L16.5 17.0784C16.0217 17.3546 15.4101 17.1907 15.134 16.7124C14.8578 16.2341 15.0217 15.6225 15.5 15.3464L20.6677 12.3628C21.146 12.0867 21.7576 12.2505 22.0338 12.7288Z"
fill="url(#paint4_radial_18_13513)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M22.0338 12.7288C22.3099 13.2071 22.146 13.8187 21.6677 14.0948L16.5 17.0784C16.0217 17.3546 15.4101 17.1907 15.134 16.7124C14.8578 16.2341 15.0217 15.6225 15.5 15.3464L20.6677 12.3628C21.146 12.0867 21.7576 12.2505 22.0338 12.7288Z"
fill="url(#paint5_linear_18_13513)"
/>
<g filter="url(#filter2_ii_18_13513)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16 27.2009C22.0751 27.2009 27 22.2761 27 16.2009C27 10.1258 22.0751 5.20093 16 5.20093C9.92487 5.20093 5 10.1258 5 16.2009C5 22.2761 9.92487 27.2009 16 27.2009ZM16 30.2009C23.732 30.2009 30 23.9329 30 16.2009C30 8.46894 23.732 2.20093 16 2.20093C8.26801 2.20093 2 8.46894 2 16.2009C2 23.9329 8.26801 30.2009 16 30.2009Z"
fill="url(#paint6_linear_18_13513)"
/>
</g>
<path
d="M18.02 16.2122C18.02 17.3106 17.1296 18.201 16.0312 18.201C14.9328 18.201 14.0424 17.3106 14.0424 16.2122C14.0424 15.1138 14.9328 14.2234 16.0312 14.2234C17.1296 14.2234 18.02 15.1138 18.02 16.2122Z"
fill="url(#paint7_radial_18_13513)"
/>
<path
d="M18.02 16.2122C18.02 17.3106 17.1296 18.201 16.0312 18.201C14.9328 18.201 14.0424 17.3106 14.0424 16.2122C14.0424 15.1138 14.9328 14.2234 16.0312 14.2234C17.1296 14.2234 18.02 15.1138 18.02 16.2122Z"
fill="url(#paint8_radial_18_13513)"
/>
<defs>
<filter
id="filter0_f_18_13513"
x={11.5424}
y={6.7168}
width={11.1255}
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_13513"
/>
</filter>
<filter
id="filter1_i_18_13513"
x={15.0288}
y={7.2168}
width={2.6}
height={9.99536}
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_13513"
/>
</filter>
<filter
id="filter2_ii_18_13513"
x={1.6}
y={1.80093}
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_13513"
/>
<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_13513"
result="effect2_innerShadow_18_13513"
/>
</filter>
<radialGradient
id="paint0_radial_18_13513"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.57405 24.6992) rotate(-46.2124) scale(25.2966)"
>
<stop offset={0.598155} stopColor="#DDDADF" />
<stop offset={1} stopColor="#BDBABF" />
</radialGradient>
<linearGradient
id="paint1_linear_18_13513"
x1={16.0288}
y1={7.2168}
x2={16.0288}
y2={17.2122}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F83F4C" />
<stop offset={1} stopColor="#F74093" />
</linearGradient>
<linearGradient
id="paint2_linear_18_13513"
x1={22.0338}
y1={12.7288}
x2={17.0009}
y2={15.6345}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#32183D" />
<stop offset={1} stopColor="#2C3A65" />
</linearGradient>
<linearGradient
id="paint3_linear_18_13513"
x1={18.9096}
y1={13.3779}
x2={19.4096}
y2={14.2439}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2E2840" />
<stop offset={1} stopColor="#2E2840" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_13513"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.9986 13.4527) rotate(150) scale(5.73026 0.815281)"
>
<stop stopColor="#50375F" />
<stop offset={1} stopColor="#50375F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_13513"
x1={22.0338}
y1={12.7288}
x2={21.4122}
y2={13.0877}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3E1846" />
<stop offset={1} stopColor="#3E1846" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_13513"
x1={24.5108}
y1={4.21442}
x2={4.28379}
y2={28.7345}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6D6B70" />
<stop offset={1} stopColor="#706C74" />
</linearGradient>
<radialGradient
id="paint7_radial_18_13513"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.111 15.7537) rotate(134.039) scale(3.40442)"
>
<stop stopColor="#C9C6CC" />
<stop offset={1} stopColor="#928E95" />
</radialGradient>
<radialGradient
id="paint8_radial_18_13513"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5937 15.7057) rotate(139.399) scale(2.88111)"
>
<stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} />
<stop offset={1} stopColor="#776F7F" />
</radialGradient>
</defs>
</svg>
);
module.exports = TwoOclockIcon;