@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
93 lines (92 loc) • 3.01 kB
JSX
const React = require("react");
const MinusIcon = ({ 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="M2.19531 16.0015C2.19531 14.3115 3.57531 12.9415 5.25531 12.9415H27.1053C28.7953 12.9415 30.1653 14.3215 30.1653 16.0015C30.1653 17.6915 28.7853 19.0615 27.1053 19.0615H5.25531C3.57531 19.0615 2.19531 17.6815 2.19531 16.0015Z"
fill="url(#paint0_linear_18590_1731)"
/>
<path
d="M2.19531 16.0015C2.19531 14.3115 3.57531 12.9415 5.25531 12.9415H27.1053C28.7953 12.9415 30.1653 14.3215 30.1653 16.0015C30.1653 17.6915 28.7853 19.0615 27.1053 19.0615H5.25531C3.57531 19.0615 2.19531 17.6815 2.19531 16.0015Z"
fill="url(#paint1_linear_18590_1731)"
/>
<path
d="M2.19531 16.0015C2.19531 14.3115 3.57531 12.9415 5.25531 12.9415H27.1053C28.7953 12.9415 30.1653 14.3215 30.1653 16.0015C30.1653 17.6915 28.7853 19.0615 27.1053 19.0615H5.25531C3.57531 19.0615 2.19531 17.6815 2.19531 16.0015Z"
fill="url(#paint2_radial_18590_1731)"
/>
<g filter="url(#filter0_f_18590_1731)">
<rect
x={5.44135}
y={14.4871}
width={23.3655}
height={2.27586}
fill="#544C5D"
/>
</g>
<defs>
<filter
id="filter0_f_18590_1731"
x={3.94135}
y={12.9871}
width={26.3655}
height={5.27588}
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_18590_1731"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1731"
x1={16.1803}
y1={12.9415}
x2={16.1803}
y2={19.0615}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4A4253" />
<stop offset={1} stopColor="#39204E" />
</linearGradient>
<linearGradient
id="paint1_linear_18590_1731"
x1={2.19531}
y1={16.0015}
x2={5.44135}
y2={16.0015}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.31446} stopColor="#342D3C" />
<stop offset={1} stopColor="#342D3C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18590_1731"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.7678 14.9423) rotate(180) scale(3.33793 3.68387)"
>
<stop stopColor="#6C6673" />
<stop offset={1} stopColor="#6C6673" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = MinusIcon;