@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 EightOclockIcon = ({ 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.0112C30 23.7432 23.732 30.0112 16 30.0112C8.26801 30.0112 2 23.7432 2 16.0112C2 8.27918 8.26801 2.01117 16 2.01117C23.732 2.01117 30 8.27918 30 16.0112Z"
fill="url(#paint0_radial_18_13585)"
/>
<g filter="url(#filter0_f_18_13585)">
<path
d="M15.4036 7.78253C15.9559 7.78253 16.4036 8.23025 16.4036 8.78253V15.0569C16.9963 15.4013 17.3948 16.043 17.3948 16.7778C17.3948 17.8762 16.5044 18.7667 15.406 18.7667C15.0454 18.7667 14.7073 18.6707 14.4157 18.503L10.7359 20.6275C10.2576 20.9036 9.646 20.7398 9.36986 20.2615C9.09372 19.7832 9.25759 19.1716 9.73588 18.8955L13.4172 16.7701C13.42 16.0404 13.8156 15.4035 14.4036 15.0597V8.78253C14.4036 8.23025 14.8513 7.78253 15.4036 7.78253Z"
fill="#C6C3C9"
/>
</g>
<g filter="url(#filter1_i_18_13585)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.0288 7.02704C16.5811 7.02704 17.0288 7.47475 17.0288 8.02704V16.0224C17.0288 16.5747 16.5811 17.0224 16.0288 17.0224C15.4765 17.0224 15.0288 16.5747 15.0288 16.0224V8.02704C15.0288 7.47475 15.4765 7.02704 16.0288 7.02704Z"
fill="url(#paint1_linear_18_13585)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.99506 19.506C9.71891 19.0277 9.88279 18.4161 10.3611 18.14L15.5288 15.1564C16.0071 14.8802 16.6187 15.0441 16.8948 15.5224C17.171 16.0007 17.0071 16.6123 16.5288 16.8884L11.3611 19.872C10.8828 20.1482 10.2712 19.9843 9.99506 19.506Z"
fill="url(#paint2_linear_18_13585)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.99506 19.506C9.71891 19.0277 9.88279 18.4161 10.3611 18.14L15.5288 15.1564C16.0071 14.8802 16.6187 15.0441 16.8948 15.5224C17.171 16.0007 17.0071 16.6123 16.5288 16.8884L11.3611 19.872C10.8828 20.1482 10.2712 19.9843 9.99506 19.506Z"
fill="url(#paint3_linear_18_13585)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.99506 19.506C9.71891 19.0277 9.88279 18.4161 10.3611 18.14L15.5288 15.1564C16.0071 14.8802 16.6187 15.0441 16.8948 15.5224C17.171 16.0007 17.0071 16.6123 16.5288 16.8884L11.3611 19.872C10.8828 20.1482 10.2712 19.9843 9.99506 19.506Z"
fill="url(#paint4_radial_18_13585)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.99506 19.506C9.71891 19.0277 9.88279 18.4161 10.3611 18.14L15.5288 15.1564C16.0071 14.8802 16.6187 15.0441 16.8948 15.5224C17.171 16.0007 17.0071 16.6123 16.5288 16.8884L11.3611 19.872C10.8828 20.1482 10.2712 19.9843 9.99506 19.506Z"
fill="url(#paint5_linear_18_13585)"
/>
<g filter="url(#filter2_ii_18_13585)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16 27.0112C22.0751 27.0112 27 22.0863 27 16.0112C27 9.93604 22.0751 5.01117 16 5.01117C9.92487 5.01117 5 9.93604 5 16.0112C5 22.0863 9.92487 27.0112 16 27.0112ZM16 30.0112C23.732 30.0112 30 23.7432 30 16.0112C30 8.27918 23.732 2.01117 16 2.01117C8.26801 2.01117 2 8.27918 2 16.0112C2 23.7432 8.26801 30.0112 16 30.0112Z"
fill="url(#paint6_linear_18_13585)"
/>
</g>
<path
d="M18.02 16.0223C18.02 17.1207 17.1296 18.0112 16.0312 18.0112C14.9328 18.0112 14.0424 17.1207 14.0424 16.0223C14.0424 14.9239 14.9328 14.0335 16.0312 14.0335C17.1296 14.0335 18.02 14.9239 18.02 16.0223Z"
fill="url(#paint7_radial_18_13585)"
/>
<path
d="M18.02 16.0223C18.02 17.1207 17.1296 18.0112 16.0312 18.0112C14.9328 18.0112 14.0424 17.1207 14.0424 16.0223C14.0424 14.9239 14.9328 14.0335 16.0312 14.0335C17.1296 14.0335 18.02 14.9239 18.02 16.0223Z"
fill="url(#paint8_radial_18_13585)"
/>
<defs>
<filter
id="filter0_f_18_13585"
x={7.73572}
y={6.28253}
width={11.1591}
height={15.9791}
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_13585"
/>
</filter>
<filter
id="filter1_i_18_13585"
x={15.0288}
y={7.02704}
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_13585"
/>
</filter>
<filter
id="filter2_ii_18_13585"
x={1.6}
y={1.61117}
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_13585"
/>
<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_13585"
result="effect2_innerShadow_18_13585"
/>
</filter>
<radialGradient
id="paint0_radial_18_13585"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.57405 24.5094) rotate(-46.2124) scale(25.2966)"
>
<stop offset={0.598155} stopColor="#DDDADF" />
<stop offset={1} stopColor="#BDBABF" />
</radialGradient>
<linearGradient
id="paint1_linear_18_13585"
x1={16.0288}
y1={7.02704}
x2={16.0288}
y2={17.0224}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F83F4C" />
<stop offset={1} stopColor="#F74093" />
</linearGradient>
<linearGradient
id="paint2_linear_18_13585"
x1={9.99506}
y1={19.506}
x2={15.0279}
y2={16.6003}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#32183D" />
<stop offset={1} stopColor="#2C3A65" />
</linearGradient>
<linearGradient
id="paint3_linear_18_13585"
x1={13.1193}
y1={18.8569}
x2={12.6193}
y2={17.9909}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2E2840" />
<stop offset={1} stopColor="#2E2840" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_13585"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.0302 18.7821) rotate(-30) scale(5.73026 0.815281)"
>
<stop stopColor="#50375F" />
<stop offset={1} stopColor="#50375F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_13585"
x1={9.99506}
y1={19.506}
x2={10.6166}
y2={19.1472}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3E1846" />
<stop offset={1} stopColor="#3E1846" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_13585"
x1={24.5108}
y1={4.02466}
x2={4.28379}
y2={28.5448}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6D6B70" />
<stop offset={1} stopColor="#706C74" />
</linearGradient>
<radialGradient
id="paint7_radial_18_13585"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.111 15.5638) rotate(134.039) scale(3.40442)"
>
<stop stopColor="#C9C6CC" />
<stop offset={1} stopColor="#928E95" />
</radialGradient>
<radialGradient
id="paint8_radial_18_13585"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5937 15.5158) rotate(139.399) scale(2.88111)"
>
<stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} />
<stop offset={1} stopColor="#776F7F" />
</radialGradient>
</defs>
</svg>
);
module.exports = EightOclockIcon;