@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
236 lines (235 loc) • 7.67 kB
JSX
const React = require("react");
const MirrorIcon = ({ 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_iiiii_18_25504)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M20.4975 5.43768C20.7725 6.27681 21.5631 6.98353 22.4263 7.1697C24.5602 7.62995 26.2656 9.54464 26.2656 11.8594C26.2656 12.875 25.95 13.8169 25.4115 14.5923C24.844 15.4095 24.844 16.9186 25.4115 17.7358C25.95 18.5112 26.2656 19.4531 26.2656 20.4688C26.2656 22.7502 24.609 24.643 22.5181 25.1376C21.5861 25.3581 20.7186 26.0757 20.3384 26.9547C19.6068 28.6464 17.9396 29.8281 16 29.8281C14.0558 29.8281 12.3853 28.6407 11.6564 26.9426C11.2814 26.0691 10.4263 25.3559 9.50247 25.1321C7.42206 24.6282 5.78125 22.739 5.78125 20.4688C5.78125 19.4531 6.09685 18.5112 6.63536 17.7358C7.20286 16.9186 7.20286 15.4095 6.63536 14.5923C6.09685 13.8169 5.78125 12.875 5.78125 11.8594C5.78125 9.55484 7.47201 7.64299 9.59699 7.17417C10.4517 6.98561 11.2295 6.28611 11.4992 5.45345C12.116 3.54917 13.8896 2.10938 16 2.10938C18.1012 2.10938 19.8762 3.54146 20.4975 5.43768Z"
fill="url(#paint0_linear_18_25504)"
/>
</g>
<g filter="url(#filter1_f_18_25504)">
<ellipse
cx={16}
cy={16}
rx={7.09817}
ry={11.2162}
fill="url(#paint1_linear_18_25504)"
/>
<ellipse
cx={16}
cy={16}
rx={7.09817}
ry={11.2162}
fill="url(#paint2_linear_18_25504)"
/>
</g>
<ellipse
cx={16}
cy={16}
rx={6.64844}
ry={10.7812}
fill="url(#paint3_linear_18_25504)"
/>
<path
d="M16 26.7813C19.6719 26.7813 22.6484 21.9543 22.6484 16C22.6484 13.7723 22.2318 11.7024 21.5179 9.98401L10.2072 21.2948C11.348 24.5701 13.5148 26.7813 16 26.7813Z"
fill="url(#paint4_linear_18_25504)"
/>
<defs>
<filter
id="filter0_iiiii_18_25504"
x={5.18125}
y={1.35938}
width={21.5844}
height={29.0688}
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.5} dy={-0.75} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.556863 0 0 0 0 0.360784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25504"
/>
<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.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.654902 0 0 0 0 0.207843 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_25504"
result="effect2_innerShadow_18_25504"
/>
<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.25} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.839216 0 0 0 0 0.552941 0 0 0 0 0.25098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_25504"
result="effect3_innerShadow_18_25504"
/>
<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.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.47451 0 0 0 0 0.419608 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect3_innerShadow_18_25504"
result="effect4_innerShadow_18_25504"
/>
<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} dy={0.6} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.913725 0 0 0 0 0.34902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect4_innerShadow_18_25504"
result="effect5_innerShadow_18_25504"
/>
</filter>
<filter
id="filter1_f_18_25504"
x={8.15186}
y={4.03381}
width={15.6963}
height={23.9324}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_25504"
/>
</filter>
<linearGradient
id="paint0_linear_18_25504"
x1={16.0234}
y1={11.1094}
x2={16.0234}
y2={29.8281}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD445" />
<stop offset={1} stopColor="#FFB555" />
</linearGradient>
<linearGradient
id="paint1_linear_18_25504"
x1={20.5476}
y1={6.6967}
x2={13.4274}
y2={26.2507}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFBE5A" />
<stop offset={1} stopColor="#FFBC40" />
</linearGradient>
<linearGradient
id="paint2_linear_18_25504"
x1={10.4873}
y1={23.6647}
x2={20.1934}
y2={20.512}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD559" />
<stop offset={1} stopColor="#FFD559" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_25504"
x1={17.6875}
y1={6.98438}
x2={17.6875}
y2={14.6719}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B6EEFF" />
<stop offset={1} stopColor="#96EDFF" />
</linearGradient>
<linearGradient
id="paint4_linear_18_25504"
x1={18.4375}
y1={13.4219}
x2={18.4375}
y2={24.6094}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D2F9FF" />
<stop offset={1} stopColor="#D2F9FF" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = MirrorIcon;