@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
303 lines (302 loc) • 11 kB
JSX
const React = require("react");
const SixThirtyIcon = ({ 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.163 16.134C30.163 23.866 23.895 30.134 16.163 30.134C8.43101 30.134 2.16299 23.866 2.16299 16.134C2.16299 8.40205 8.43101 2.13403 16.163 2.13403C23.895 2.13403 30.163 8.40205 30.163 16.134Z"
fill="url(#paint0_radial_18_13567)"
/>
<g filter="url(#filter0_f_18_13567)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.1918 18.5998C16.7845 18.2555 17.183 17.6137 17.183 16.8789C17.183 15.7805 16.2926 14.8901 15.1942 14.8901C14.0958 14.8901 13.2054 15.7805 13.2054 16.8789C13.2054 17.6118 13.6017 18.252 14.1918 18.597V22.8349L14.1918 22.8388V24.8744C14.1918 25.4266 14.6395 25.8744 15.1918 25.8744C15.7441 25.8744 16.1918 25.4266 16.1918 24.8744V18.5998Z"
fill="#C2BEC4"
/>
</g>
<g filter="url(#filter1_i_18_13567)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.1918 15.1453C16.7441 15.1453 17.1918 15.593 17.1918 16.1453V24.1407C17.1918 24.6929 16.7441 25.1407 16.1918 25.1407C15.6395 25.1407 15.1918 24.6929 15.1918 24.1407V16.1453C15.1918 15.593 15.6395 15.1453 16.1918 15.1453Z"
fill="url(#paint1_linear_18_13567)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.1918 15.1453C16.7441 15.1453 17.1918 15.593 17.1918 16.1453V24.1407C17.1918 24.6929 16.7441 25.1407 16.1918 25.1407C15.6395 25.1407 15.1918 24.6929 15.1918 24.1407V16.1453C15.1918 15.593 15.6395 15.1453 16.1918 15.1453Z"
fill="url(#paint2_radial_18_13567)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.1918 23.1012C15.6395 23.1012 15.1918 22.6535 15.1918 22.1012V16.134C15.1918 15.5817 15.6395 15.134 16.1918 15.134C16.7441 15.134 17.1918 15.5817 17.1918 16.134V22.1012C17.1918 22.6535 16.7441 23.1012 16.1918 23.1012Z"
fill="url(#paint3_linear_18_13567)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.1918 23.1012C15.6395 23.1012 15.1918 22.6535 15.1918 22.1012V16.134C15.1918 15.5817 15.6395 15.134 16.1918 15.134C16.7441 15.134 17.1918 15.5817 17.1918 16.134V22.1012C17.1918 22.6535 16.7441 23.1012 16.1918 23.1012Z"
fill="url(#paint4_linear_18_13567)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.1918 23.1012C15.6395 23.1012 15.1918 22.6535 15.1918 22.1012V16.134C15.1918 15.5817 15.6395 15.134 16.1918 15.134C16.7441 15.134 17.1918 15.5817 17.1918 16.134V22.1012C17.1918 22.6535 16.7441 23.1012 16.1918 23.1012Z"
fill="url(#paint5_radial_18_13567)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.1918 23.1012C15.6395 23.1012 15.1918 22.6535 15.1918 22.1012V16.134C15.1918 15.5817 15.6395 15.134 16.1918 15.134C16.7441 15.134 17.1918 15.5817 17.1918 16.134V22.1012C17.1918 22.6535 16.7441 23.1012 16.1918 23.1012Z"
fill="url(#paint6_linear_18_13567)"
/>
<g filter="url(#filter2_ii_18_13567)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.163 27.134C22.2381 27.134 27.163 22.2092 27.163 16.134C27.163 10.0589 22.2381 5.13403 16.163 5.13403C10.0879 5.13403 5.16299 10.0589 5.16299 16.134C5.16299 22.2092 10.0879 27.134 16.163 27.134ZM16.163 30.134C23.895 30.134 30.163 23.866 30.163 16.134C30.163 8.40205 23.895 2.13403 16.163 2.13403C8.43101 2.13403 2.16299 8.40205 2.16299 16.134C2.16299 23.866 8.43101 30.134 16.163 30.134Z"
fill="url(#paint7_linear_18_13567)"
/>
</g>
<path
d="M18.183 16.1452C18.183 17.2436 17.2926 18.134 16.1942 18.134C15.0958 18.134 14.2054 17.2436 14.2054 16.1452C14.2054 15.0468 15.0958 14.1564 16.1942 14.1564C17.2926 14.1564 18.183 15.0468 18.183 16.1452Z"
fill="url(#paint8_radial_18_13567)"
/>
<path
d="M18.183 16.1452C18.183 17.2436 17.2926 18.134 16.1942 18.134C15.0958 18.134 14.2054 17.2436 14.2054 16.1452C14.2054 15.0468 15.0958 14.1564 16.1942 14.1564C17.2926 14.1564 18.183 15.0468 18.183 16.1452Z"
fill="url(#paint9_radial_18_13567)"
/>
<defs>
<filter
id="filter0_f_18_13567"
x={11.7054}
y={13.3901}
width={6.97766}
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_13567"
/>
</filter>
<filter
id="filter1_i_18_13567"
x={15.1918}
y={15.1453}
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_13567"
/>
</filter>
<filter
id="filter2_ii_18_13567"
x={1.76299}
y={1.73403}
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_13567"
/>
<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_13567"
result="effect2_innerShadow_18_13567"
/>
</filter>
<radialGradient
id="paint0_radial_18_13567"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.73704 24.6323) rotate(-46.2124) scale(25.2966)"
>
<stop offset={0.598155} stopColor="#DDDADF" />
<stop offset={1} stopColor="#BDBABF" />
</radialGradient>
<linearGradient
id="paint1_linear_18_13567"
x1={16.1918}
y1={15.1453}
x2={16.1918}
y2={25.1407}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F83F4C" />
<stop offset={1} stopColor="#F74093" />
</linearGradient>
<radialGradient
id="paint2_radial_18_13567"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.3505 17.8639) 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_13567"
x1={16.1918}
y1={23.1012}
x2={16.1918}
y2={17.2898}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#32183D" />
<stop offset={1} stopColor="#2C3A65" />
</linearGradient>
<linearGradient
id="paint4_linear_18_13567"
x1={17.1918}
y1={20.071}
x2={16.1918}
y2={20.071}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2E2840" />
<stop offset={1} stopColor="#2E2840" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_13567"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.5825 22.7088) rotate(-90) scale(5.73026 0.815281)"
>
<stop stopColor="#50375F" />
<stop offset={1} stopColor="#50375F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_13567"
x1={16.1918}
y1={23.1012}
x2={16.1918}
y2={22.3835}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3E1846" />
<stop offset={1} stopColor="#3E1846" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_13567"
x1={24.6738}
y1={4.14752}
x2={4.44679}
y2={28.6676}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6D6B70" />
<stop offset={1} stopColor="#706C74" />
</linearGradient>
<radialGradient
id="paint8_radial_18_13567"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.274 15.6867) rotate(134.039) scale(3.40442)"
>
<stop stopColor="#C9C6CC" />
<stop offset={1} stopColor="#928E95" />
</radialGradient>
<radialGradient
id="paint9_radial_18_13567"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.7567 15.6387) rotate(139.399) scale(2.88111)"
>
<stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} />
<stop offset={1} stopColor="#776F7F" />
</radialGradient>
</defs>
</svg>
);
module.exports = SixThirtyIcon;