@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
358 lines (357 loc) • 9.46 kB
JSX
const React = require("react");
const EyesIcon = ({ 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}
<rect x={2} y={8} width={15} height={22} rx={7.5} fill="#D3D3D3" />
<rect
x={2}
y={8}
width={15}
height={22}
rx={7.5}
fill="url(#paint0_radial_20020_5140)"
/>
<rect
x={2}
y={8}
width={15}
height={22}
rx={7.5}
fill="url(#paint1_linear_20020_5140)"
/>
<rect
x={2}
y={8}
width={15}
height={22}
rx={7.5}
fill="url(#paint2_radial_20020_5140)"
/>
<rect
x={2}
y={8}
width={15}
height={22}
rx={7.5}
fill="url(#paint3_radial_20020_5140)"
/>
<rect
x={2}
y={8}
width={15}
height={22}
rx={7.5}
fill="url(#paint4_radial_20020_5140)"
/>
<rect
x={2}
y={8}
width={15}
height={22}
rx={7.5}
fill="url(#paint5_radial_20020_5140)"
/>
<rect
x={2}
y={8}
width={15}
height={22}
rx={7.5}
fill="url(#paint6_radial_20020_5140)"
/>
<g filter="url(#filter0_f_20020_5140)">
<rect
x={14.6377}
y={12.6792}
width={1.73568}
height={11.6659}
rx={0.867842}
fill="#6F6873"
/>
</g>
<rect
x={15}
y={8}
width={15}
height={22}
rx={7.5}
fill="url(#paint7_radial_20020_5140)"
/>
<rect
x={15}
y={8}
width={15}
height={22}
rx={7.5}
fill="url(#paint8_linear_20020_5140)"
/>
<rect
x={15}
y={8}
width={15}
height={22}
rx={7.5}
fill="url(#paint9_radial_20020_5140)"
/>
<rect
x={16}
y={13}
width={7}
height={12}
rx={3.5}
fill="url(#paint10_linear_20020_5140)"
/>
<rect
x={16}
y={13}
width={7}
height={12}
rx={3.5}
fill="url(#paint11_radial_20020_5140)"
/>
<rect
x={3.0625}
y={13}
width={7}
height={12}
rx={3.5}
fill="url(#paint12_linear_20020_5140)"
/>
<rect
x={3.0625}
y={13}
width={7}
height={12}
rx={3.5}
fill="url(#paint13_radial_20020_5140)"
/>
<ellipse
cx={8.02756}
cy={16.0069}
rx={0.875089}
ry={1.11126}
transform="rotate(-39.7743 8.02756 16.0069)"
fill="url(#paint14_radial_20020_5140)"
/>
<ellipse
cx={21.0241}
cy={16.0069}
rx={0.875089}
ry={1.11126}
transform="rotate(-39.7743 21.0241 16.0069)"
fill="url(#paint15_radial_20020_5140)"
/>
<defs>
<filter
id="filter0_f_20020_5140"
x={13.4377}
y={11.4792}
width={4.13566}
height={14.0659}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.6}
result="effect1_foregroundBlur_20020_5140"
/>
</filter>
<radialGradient
id="paint0_radial_20020_5140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.0313 13.5) rotate(101.077) scale(21.1439 16.3514)"
>
<stop stopColor="#FAF7FC" />
<stop offset={0.456846} stopColor="#D8D0DD" />
<stop offset={0.707884} stopColor="#D0B3E3" />
<stop offset={1} stopColor="#CFABE4" />
</radialGradient>
<linearGradient
id="paint1_linear_20020_5140"
x1={-1.15625}
y1={20.625}
x2={8.48296}
y2={21.9314}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.399485} stopColor="#9B969E" />
<stop offset={1} stopColor="#9A959E" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_20020_5140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.8848 23.5405) rotate(-133.794) scale(20.0626 21.7161)"
>
<stop offset={0.844296} stopColor="#9A959E" stopOpacity={0} />
<stop offset={0.948591} stopColor="#949296" />
</radialGradient>
<radialGradient
id="paint3_radial_20020_5140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.1029 22.5751) rotate(-155.387) scale(8.58398 20.8716)"
>
<stop offset={0.0216587} stopColor="#D1AFE5" />
<stop offset={1} stopColor="#D1AFE5" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_20020_5140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.287 21.2074) rotate(-180) scale(5.55135 15.769)"
>
<stop stopColor="#ABA5B0" />
<stop offset={1} stopColor="#ABA5B0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_20020_5140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.7811 23.4601) rotate(-137.153) scale(7.57168 20.8624)"
>
<stop stopColor="#B689D0" />
<stop offset={1} stopColor="#B689D0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_20020_5140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.4577 12.0692) rotate(140.964) scale(3.51479 6.68569)"
>
<stop stopColor="#F3F2F4" />
<stop offset={1} stopColor="#F3F2F4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_20020_5140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.5937 15) rotate(103.51) scale(19.7978 15.3104)"
>
<stop stopColor="#FAF7FC" />
<stop offset={0.456846} stopColor="#D8D0DD" />
<stop offset={0.707884} stopColor="#D0B3E3" />
<stop offset={1} stopColor="#CFABE4" />
</radialGradient>
<linearGradient
id="paint8_linear_20020_5140"
x1={11.8438}
y1={20.625}
x2={21.3437}
y2={21.5}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.212017} stopColor="#9B969E" />
<stop offset={1} stopColor="#9A959E" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_20020_5140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.4577 12.0692) rotate(140.964) scale(3.51479 6.68569)"
>
<stop stopColor="#F3F2F4" />
<stop offset={1} stopColor="#F3F2F4" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_20020_5140"
x1={19.5}
y1={13}
x2={19.5}
y2={25}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.354167} stopColor="#232224" />
<stop offset={1} stopColor="#623C86" />
</linearGradient>
<radialGradient
id="paint11_radial_20020_5140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.4062 18.375) rotate(90) scale(6.625 2.17383)"
>
<stop offset={0.354167} stopColor="#443753" />
<stop offset={1} stopColor="#433750" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint12_linear_20020_5140"
x1={6.5625}
y1={13}
x2={6.5625}
y2={25}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.354167} stopColor="#232224" />
<stop offset={1} stopColor="#623C86" />
</linearGradient>
<radialGradient
id="paint13_radial_20020_5140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.46875 18.375) rotate(90) scale(6.625 2.17383)"
>
<stop offset={0.354167} stopColor="#443753" />
<stop offset={1} stopColor="#433750" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint14_radial_20020_5140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.04637 15.1597) rotate(127.514) scale(2.37685 2.50137)"
>
<stop stopColor="white" />
<stop offset={1} stopColor="#F4F4F4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint15_radial_20020_5140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.043 15.1597) rotate(127.514) scale(2.37685 2.50137)"
>
<stop stopColor="white" />
<stop offset={1} stopColor="#F4F4F4" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = EyesIcon;