@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
200 lines (199 loc) • 6.99 kB
JSX
const React = require("react");
const HeavyEqualsSignIcon = ({ 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 9.4079C2.19531 7.7179 3.57531 6.3479 5.25531 6.3479H27.1053C28.7953 6.3479 30.1653 7.7279 30.1653 9.4079C30.1653 11.0979 28.7853 12.4679 27.1053 12.4679H5.25531C3.57531 12.4679 2.19531 11.0879 2.19531 9.4079Z"
fill="url(#paint0_linear_18590_1767)"
/>
<path
d="M2.19531 9.4079C2.19531 7.7179 3.57531 6.3479 5.25531 6.3479H27.1053C28.7953 6.3479 30.1653 7.7279 30.1653 9.4079C30.1653 11.0979 28.7853 12.4679 27.1053 12.4679H5.25531C3.57531 12.4679 2.19531 11.0879 2.19531 9.4079Z"
fill="url(#paint1_linear_18590_1767)"
/>
<path
d="M2.19531 9.4079C2.19531 7.7179 3.57531 6.3479 5.25531 6.3479H27.1053C28.7953 6.3479 30.1653 7.7279 30.1653 9.4079C30.1653 11.0979 28.7853 12.4679 27.1053 12.4679H5.25531C3.57531 12.4679 2.19531 11.0879 2.19531 9.4079Z"
fill="url(#paint2_radial_18590_1767)"
/>
<path
d="M2.19531 9.4079C2.19531 7.7179 3.57531 6.3479 5.25531 6.3479H27.1053C28.7953 6.3479 30.1653 7.7279 30.1653 9.4079C30.1653 11.0979 28.7853 12.4679 27.1053 12.4679H5.25531C3.57531 12.4679 2.19531 11.0879 2.19531 9.4079Z"
fill="url(#paint3_linear_18590_1767)"
/>
<path
d="M2.19531 21.3687C2.19531 19.6787 3.57531 18.3087 5.25531 18.3087H27.1053C28.7953 18.3087 30.1653 19.6887 30.1653 21.3687C30.1653 23.0587 28.7853 24.4287 27.1053 24.4287H5.25531C3.57531 24.4287 2.19531 23.0487 2.19531 21.3687Z"
fill="url(#paint4_linear_18590_1767)"
/>
<path
d="M2.19531 21.3687C2.19531 19.6787 3.57531 18.3087 5.25531 18.3087H27.1053C28.7953 18.3087 30.1653 19.6887 30.1653 21.3687C30.1653 23.0587 28.7853 24.4287 27.1053 24.4287H5.25531C3.57531 24.4287 2.19531 23.0487 2.19531 21.3687Z"
fill="url(#paint5_linear_18590_1767)"
/>
<path
d="M2.19531 21.3687C2.19531 19.6787 3.57531 18.3087 5.25531 18.3087H27.1053C28.7953 18.3087 30.1653 19.6887 30.1653 21.3687C30.1653 23.0587 28.7853 24.4287 27.1053 24.4287H5.25531C3.57531 24.4287 2.19531 23.0487 2.19531 21.3687Z"
fill="url(#paint6_radial_18590_1767)"
/>
<path
d="M2.19531 21.3687C2.19531 19.6787 3.57531 18.3087 5.25531 18.3087H27.1053C28.7953 18.3087 30.1653 19.6887 30.1653 21.3687C30.1653 23.0587 28.7853 24.4287 27.1053 24.4287H5.25531C3.57531 24.4287 2.19531 23.0487 2.19531 21.3687Z"
fill="url(#paint7_linear_18590_1767)"
/>
<g filter="url(#filter0_f_18590_1767)">
<rect
x={5.28961}
y={7.48877}
width={23.3655}
height={2.27586}
fill="#5F526E"
/>
</g>
<g filter="url(#filter1_f_18590_1767)">
<rect
x={5.28961}
y={19.4497}
width={23.3655}
height={2.27586}
fill="#5F526E"
/>
</g>
<defs>
<filter
id="filter0_f_18590_1767"
x={3.78961}
y={5.98877}
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_1767"
/>
</filter>
<filter
id="filter1_f_18590_1767"
x={3.78961}
y={17.9497}
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_1767"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1767"
x1={16.1803}
y1={6.3479}
x2={16.1803}
y2={12.4679}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#564764" />
<stop offset={1} stopColor="#45315A" />
</linearGradient>
<linearGradient
id="paint1_linear_18590_1767"
x1={2.19531}
y1={9.4079}
x2={5.44135}
y2={9.4079}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.31446} stopColor="#342D3C" />
<stop offset={1} stopColor="#342D3C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18590_1767"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.7678 8.34864) rotate(180) scale(3.33793 3.68387)"
>
<stop stopColor="#796E85" />
<stop offset={1} stopColor="#6C6673" stopOpacity={0} />
<stop offset={1} stopColor="#796E85" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18590_1767"
x1={18.0653}
y1={12.4679}
x2={18.0653}
y2={10.2978}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3A2250" />
<stop offset={1} stopColor="#3A2250" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18590_1767"
x1={16.1803}
y1={18.3087}
x2={16.1803}
y2={24.4287}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#564764" />
<stop offset={1} stopColor="#45315A" />
</linearGradient>
<linearGradient
id="paint5_linear_18590_1767"
x1={2.19531}
y1={21.3687}
x2={5.44135}
y2={21.3687}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.31446} stopColor="#342D3C" />
<stop offset={1} stopColor="#342D3C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint6_radial_18590_1767"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.7678 20.3095) rotate(180) scale(3.33793 3.68387)"
>
<stop stopColor="#796E85" />
<stop offset={1} stopColor="#6C6673" stopOpacity={0} />
<stop offset={1} stopColor="#796E85" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18590_1767"
x1={18.0653}
y1={24.4287}
x2={18.0653}
y2={22.2586}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3A2250" />
<stop offset={1} stopColor="#3A2250" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = HeavyEqualsSignIcon;