@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
563 lines (562 loc) • 18.2 kB
JSX
const React = require("react");
const ScrollIcon = ({ 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_21056)">
<path
d="M7.39062 27.0234C7.39062 28.6803 8.73377 30.0234 10.3906 30.0234H27.2422V4.97656C27.2422 3.31971 25.899 1.97656 24.2422 1.97656H4.84375H4.75781V1.97798C4.78635 1.97704 4.815 1.97656 4.84375 1.97656C6.25034 1.97656 7.39062 3.11684 7.39062 4.52344V27.0234Z"
fill="url(#paint0_linear_18_21056)"
/>
<path
d="M7.39062 27.0234C7.39062 28.6803 8.73377 30.0234 10.3906 30.0234H27.2422V4.97656C27.2422 3.31971 25.899 1.97656 24.2422 1.97656H4.84375H4.75781V1.97798C4.78635 1.97704 4.815 1.97656 4.84375 1.97656C6.25034 1.97656 7.39062 3.11684 7.39062 4.52344V27.0234Z"
fill="url(#paint1_linear_18_21056)"
/>
<path
d="M7.39062 27.0234C7.39062 28.6803 8.73377 30.0234 10.3906 30.0234H27.2422V4.97656C27.2422 3.31971 25.899 1.97656 24.2422 1.97656H4.84375H4.75781V1.97798C4.78635 1.97704 4.815 1.97656 4.84375 1.97656C6.25034 1.97656 7.39062 3.11684 7.39062 4.52344V27.0234Z"
fill="url(#paint2_linear_18_21056)"
/>
<path
d="M7.39062 27.0234C7.39062 28.6803 8.73377 30.0234 10.3906 30.0234H27.2422V4.97656C27.2422 3.31971 25.899 1.97656 24.2422 1.97656H4.84375H4.75781V1.97798C4.78635 1.97704 4.815 1.97656 4.84375 1.97656C6.25034 1.97656 7.39062 3.11684 7.39062 4.52344V27.0234Z"
fill="url(#paint3_radial_18_21056)"
/>
<path
d="M7.39062 27.0234C7.39062 28.6803 8.73377 30.0234 10.3906 30.0234H27.2422V4.97656C27.2422 3.31971 25.899 1.97656 24.2422 1.97656H4.84375H4.75781V1.97798C4.78635 1.97704 4.815 1.97656 4.84375 1.97656C6.25034 1.97656 7.39062 3.11684 7.39062 4.52344V27.0234Z"
fill="url(#paint4_radial_18_21056)"
/>
</g>
<g filter="url(#filter1_i_18_21056)">
<path
d="M4.84375 1.97656C3.43716 1.97656 2.29688 3.11684 2.29688 4.52344V5.22813C2.29688 5.28335 2.34165 5.32812 2.39688 5.32812H7.39062V4.52344C7.39062 3.11684 6.25034 1.97656 4.84375 1.97656Z"
fill="url(#paint5_radial_18_21056)"
/>
</g>
<g filter="url(#filter2_i_18_21056)">
<path
d="M14.2578 27.1641C14.1198 27.1641 14.0078 27.276 14.0078 27.4141V27.4264L14.0039 27.4258C13.9305 29.0173 12.6449 30.0234 11.0352 30.0234H27.5174C29.0395 30.0234 30.2734 28.7895 30.2734 27.2674C30.2734 27.2103 30.2272 27.1641 30.1701 27.1641H14.2578Z"
fill="url(#paint6_linear_18_21056)"
/>
<path
d="M14.2578 27.1641C14.1198 27.1641 14.0078 27.276 14.0078 27.4141V27.4264L14.0039 27.4258C13.9305 29.0173 12.6449 30.0234 11.0352 30.0234H27.5174C29.0395 30.0234 30.2734 28.7895 30.2734 27.2674C30.2734 27.2103 30.2272 27.1641 30.1701 27.1641H14.2578Z"
fill="url(#paint7_linear_18_21056)"
/>
</g>
<g filter="url(#filter3_ii_18_21056)">
<rect
x={10.25}
y={12.1133}
width={13.9062}
height={1.01172}
rx={0.505859}
fill="url(#paint8_linear_18_21056)"
/>
</g>
<g filter="url(#filter4_ii_18_21056)">
<rect
x={10.25}
y={15.1055}
width={13.9062}
height={1.01172}
rx={0.505859}
fill="url(#paint9_linear_18_21056)"
/>
</g>
<g filter="url(#filter5_ii_18_21056)">
<rect
x={10.25}
y={18.0977}
width={13.9062}
height={1.01172}
rx={0.505859}
fill="url(#paint10_linear_18_21056)"
/>
</g>
<g filter="url(#filter6_ii_18_21056)">
<rect
x={10.25}
y={21.0898}
width={9.00781}
height={1.01172}
rx={0.505859}
fill="url(#paint11_linear_18_21056)"
/>
</g>
<defs>
<filter
id="filter0_ii_18_21056"
x={4.65781}
y={1.87656}
width={22.6844}
height={28.1469}
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.996078 0 0 0 0 0.917647 0 0 0 0 0.592157 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21056"
/>
<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.866667 0 0 0 0 0.627451 0 0 0 0 0.498039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21056"
result="effect2_innerShadow_18_21056"
/>
</filter>
<filter
id="filter1_i_18_21056"
x={2.29688}
y={1.97656}
width={5.14375}
height={3.40156}
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.05} dy={0.05} />
<feGaussianBlur stdDeviation={0.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.807843 0 0 0 0 0.494118 0 0 0 0 0.411765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21056"
/>
</filter>
<filter
id="filter2_i_18_21056"
x={11.0352}
y={27.1641}
width={19.3383}
height={2.85938}
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.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.72549 0 0 0 0 0.427451 0 0 0 0 0.203922 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21056"
/>
</filter>
<filter
id="filter3_ii_18_21056"
x={10.2}
y={12.0633}
width={14.0063}
height={1.11172}
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.05} dy={-0.05} />
<feGaussianBlur stdDeviation={0.025} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.721569 0 0 0 0 0.384314 0 0 0 0 0.262745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21056"
/>
<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.05} dy={0.05} />
<feGaussianBlur stdDeviation={0.025} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.972549 0 0 0 0 0.635294 0 0 0 0 0.380392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21056"
result="effect2_innerShadow_18_21056"
/>
</filter>
<filter
id="filter4_ii_18_21056"
x={10.2}
y={15.0555}
width={14.0063}
height={1.11172}
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.05} dy={-0.05} />
<feGaussianBlur stdDeviation={0.025} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.721569 0 0 0 0 0.384314 0 0 0 0 0.262745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21056"
/>
<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.05} dy={0.05} />
<feGaussianBlur stdDeviation={0.025} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.972549 0 0 0 0 0.635294 0 0 0 0 0.380392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21056"
result="effect2_innerShadow_18_21056"
/>
</filter>
<filter
id="filter5_ii_18_21056"
x={10.2}
y={18.0477}
width={14.0063}
height={1.11172}
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.05} dy={-0.05} />
<feGaussianBlur stdDeviation={0.025} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.721569 0 0 0 0 0.384314 0 0 0 0 0.262745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21056"
/>
<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.05} dy={0.05} />
<feGaussianBlur stdDeviation={0.025} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.972549 0 0 0 0 0.635294 0 0 0 0 0.380392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21056"
result="effect2_innerShadow_18_21056"
/>
</filter>
<filter
id="filter6_ii_18_21056"
x={10.2}
y={21.0398}
width={9.10781}
height={1.11172}
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.05} dy={-0.05} />
<feGaussianBlur stdDeviation={0.025} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.721569 0 0 0 0 0.384314 0 0 0 0 0.262745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21056"
/>
<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.05} dy={0.05} />
<feGaussianBlur stdDeviation={0.025} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.972549 0 0 0 0 0.635294 0 0 0 0 0.380392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21056"
result="effect2_innerShadow_18_21056"
/>
</filter>
<linearGradient
id="paint0_linear_18_21056"
x1={8.99729}
y1={16}
x2={24.7109}
y2={21.4297}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFBF82" />
<stop offset={0.736387} stopColor="#FFD8A3" />
</linearGradient>
<linearGradient
id="paint1_linear_18_21056"
x1={16}
y1={1.97656}
x2={16}
y2={8.67969}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD27C" />
<stop offset={1} stopColor="#FFD27C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_21056"
x1={16}
y1={1.67969}
x2={16}
y2={3.42969}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F9B76C" />
<stop offset={1} stopColor="#FFC573" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_21056"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.7668 30.0234) rotate(-90) scale(3.12594 5.10625)"
>
<stop stopColor="#FFDA8D" />
<stop offset={1} stopColor="#FFDA8D" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_21056"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.8731 27.8693) rotate(-90) scale(2.76952 20.9414)"
>
<stop stopColor="#FFDD93" />
<stop offset={1} stopColor="#FFDD93" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_21056"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.55469 5.32813) scale(3.90625 5.93677)"
>
<stop stopColor="#EB9160" />
<stop offset={1} stopColor="#C36241" />
</radialGradient>
<linearGradient
id="paint6_linear_18_21056"
x1={20.6543}
y1={27.1641}
x2={20.6543}
y2={30.0234}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E58F4F" />
<stop offset={1} stopColor="#EE9880" />
</linearGradient>
<linearGradient
id="paint7_linear_18_21056"
x1={18.4609}
y1={30.0234}
x2={18.4609}
y2={29.1172}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E07E98" />
<stop offset={1} stopColor="#E07E98" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_21056"
x1={10.4297}
y1={12.8984}
x2={22.9609}
y2={12.8984}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D37E48" />
<stop offset={1} stopColor="#DE8650" />
</linearGradient>
<linearGradient
id="paint9_linear_18_21056"
x1={10.4297}
y1={15.8906}
x2={22.9609}
y2={15.8906}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D37E48" />
<stop offset={1} stopColor="#DE8650" />
</linearGradient>
<linearGradient
id="paint10_linear_18_21056"
x1={10.4297}
y1={18.8828}
x2={22.9609}
y2={18.8828}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D37E48" />
<stop offset={1} stopColor="#DE8650" />
</linearGradient>
<linearGradient
id="paint11_linear_18_21056"
x1={10.3664}
y1={21.875}
x2={18.4835}
y2={21.875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D37E48" />
<stop offset={1} stopColor="#DE8650" />
</linearGradient>
</defs>
</svg>
);
module.exports = ScrollIcon;