@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
210 lines (209 loc) • 6.79 kB
JSX
const React = require("react");
const DivideIcon = ({ 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.3749C2.19531 14.6849 3.57531 13.3149 5.25531 13.3149H27.1053C28.7953 13.3149 30.1653 14.6949 30.1653 16.3749C30.1653 18.0649 28.7853 19.4349 27.1053 19.4349H5.25531C3.57531 19.4349 2.19531 18.0549 2.19531 16.3749Z"
fill="url(#paint0_linear_18590_1741)"
/>
<path
d="M2.19531 16.3749C2.19531 14.6849 3.57531 13.3149 5.25531 13.3149H27.1053C28.7953 13.3149 30.1653 14.6949 30.1653 16.3749C30.1653 18.0649 28.7853 19.4349 27.1053 19.4349H5.25531C3.57531 19.4349 2.19531 18.0549 2.19531 16.3749Z"
fill="url(#paint1_linear_18590_1741)"
/>
<path
d="M2.19531 16.3749C2.19531 14.6849 3.57531 13.3149 5.25531 13.3149H27.1053C28.7953 13.3149 30.1653 14.6949 30.1653 16.3749C30.1653 18.0649 28.7853 19.4349 27.1053 19.4349H5.25531C3.57531 19.4349 2.19531 18.0549 2.19531 16.3749Z"
fill="url(#paint2_linear_18590_1741)"
/>
<path
d="M2.19531 16.3749C2.19531 14.6849 3.57531 13.3149 5.25531 13.3149H27.1053C28.7953 13.3149 30.1653 14.6949 30.1653 16.3749C30.1653 18.0649 28.7853 19.4349 27.1053 19.4349H5.25531C3.57531 19.4349 2.19531 18.0549 2.19531 16.3749Z"
fill="url(#paint3_linear_18590_1741)"
/>
<path
d="M2.19531 16.3749C2.19531 14.6849 3.57531 13.3149 5.25531 13.3149H27.1053C28.7953 13.3149 30.1653 14.6949 30.1653 16.3749C30.1653 18.0649 28.7853 19.4349 27.1053 19.4349H5.25531C3.57531 19.4349 2.19531 18.0549 2.19531 16.3749Z"
fill="url(#paint4_radial_18590_1741)"
/>
<g filter="url(#filter0_f_18590_1741)">
<rect
x={5.23901}
y={14.1451}
width={23.3655}
height={2.22989}
fill="#544B5D"
/>
</g>
<circle
cx={16.1803}
cy={7.38527}
r={4.00344}
fill="url(#paint5_radial_18590_1741)"
/>
<circle
cx={16.1803}
cy={7.38527}
r={4.00344}
fill="url(#paint6_radial_18590_1741)"
/>
<circle
cx={16.1803}
cy={25.3646}
r={4.00344}
fill="url(#paint7_radial_18590_1741)"
/>
<circle
cx={16.1803}
cy={25.3646}
r={4.00344}
fill="url(#paint8_radial_18590_1741)"
/>
<circle
cx={16.1803}
cy={25.3646}
r={4.00344}
fill="url(#paint9_radial_18590_1741)"
/>
<defs>
<filter
id="filter0_f_18590_1741"
x={3.73901}
y={12.6451}
width={26.3655}
height={5.22986}
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_1741"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1741"
x1={16.1803}
y1={13.3149}
x2={16.1803}
y2={19.4349}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#564764" />
<stop offset={1} stopColor="#45315A" />
</linearGradient>
<linearGradient
id="paint1_linear_18590_1741"
x1={2.19531}
y1={16.3749}
x2={5.44135}
y2={16.3749}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.31446} stopColor="#342D3C" />
<stop offset={1} stopColor="#342D3C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18590_1741"
x1={18.0653}
y1={19.4349}
x2={18.0585}
y2={16.9772}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3A2250" />
<stop offset={1} stopColor="#3A2250" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1741"
x1={16.9458}
y1={12.7795}
x2={16.9458}
y2={15.8646}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.52459} stopColor="#3B2E47" />
<stop offset={1} stopColor="#3B2E47" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18590_1741"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.8814 14.8025) rotate(-180) scale(3.08506 3.69195)"
>
<stop stopColor="#6C6573" />
<stop offset={1} stopColor="#6C6673" stopOpacity={0} />
<stop offset={1} stopColor="#796E85" stopOpacity={0} />
<stop offset={1} stopColor="#6C6573" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18590_1741"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.2608 6.25538) rotate(144.107) scale(4.7446)"
>
<stop stopColor="#7E718B" />
<stop offset={1} stopColor="#462F5D" />
</radialGradient>
<radialGradient
id="paint6_radial_18590_1741"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.8992 7.38527) rotate(180) scale(6.7223)"
>
<stop offset={0.731242} stopColor="#494252" stopOpacity={0} />
<stop offset={1} stopColor="#494252" />
</radialGradient>
<radialGradient
id="paint7_radial_18590_1741"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.2608 24.2348) rotate(139.901) scale(3.4968)"
>
<stop stopColor="#7E718B" />
<stop offset={1} stopColor="#3B2E48" />
</radialGradient>
<radialGradient
id="paint8_radial_18590_1741"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.7625 22.5172) rotate(90) scale(6.85084)"
>
<stop offset={0.880524} stopColor="#5E4177" stopOpacity={0} />
<stop offset={1} stopColor="#5E4177" />
</radialGradient>
<radialGradient
id="paint9_radial_18590_1741"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.1803 29.3681) rotate(-90) scale(3.76101 4.26376)"
>
<stop stopColor="#44285B" />
<stop offset={1} stopColor="#44285B" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = DivideIcon;