@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
301 lines (300 loc) • 11 kB
JSX
const React = require("react");
const EightThirtyIcon = ({ 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_13591)"
/>
<g filter="url(#filter0_f_18_13591)">
<path
d="M16.4036 18.5896C16.9963 18.2452 17.3948 17.6035 17.3948 16.8687C17.3948 15.7703 16.5044 14.8798 15.406 14.8798C14.3076 14.8798 13.4172 15.7703 13.4172 16.8687C13.4172 16.8962 13.4178 16.9236 13.4189 16.9509L9.73592 18.9863C9.25762 19.2624 9.09375 19.874 9.36989 20.3523C9.64604 20.8306 10.2576 20.9945 10.7359 20.7183L14.4036 18.6008V24.8641C14.4036 25.4164 14.8514 25.8641 15.4036 25.8641C15.9559 25.8641 16.4036 25.4164 16.4036 24.8641V18.5896Z"
fill="#C6C2C9"
/>
</g>
<g filter="url(#filter1_i_18_13591)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.0288 15.0224C16.5811 15.0224 17.0288 15.4701 17.0288 16.0224V24.0178C17.0288 24.5701 16.5811 25.0178 16.0288 25.0178C15.4765 25.0178 15.0288 24.5701 15.0288 24.0178V16.0224C15.0288 15.4701 15.4765 15.0224 16.0288 15.0224Z"
fill="url(#paint1_linear_18_13591)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.0288 15.0224C16.5811 15.0224 17.0288 15.4701 17.0288 16.0224V24.0178C17.0288 24.5701 16.5811 25.0178 16.0288 25.0178C15.4765 25.0178 15.0288 24.5701 15.0288 24.0178V16.0224C15.0288 15.4701 15.4765 15.0224 16.0288 15.0224Z"
fill="url(#paint2_radial_18_13591)"
/>
</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(#paint3_linear_18_13591)"
/>
<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_linear_18_13591)"
/>
<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_radial_18_13591)"
/>
<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(#paint6_linear_18_13591)"
/>
<g filter="url(#filter2_ii_18_13591)">
<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(#paint7_linear_18_13591)"
/>
</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(#paint8_radial_18_13591)"
/>
<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(#paint9_radial_18_13591)"
/>
<defs>
<filter
id="filter0_f_18_13591"
x={7.73575}
y={13.3798}
width={11.1591}
height={13.9843}
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_13591"
/>
</filter>
<filter
id="filter1_i_18_13591"
x={15.0288}
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_13591"
/>
</filter>
<filter
id="filter2_ii_18_13591"
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_13591"
/>
<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_13591"
result="effect2_innerShadow_18_13591"
/>
</filter>
<radialGradient
id="paint0_radial_18_13591"
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_13591"
x1={16.0288}
y1={15.0224}
x2={16.0288}
y2={25.0178}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F83F4C" />
<stop offset={1} stopColor="#F74093" />
</linearGradient>
<radialGradient
id="paint2_radial_18_13591"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.1875 17.741) rotate(146.437) scale(1.95012 1.33455)"
>
<stop offset={0.293124} stopColor="#911A57" />
<stop offset={1} stopColor="#911A57" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_13591"
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="paint4_linear_18_13591"
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="paint5_radial_18_13591"
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="paint6_linear_18_13591"
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="paint7_linear_18_13591"
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="paint8_radial_18_13591"
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="paint9_radial_18_13591"
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 = EightThirtyIcon;