@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
358 lines (357 loc) • 11.7 kB
JSX
const React = require("react");
const MagnifyingGlassTiltedRightIcon = ({ 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}
<g filter="url(#filter0_iii_18_20475)">
<rect
width={7.51302}
height={12.2086}
rx={3.75651}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 14.5859 22.8672)"
fill="url(#paint0_linear_18_20475)"
/>
<rect
width={7.51302}
height={12.2086}
rx={3.75651}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 14.5859 22.8672)"
fill="url(#paint1_linear_18_20475)"
/>
<rect
width={7.51302}
height={12.2086}
rx={3.75651}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 14.5859 22.8672)"
fill="url(#paint2_linear_18_20475)"
/>
</g>
<rect
width={7.51302}
height={12.2086}
rx={3.75651}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 14.5859 22.8672)"
fill="url(#paint3_radial_18_20475)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M19.0938 23.7969C13.1222 23.7969 8.28125 18.956 8.28125 12.9844C8.28125 7.01279 13.1222 2.17188 19.0938 2.17188C25.0653 2.17188 29.9062 7.01279 29.9062 12.9844C29.9062 18.956 25.0653 23.7969 19.0938 23.7969ZM19.0938 22.0469C14.0887 22.0469 10.0312 17.9894 10.0312 12.9844C10.0312 7.97931 14.0887 3.92188 19.0938 3.92188C24.0988 3.92188 28.1562 7.97931 28.1562 12.9844C28.1562 17.9894 24.0988 22.0469 19.0938 22.0469Z"
fill="url(#paint4_linear_18_20475)"
/>
<g filter="url(#filter1_f_18_20475)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M19.0938 23.5523C13.2572 23.5523 8.52578 18.8209 8.52578 12.9844C8.52578 7.14782 13.2572 2.41638 19.0938 2.41638C24.9303 2.41638 29.6617 7.14782 29.6617 12.9844C29.6617 18.8209 24.9303 23.5523 19.0938 23.5523ZM19.0938 21.8419C14.2019 21.8419 10.2362 17.8762 10.2362 12.9844C10.2362 8.09248 14.2019 4.12681 19.0938 4.12681C23.9856 4.12681 27.9513 8.09248 27.9513 12.9844C27.9513 17.8762 23.9856 21.8419 19.0938 21.8419Z"
fill="url(#paint5_linear_18_20475)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M19.0938 23.5523C13.2572 23.5523 8.52578 18.8209 8.52578 12.9844C8.52578 7.14782 13.2572 2.41638 19.0938 2.41638C24.9303 2.41638 29.6617 7.14782 29.6617 12.9844C29.6617 18.8209 24.9303 23.5523 19.0938 23.5523ZM19.0938 21.8419C14.2019 21.8419 10.2362 17.8762 10.2362 12.9844C10.2362 8.09248 14.2019 4.12681 19.0938 4.12681C23.9856 4.12681 27.9513 8.09248 27.9513 12.9844C27.9513 17.8762 23.9856 21.8419 19.0938 21.8419Z"
fill="url(#paint6_radial_18_20475)"
/>
</g>
<g filter="url(#filter2_f_18_20475)">
<circle
r={9.29505}
transform="matrix(-1 0 0 1 19.0937 12.9844)"
fill="url(#paint7_linear_18_20475)"
/>
</g>
<g filter="url(#filter3_ii_18_20475)">
<circle
r={9.0625}
transform="matrix(-1 0 0 1 19.0938 12.9844)"
fill="#64D0EA"
/>
</g>
<ellipse
cx={23.3229}
cy={9.13001}
rx={1.65124}
ry={2.03343}
transform="rotate(-38.8957 23.3229 9.13001)"
fill="url(#paint8_linear_18_20475)"
/>
<defs>
<filter
id="filter0_iii_18_20475"
x={1.19666}
y={18.8607}
width={11.8333}
height={12.0833}
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={-1} dy={1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.4 0 0 0 0 0.239216 0 0 0 0 0.439216 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20475"
/>
<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 dy={-0.25} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.639216 0 0 0 0 0.490196 0 0 0 0 0.643137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_20475"
result="effect2_innerShadow_18_20475"
/>
<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 dy={1} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.333333 0 0 0 0 0.27451 0 0 0 0 0.380392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_20475"
result="effect3_innerShadow_18_20475"
/>
</filter>
<filter
id="filter1_f_18_20475"
x={8.22576}
y={2.11638}
width={21.736}
height={21.736}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_18_20475"
/>
</filter>
<filter
id="filter2_f_18_20475"
x={9.59871}
y={3.48933}
width={18.9901}
height={18.9901}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.1}
result="effect1_foregroundBlur_18_20475"
/>
</filter>
<filter
id="filter3_ii_18_20475"
x={10.0312}
y={3.77187}
width={18.125}
height={19.275}
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 dy={1} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.168627 0 0 0 0 0.603922 0 0 0 0 0.956863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20475"
/>
<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 dy={-0.15} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.137255 0 0 0 0 0.607843 0 0 0 0 0.984314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_20475"
result="effect2_innerShadow_18_20475"
/>
</filter>
<linearGradient
id="paint0_linear_18_20475"
x1={0.629767}
y1={10.3635}
x2={4.9608}
y2={1.83406}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A0659C" />
<stop offset={1} stopColor="#895792" />
</linearGradient>
<linearGradient
id="paint1_linear_18_20475"
x1={3.74546}
y1={0.53033}
x2={3.75651}
y2={4.81716}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6C3B74" />
<stop offset={1} stopColor="#845590" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_20475"
x1={7.61245}
y1={8.3306}
x2={2.46382}
y2={8.17592}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.115168} stopColor="#703D7A" />
<stop offset={1} stopColor="#703D7A" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_20475"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.8007 -0.187825) rotate(92.4424) scale(2.33336 5.42286)"
>
<stop stopColor="#2F1A3D" />
<stop offset={1} stopColor="#532D64" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_20475"
x1={19.0938}
y1={2.17187}
x2={19.0938}
y2={23.7969}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.378529} stopColor="#344A7D" />
<stop offset={0.633316} stopColor="#785790" />
<stop offset={0.837142} stopColor="#785790" />
<stop offset={1} stopColor="#9872A2" />
</linearGradient>
<linearGradient
id="paint5_linear_18_20475"
x1={19.0938}
y1={2.41638}
x2={19.0938}
y2={23.5523}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#475890" />
<stop offset={1} stopColor="#7A4D87" />
</linearGradient>
<radialGradient
id="paint6_radial_18_20475"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.0938 7.40622) rotate(-89.9999) scale(5.125 9.53123)"
>
<stop offset={0.704268} stopColor="#566298" />
<stop offset={0.786585} stopColor="#566298" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18_20475"
x1={9.29505}
y1={0}
x2={9.29505}
y2={18.5901}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#204083" />
<stop offset={1} stopColor="#523573" />
</linearGradient>
<linearGradient
id="paint8_linear_18_20475"
x1={23.3229}
y1={7.09658}
x2={23.3229}
y2={11.1634}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DCDBF2" />
<stop offset={0.209118} stopColor="#DCDBF2" stopOpacity={0.84797} />
<stop offset={1} stopColor="#DCDBF2" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = MagnifyingGlassTiltedRightIcon;