@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
303 lines (302 loc) • 11.2 kB
JSX
const React = require("react");
const TenThirtyIcon = ({ 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.0312 16.0112C30.0312 23.7432 23.7632 30.0112 16.0312 30.0112C8.2992 30.0112 2.03119 23.7432 2.03119 16.0112C2.03119 8.27918 8.2992 2.01117 16.0312 2.01117C23.7632 2.01117 30.0312 8.27918 30.0312 16.0112Z"
fill="url(#paint0_radial_18_13615)"
/>
<g filter="url(#filter0_f_18_13615)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.63158 13.5205C9.90772 13.0422 10.5193 12.8783 10.9976 13.1545L14.7014 15.2929C14.9941 15.1234 15.334 15.0264 15.6965 15.0264C16.7949 15.0264 17.6853 15.9168 17.6853 17.0152C17.6853 17.7501 17.2868 18.3918 16.6941 18.7361V25.0107C16.6941 25.563 16.2464 26.0107 15.6941 26.0107C15.1419 26.0107 14.6941 25.563 14.6941 25.0107V18.7334C14.1076 18.3905 13.7125 17.7558 13.7077 17.0286L9.9976 14.8865C9.51931 14.6104 9.35544 13.9988 9.63158 13.5205Z"
fill="#C3BEC5"
/>
</g>
<g filter="url(#filter1_i_18_13615)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.06 15.0224C16.6123 15.0224 17.06 15.4701 17.06 16.0224V24.0178C17.06 24.5701 16.6123 25.0178 16.06 25.0178C15.5077 25.0178 15.06 24.5701 15.06 24.0178V16.0224C15.06 15.4701 15.5077 15.0224 16.06 15.0224Z"
fill="url(#paint1_linear_18_13615)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.06 15.0224C16.6123 15.0224 17.06 15.4701 17.06 16.0224V24.0178C17.06 24.5701 16.6123 25.0178 16.06 25.0178C15.5077 25.0178 15.06 24.5701 15.06 24.0178V16.0224C15.06 15.4701 15.5077 15.0224 16.06 15.0224Z"
fill="url(#paint2_radial_18_13615)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.99744 12.5276C10.2736 12.0493 10.8852 11.8854 11.3635 12.1616L16.5312 15.1451C17.0095 15.4213 17.1733 16.0329 16.8972 16.5112C16.6211 16.9895 16.0095 17.1533 15.5312 16.8772L10.3635 13.8936C9.88517 13.6175 9.72129 13.0059 9.99744 12.5276Z"
fill="url(#paint3_linear_18_13615)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.99744 12.5276C10.2736 12.0493 10.8852 11.8854 11.3635 12.1616L16.5312 15.1451C17.0095 15.4213 17.1733 16.0329 16.8972 16.5112C16.6211 16.9895 16.0095 17.1533 15.5312 16.8772L10.3635 13.8936C9.88517 13.6175 9.72129 13.0059 9.99744 12.5276Z"
fill="url(#paint4_linear_18_13615)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.99744 12.5276C10.2736 12.0493 10.8852 11.8854 11.3635 12.1616L16.5312 15.1451C17.0095 15.4213 17.1733 16.0329 16.8972 16.5112C16.6211 16.9895 16.0095 17.1533 15.5312 16.8772L10.3635 13.8936C9.88517 13.6175 9.72129 13.0059 9.99744 12.5276Z"
fill="url(#paint5_radial_18_13615)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.99744 12.5276C10.2736 12.0493 10.8852 11.8854 11.3635 12.1616L16.5312 15.1451C17.0095 15.4213 17.1733 16.0329 16.8972 16.5112C16.6211 16.9895 16.0095 17.1533 15.5312 16.8772L10.3635 13.8936C9.88517 13.6175 9.72129 13.0059 9.99744 12.5276Z"
fill="url(#paint6_linear_18_13615)"
/>
<g filter="url(#filter2_ii_18_13615)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.0312 27.0112C22.1063 27.0112 27.0312 22.0863 27.0312 16.0112C27.0312 9.93604 22.1063 5.01117 16.0312 5.01117C9.95606 5.01117 5.03119 9.93604 5.03119 16.0112C5.03119 22.0863 9.95606 27.0112 16.0312 27.0112ZM16.0312 30.0112C23.7632 30.0112 30.0312 23.7432 30.0312 16.0112C30.0312 8.27918 23.7632 2.01117 16.0312 2.01117C8.2992 2.01117 2.03119 8.27918 2.03119 16.0112C2.03119 23.7432 8.2992 30.0112 16.0312 30.0112Z"
fill="url(#paint7_linear_18_13615)"
/>
</g>
<path
d="M18.0512 16.0223C18.0512 17.1207 17.1608 18.0112 16.0624 18.0112C14.964 18.0112 14.0735 17.1207 14.0735 16.0223C14.0735 14.9239 14.964 14.0335 16.0624 14.0335C17.1608 14.0335 18.0512 14.9239 18.0512 16.0223Z"
fill="url(#paint8_radial_18_13615)"
/>
<path
d="M18.0512 16.0223C18.0512 17.1207 17.1608 18.0112 16.0624 18.0112C14.964 18.0112 14.0735 17.1207 14.0735 16.0223C14.0735 14.9239 14.964 14.0335 16.0624 14.0335C17.1608 14.0335 18.0512 14.9239 18.0512 16.0223Z"
fill="url(#paint9_radial_18_13615)"
/>
<defs>
<filter
id="filter0_f_18_13615"
x={7.99744}
y={11.5203}
width={11.1879}
height={15.9904}
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_13615"
/>
</filter>
<filter
id="filter1_i_18_13615"
x={15.06}
y={15.0224}
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_13615"
/>
</filter>
<filter
id="filter2_ii_18_13615"
x={1.63119}
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_13615"
/>
<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_13615"
result="effect2_innerShadow_18_13615"
/>
</filter>
<radialGradient
id="paint0_radial_18_13615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.60523 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_13615"
x1={16.06}
y1={15.0224}
x2={16.06}
y2={25.0178}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F74093" />
<stop offset={1} stopColor="#F83F4C" />
</linearGradient>
<radialGradient
id="paint2_radial_18_13615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.7052 16.9487) rotate(150.018) scale(3.75208 1.82648)"
>
<stop offset={0.115385} stopColor="#911A57" />
<stop offset={1} stopColor="#911A57" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_13615"
x1={9.99744}
y1={12.5276}
x2={15.0303}
y2={15.4333}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#32183D" />
<stop offset={1} stopColor="#2C3A65" />
</linearGradient>
<linearGradient
id="paint4_linear_18_13615"
x1={12.1216}
y1={14.9087}
x2={12.6216}
y2={14.0427}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2E2840" />
<stop offset={1} stopColor="#2E2840" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_13615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.6419 12.1961) rotate(30) scale(5.73026 0.815281)"
>
<stop stopColor="#50375F" />
<stop offset={1} stopColor="#50375F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_13615"
x1={9.99744}
y1={12.5276}
x2={10.619}
y2={12.8864}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3E1846" />
<stop offset={1} stopColor="#3E1846" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_13615"
x1={24.542}
y1={4.02466}
x2={4.31498}
y2={28.5448}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6D6B70" />
<stop offset={1} stopColor="#706C74" />
</linearGradient>
<radialGradient
id="paint8_radial_18_13615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.1422 15.5638) rotate(134.039) scale(3.40442)"
>
<stop stopColor="#C9C6CC" />
<stop offset={1} stopColor="#928E95" />
</radialGradient>
<radialGradient
id="paint9_radial_18_13615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.6249 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 = TenThirtyIcon;