@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 ElevenThirtyIcon = ({ 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 16C30.0312 23.732 23.7632 30 16.0312 30C8.2992 30 2.03119 23.732 2.03119 16C2.03119 8.26801 8.2992 2 16.0312 2C23.7632 2 30.0312 8.26801 30.0312 16Z"
fill="url(#paint0_radial_18_13627)"
/>
<g filter="url(#filter0_f_18_13627)">
<path
d="M11.5476 10.9662C12.0259 10.6901 12.6375 10.854 12.9136 11.3323L15.0441 15.0224C15.0502 15.0223 15.0563 15.0223 15.0624 15.0223C16.1608 15.0223 17.0512 15.9128 17.0512 17.0112C17.0512 17.746 16.6527 18.3877 16.06 18.7321V25.0066C16.06 25.5589 15.6123 26.0066 15.06 26.0066C14.5077 26.0066 14.06 25.5589 14.06 25.0066V18.7293C13.4699 18.3843 13.0735 17.744 13.0735 17.0112C13.0735 16.6599 13.1646 16.33 13.3243 16.0436L11.1816 12.3323C10.9054 11.854 11.0693 11.2424 11.5476 10.9662Z"
fill="#C2BEC5"
/>
</g>
<g filter="url(#filter1_i_18_13627)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.06 15.0112C16.6123 15.0112 17.06 15.4589 17.06 16.0112V24.0066C17.06 24.5589 16.6123 25.0066 16.06 25.0066C15.5077 25.0066 15.06 24.5589 15.06 24.0066V16.0112C15.06 15.4589 15.5077 15.0112 16.06 15.0112Z"
fill="url(#paint1_linear_18_13627)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.06 15.0112C16.6123 15.0112 17.06 15.4589 17.06 16.0112V24.0066C17.06 24.5589 16.6123 25.0066 16.06 25.0066C15.5077 25.0066 15.06 24.5589 15.06 24.0066V16.0112C15.06 15.4589 15.5077 15.0112 16.06 15.0112Z"
fill="url(#paint2_radial_18_13627)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.5476 9.96619C13.0259 9.69004 13.6375 9.85392 13.9136 10.3322L16.8972 15.4999C17.1734 15.9782 17.0095 16.5898 16.5312 16.866C16.0529 17.1421 15.4413 16.9782 15.1652 16.4999L12.1816 11.3322C11.9054 10.8539 12.0693 10.2423 12.5476 9.96619Z"
fill="url(#paint3_linear_18_13627)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.5476 9.96619C13.0259 9.69004 13.6375 9.85392 13.9136 10.3322L16.8972 15.4999C17.1734 15.9782 17.0095 16.5898 16.5312 16.866C16.0529 17.1421 15.4413 16.9782 15.1652 16.4999L12.1816 11.3322C11.9054 10.8539 12.0693 10.2423 12.5476 9.96619Z"
fill="url(#paint4_linear_18_13627)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.5476 9.96619C13.0259 9.69004 13.6375 9.85392 13.9136 10.3322L16.8972 15.4999C17.1734 15.9782 17.0095 16.5898 16.5312 16.866C16.0529 17.1421 15.4413 16.9782 15.1652 16.4999L12.1816 11.3322C11.9054 10.8539 12.0693 10.2423 12.5476 9.96619Z"
fill="url(#paint5_radial_18_13627)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.5476 9.96619C13.0259 9.69004 13.6375 9.85392 13.9136 10.3322L16.8972 15.4999C17.1734 15.9782 17.0095 16.5898 16.5312 16.866C16.0529 17.1421 15.4413 16.9782 15.1652 16.4999L12.1816 11.3322C11.9054 10.8539 12.0693 10.2423 12.5476 9.96619Z"
fill="url(#paint6_linear_18_13627)"
/>
<g filter="url(#filter2_ii_18_13627)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.0312 27C22.1063 27 27.0312 22.0751 27.0312 16C27.0312 9.92487 22.1063 5 16.0312 5C9.95606 5 5.03119 9.92487 5.03119 16C5.03119 22.0751 9.95606 27 16.0312 27ZM16.0312 30C23.7632 30 30.0312 23.732 30.0312 16C30.0312 8.26801 23.7632 2 16.0312 2C8.2992 2 2.03119 8.26801 2.03119 16C2.03119 23.732 8.2992 30 16.0312 30Z"
fill="url(#paint7_linear_18_13627)"
/>
</g>
<path
d="M18.0512 16.0112C18.0512 17.1096 17.1608 18 16.0624 18C14.964 18 14.0735 17.1096 14.0735 16.0112C14.0735 14.9128 14.964 14.0223 16.0624 14.0223C17.1608 14.0223 18.0512 14.9128 18.0512 16.0112Z"
fill="url(#paint8_radial_18_13627)"
/>
<path
d="M18.0512 16.0112C18.0512 17.1096 17.1608 18 16.0624 18C14.964 18 14.0735 17.1096 14.0735 16.0112C14.0735 14.9128 14.964 14.0223 16.0624 14.0223C17.1608 14.0223 18.0512 14.9128 18.0512 16.0112Z"
fill="url(#paint9_radial_18_13627)"
/>
<defs>
<filter
id="filter0_f_18_13627"
x={9.54742}
y={9.33209}
width={9.00378}
height={18.1745}
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_13627"
/>
</filter>
<filter
id="filter1_i_18_13627"
x={15.06}
y={15.0112}
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_13627"
/>
</filter>
<filter
id="filter2_ii_18_13627"
x={1.63119}
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_13627"
/>
<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_13627"
result="effect2_innerShadow_18_13627"
/>
</filter>
<radialGradient
id="paint0_radial_18_13627"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.60523 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_13627"
x1={16.06}
y1={15.0112}
x2={16.06}
y2={25.0066}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F74093" />
<stop offset={1} stopColor="#F83F4C" />
</linearGradient>
<radialGradient
id="paint2_radial_18_13627"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.7052 16.9375) 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_13627"
x1={12.5476}
y1={9.96619}
x2={15.4533}
y2={14.999}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#32183D" />
<stop offset={1} stopColor="#2C3A65" />
</linearGradient>
<linearGradient
id="paint4_linear_18_13627"
x1={13.1967}
y1={13.0904}
x2={14.0627}
y2={12.5904}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2E2840" />
<stop offset={1} stopColor="#2E2840" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_13627"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.2715 10.0013) rotate(60) scale(5.73026 0.815281)"
>
<stop stopColor="#50375F" />
<stop offset={1} stopColor="#50375F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_13627"
x1={12.5476}
y1={9.96619}
x2={12.9064}
y2={10.5877}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3E1846" />
<stop offset={1} stopColor="#3E1846" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_13627"
x1={24.542}
y1={4.01349}
x2={4.31498}
y2={28.5336}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6D6B70" />
<stop offset={1} stopColor="#706C74" />
</linearGradient>
<radialGradient
id="paint8_radial_18_13627"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.1422 15.5527) rotate(134.039) scale(3.40442)"
>
<stop stopColor="#C9C6CC" />
<stop offset={1} stopColor="#928E95" />
</radialGradient>
<radialGradient
id="paint9_radial_18_13627"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.6249 15.5047) rotate(139.399) scale(2.88111)"
>
<stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} />
<stop offset={1} stopColor="#776F7F" />
</radialGradient>
</defs>
</svg>
);
module.exports = ElevenThirtyIcon;