@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
545 lines (544 loc) • 16.1 kB
JSX
const React = require("react");
const CardIndexDividersIcon = ({ 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_ii_18_22572)">
<rect
x={2.04565}
y={5.04358}
width={27.9086}
height={17.0137}
rx={2.5}
fill="url(#paint0_linear_18_22572)"
/>
<rect
x={2.04565}
y={5.04358}
width={27.9086}
height={17.0137}
rx={2.5}
fill="url(#paint1_linear_18_22572)"
/>
</g>
<rect
x={2.04565}
y={5.04358}
width={27.9086}
height={17.0137}
rx={2.5}
fill="url(#paint2_radial_18_22572)"
/>
<g filter="url(#filter1_ii_18_22572)">
<rect
x={2.04565}
y={8.91736}
width={27.9086}
height={17.0137}
rx={2.5}
fill="url(#paint3_linear_18_22572)"
/>
<rect
x={2.04565}
y={8.91736}
width={27.9086}
height={17.0137}
rx={2.5}
fill="url(#paint4_linear_18_22572)"
/>
</g>
<rect
x={2.04565}
y={8.91736}
width={27.9086}
height={17.0137}
rx={2.5}
fill="url(#paint5_radial_18_22572)"
/>
<g filter="url(#filter2_ii_18_22572)">
<path
d="M8.4054 11.0083C7.6322 11.0083 7.00537 11.6351 7.00537 12.4083V12.9452H14.0045V12.4083C14.0045 11.6351 13.3777 11.0083 12.6046 11.0083H8.4054Z"
fill="url(#paint6_linear_18_22572)"
/>
</g>
<g filter="url(#filter3_ii_18_22572)">
<path
d="M14.0642 6.98047C13.291 6.98047 12.6642 7.60727 12.6642 8.38047V8.91735H19.6633V8.38047C19.6633 7.60727 19.0366 6.98047 18.2634 6.98047H14.0642Z"
fill="url(#paint7_linear_18_22572)"
/>
</g>
<g filter="url(#filter4_ii_18_22572)">
<path
d="M19.3995 3.10669C18.6263 3.10669 17.9995 3.73349 17.9995 4.50669V5.04357H24.9986V4.50669C24.9986 3.73349 24.3718 3.10669 23.5986 3.10669H19.3995Z"
fill="url(#paint8_linear_18_22572)"
/>
</g>
<g filter="url(#filter5_ii_18_22572)">
<rect
x={2.04565}
y={12.9452}
width={27.9086}
height={17.0137}
rx={2.5}
fill="url(#paint9_linear_18_22572)"
/>
</g>
<rect
x={2.04565}
y={12.9452}
width={27.9086}
height={17.0137}
rx={2.5}
fill="url(#paint10_radial_18_22572)"
/>
<defs>
<filter
id="filter0_ii_18_22572"
x={1.74565}
y={5.04358}
width={28.2086}
height={17.4137}
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.3} dy={0.4} />
<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.890196 0 0 0 0 0.290196 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22572"
/>
<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.2} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.976471 0 0 0 0 0.792157 0 0 0 0 0.298039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22572"
result="effect2_innerShadow_18_22572"
/>
</filter>
<filter
id="filter1_ii_18_22572"
x={1.74565}
y={8.51736}
width={28.2086}
height={17.8137}
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={-0.4} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.956863 0 0 0 0 0.6 0 0 0 0 0.407843 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22572"
/>
<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.3} dy={0.4} />
<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.890196 0 0 0 0 0.290196 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22572"
result="effect2_innerShadow_18_22572"
/>
</filter>
<filter
id="filter2_ii_18_22572"
x={6.90537}
y={11.0083}
width={7.19915}
height={2.03689}
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.1} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.25098 0 0 0 0 0.458824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22572"
/>
<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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.992157 0 0 0 0 0.282353 0 0 0 0 0.262745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22572"
result="effect2_innerShadow_18_22572"
/>
</filter>
<filter
id="filter3_ii_18_22572"
x={12.5642}
y={6.98047}
width={7.19915}
height={2.03689}
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.1} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.298039 0 0 0 0 0.611765 0 0 0 0 0.85098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22572"
/>
<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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.270588 0 0 0 0 0.501961 0 0 0 0 0.768627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22572"
result="effect2_innerShadow_18_22572"
/>
</filter>
<filter
id="filter4_ii_18_22572"
x={17.8995}
y={3.10669}
width={7.19915}
height={2.03689}
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.1} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.34902 0 0 0 0 0.905882 0 0 0 0 0.603922 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22572"
/>
<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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.239216 0 0 0 0 0.713726 0 0 0 0 0.411765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22572"
result="effect2_innerShadow_18_22572"
/>
</filter>
<filter
id="filter5_ii_18_22572"
x={1.74565}
y={12.5452}
width={28.2086}
height={17.8137}
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={-0.4} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.956863 0 0 0 0 0.6 0 0 0 0 0.407843 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22572"
/>
<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.3} dy={0.4} />
<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.945098 0 0 0 0 0.317647 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22572"
result="effect2_innerShadow_18_22572"
/>
</filter>
<linearGradient
id="paint0_linear_18_22572"
x1={16}
y1={5.04358}
x2={16}
y2={9.55562}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD650" />
<stop offset={1} stopColor="#FFCD4A" />
</linearGradient>
<linearGradient
id="paint1_linear_18_22572"
x1={16}
y1={9.64366}
x2={16}
y2={7.09051}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFBA48" />
<stop offset={1} stopColor="#FFBA48" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_22572"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.9543 5.49997) rotate(134.482) scale(2.2776 3.8525)"
>
<stop stopColor="#FFE857" />
<stop offset={1} stopColor="#FFE857" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_22572"
x1={16}
y1={8.91736}
x2={16}
y2={25.9311}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFDA53" />
<stop offset={1} stopColor="#FFBA59" />
</linearGradient>
<linearGradient
id="paint4_linear_18_22572"
x1={16}
y1={14.3978}
x2={16}
y2={10.9203}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFBA48" />
<stop offset={1} stopColor="#FFBA48" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_22572"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.9543 9.37375) rotate(134.482) scale(2.2776 3.8525)"
>
<stop stopColor="#FFE857" />
<stop offset={1} stopColor="#FFE857" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_22572"
x1={10.5049}
y1={11.0083}
x2={10.5049}
y2={12.9452}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF416D" />
<stop offset={1} stopColor="#FF3A66" />
</linearGradient>
<linearGradient
id="paint7_linear_18_22572"
x1={16.1638}
y1={6.98047}
x2={16.1638}
y2={8.91735}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4794D7" />
<stop offset={1} stopColor="#4482CA" />
</linearGradient>
<linearGradient
id="paint8_linear_18_22572"
x1={21.499}
y1={3.10669}
x2={21.499}
y2={5.04357}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4EDC8E" />
<stop offset={1} stopColor="#54C877" />
</linearGradient>
<linearGradient
id="paint9_linear_18_22572"
x1={16}
y1={12.9452}
x2={16}
y2={29.9589}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFDA53" />
<stop offset={1} stopColor="#FFBA59" />
</linearGradient>
<radialGradient
id="paint10_radial_18_22572"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.9543 13.4016) rotate(134.482) scale(2.2776 3.8525)"
>
<stop stopColor="#FFE857" />
<stop offset={1} stopColor="#FFE857" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = CardIndexDividersIcon;