@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
363 lines (362 loc) • 11.6 kB
JSX
const React = require("react");
const MagnifyingGlassTiltedLeftIcon = ({ 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_20461)">
<rect
x={17.4141}
y={22.8672}
width={7.51302}
height={12.2086}
rx={3.75651}
transform="rotate(-45 17.4141 22.8672)"
fill="url(#paint0_linear_18_20461)"
/>
<rect
x={17.4141}
y={22.8672}
width={7.51302}
height={12.2086}
rx={3.75651}
transform="rotate(-45 17.4141 22.8672)"
fill="url(#paint1_linear_18_20461)"
/>
<rect
x={17.4141}
y={22.8672}
width={7.51302}
height={12.2086}
rx={3.75651}
transform="rotate(-45 17.4141 22.8672)"
fill="url(#paint2_linear_18_20461)"
/>
</g>
<rect
x={17.4141}
y={22.8672}
width={7.51302}
height={12.2086}
rx={3.75651}
transform="rotate(-45 17.4141 22.8672)"
fill="url(#paint3_radial_18_20461)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.9062 23.7969C18.8778 23.7969 23.7188 18.956 23.7188 12.9844C23.7188 7.01279 18.8778 2.17188 12.9062 2.17188C6.93466 2.17188 2.09375 7.01279 2.09375 12.9844C2.09375 18.956 6.93466 23.7969 12.9062 23.7969ZM12.9062 22.0469C17.9113 22.0469 21.9688 17.9894 21.9688 12.9844C21.9688 7.97931 17.9113 3.92188 12.9062 3.92188C7.90118 3.92188 3.84375 7.97931 3.84375 12.9844C3.84375 17.9894 7.90118 22.0469 12.9062 22.0469Z"
fill="url(#paint4_linear_18_20461)"
/>
<g filter="url(#filter1_f_18_20461)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.9062 23.5523C18.7428 23.5523 23.4742 18.8209 23.4742 12.9844C23.4742 7.14782 18.7428 2.41638 12.9062 2.41638C7.06969 2.41638 2.33826 7.14782 2.33826 12.9844C2.33826 18.8209 7.06969 23.5523 12.9062 23.5523ZM12.9062 21.8419C17.7981 21.8419 21.7638 17.8762 21.7638 12.9844C21.7638 8.09248 17.7981 4.12681 12.9062 4.12681C8.01436 4.12681 4.04868 8.09248 4.04868 12.9844C4.04868 17.8762 8.01436 21.8419 12.9062 21.8419Z"
fill="url(#paint5_linear_18_20461)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.9062 23.5523C18.7428 23.5523 23.4742 18.8209 23.4742 12.9844C23.4742 7.14782 18.7428 2.41638 12.9062 2.41638C7.06969 2.41638 2.33826 7.14782 2.33826 12.9844C2.33826 18.8209 7.06969 23.5523 12.9062 23.5523ZM12.9062 21.8419C17.7981 21.8419 21.7638 17.8762 21.7638 12.9844C21.7638 8.09248 17.7981 4.12681 12.9062 4.12681C8.01436 4.12681 4.04868 8.09248 4.04868 12.9844C4.04868 17.8762 8.01436 21.8419 12.9062 21.8419Z"
fill="url(#paint6_radial_18_20461)"
/>
</g>
<g filter="url(#filter2_f_18_20461)">
<circle
cx={12.9063}
cy={12.9844}
r={9.29505}
fill="url(#paint7_linear_18_20461)"
/>
</g>
<g filter="url(#filter3_ii_18_20461)">
<circle cx={12.9062} cy={12.9844} r={9.0625} fill="#64D0EA" />
</g>
<ellipse
cx={16.9896}
cy={8.44251}
rx={1.65124}
ry={2.03343}
transform="rotate(-38.8957 16.9896 8.44251)"
fill="url(#paint8_linear_18_20461)"
/>
<defs>
<filter
id="filter0_iii_18_20461"
x={17.9701}
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_20461"
/>
<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_20461"
result="effect2_innerShadow_18_20461"
/>
<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_20461"
result="effect3_innerShadow_18_20461"
/>
</filter>
<filter
id="filter1_f_18_20461"
x={2.03826}
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_20461"
/>
</filter>
<filter
id="filter2_f_18_20461"
x={3.41121}
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_20461"
/>
</filter>
<filter
id="filter3_ii_18_20461"
x={3.84375}
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_20461"
/>
<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_20461"
result="effect2_innerShadow_18_20461"
/>
</filter>
<linearGradient
id="paint0_linear_18_20461"
x1={18.0438}
y1={33.2307}
x2={22.3749}
y2={24.7012}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A0659C" />
<stop offset={1} stopColor="#895792" />
</linearGradient>
<linearGradient
id="paint1_linear_18_20461"
x1={21.1595}
y1={23.3975}
x2={21.1706}
y2={27.6844}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6C3B74" />
<stop offset={1} stopColor="#845590" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_20461"
x1={25.0265}
y1={31.1978}
x2={19.8779}
y2={31.0431}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.115168} stopColor="#703D7A" />
<stop offset={1} stopColor="#703D7A" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_20461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.2148 22.6794) rotate(92.4424) scale(2.33336 5.42286)"
>
<stop stopColor="#2F1A3D" />
<stop offset={1} stopColor="#532D64" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_20461"
x1={12.9062}
y1={2.17187}
x2={12.9063}
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_20461"
x1={12.9062}
y1={2.41638}
x2={12.9062}
y2={23.5523}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#475890" />
<stop offset={1} stopColor="#7A4D87" />
</linearGradient>
<radialGradient
id="paint6_radial_18_20461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.9062 7.40622) rotate(-90.0001) 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_20461"
x1={12.9063}
y1={3.68933}
x2={12.9063}
y2={22.2794}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#204083" />
<stop offset={1} stopColor="#523573" />
</linearGradient>
<linearGradient
id="paint8_linear_18_20461"
x1={16.9896}
y1={6.40908}
x2={16.9896}
y2={10.4759}
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 = MagnifyingGlassTiltedLeftIcon;