@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
551 lines (550 loc) • 17.9 kB
JSX
const React = require("react");
const BooksIcon = ({ 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_i_18_20855)">
<path
d="M16.5725 11.0757H28.9625C29.7073 11.0757 30.3111 11.6795 30.3111 12.4243V28H16.5725V11.0757Z"
fill="url(#paint0_linear_18_20855)"
/>
<path
d="M16.5725 11.0757H28.9625C29.7073 11.0757 30.3111 11.6795 30.3111 12.4243V28H16.5725V11.0757Z"
fill="url(#paint1_linear_18_20855)"
/>
<path
d="M16.5725 11.0757H28.9625C29.7073 11.0757 30.3111 11.6795 30.3111 12.4243V28H16.5725V11.0757Z"
fill="url(#paint2_radial_18_20855)"
/>
</g>
<path
d="M15.814 27.5957H30.3111V29.2814H29.974L29.6368 29.6186H15.814V27.5957Z"
fill="url(#paint3_linear_18_20855)"
/>
<path
d="M15.814 27.5957H30.3111V29.2814H29.974L29.6368 29.6186H15.814V27.5957Z"
fill="url(#paint4_linear_18_20855)"
/>
<path
d="M16.4882 11.0757C15.9296 11.0757 15.4768 11.5285 15.4768 12.0871V28.6071H16.1511C16.1511 28.2347 16.453 27.9328 16.8254 27.9328H17.4997V11.0757H16.4882Z"
fill="url(#paint5_linear_18_20855)"
/>
<path
d="M16.4882 11.0757C15.9296 11.0757 15.4768 11.5285 15.4768 12.0871V28.6071H16.1511C16.1511 28.2347 16.453 27.9328 16.8254 27.9328H17.4997V11.0757H16.4882Z"
fill="url(#paint6_radial_18_20855)"
/>
<g filter="url(#filter1_i_18_20855)">
<path
d="M16.4882 27.2585C15.9296 27.2585 15.4768 27.7114 15.4768 28.27V28.9443C15.4768 29.5029 15.9296 29.9557 16.4882 29.9557H29.5746C30.0149 29.9557 30.3111 29.7302 30.3111 29.2814H16.8254C16.453 29.2814 16.1511 28.9795 16.1511 28.6071C16.1511 28.2347 16.453 27.9328 16.8254 27.9328H30.3111V27.2585H16.4882Z"
fill="url(#paint7_linear_18_20855)"
/>
</g>
<path
d="M10.4371 7.03625H21.9C22.6448 7.03625 23.2486 7.64003 23.2486 8.38483V23.2191H10.4371V7.03625Z"
fill="url(#paint8_linear_18_20855)"
/>
<path
d="M10.4371 7.03625H21.9C22.6448 7.03625 23.2486 7.64003 23.2486 8.38483V23.2191H10.4371V7.03625Z"
fill="url(#paint9_linear_18_20855)"
/>
<path
d="M10.4371 7.03625H21.9C22.6448 7.03625 23.2486 7.64003 23.2486 8.38483V23.2191H10.4371V7.03625Z"
fill="url(#paint10_radial_18_20855)"
/>
<path
d="M8.75146 23.5563H23.2486V25.242H22.9115L22.5743 25.5791H8.75146V23.5563Z"
fill="url(#paint11_linear_18_20855)"
/>
<path
d="M8.75146 23.5563H23.2486V25.242H22.9115L22.5743 25.5791H8.75146V23.5563Z"
fill="url(#paint12_linear_18_20855)"
/>
<path
d="M9.42574 7.03625C8.86714 7.03625 8.41431 7.48909 8.41431 8.04768V24.5677H9.08859C9.08859 24.1953 9.39048 23.8934 9.76288 23.8934H10.4372V7.03625H9.42574Z"
fill="url(#paint13_linear_18_20855)"
/>
<path
d="M9.42574 7.03625C8.86714 7.03625 8.41431 7.48909 8.41431 8.04768V24.5677H9.08859C9.08859 24.1953 9.39048 23.8934 9.76288 23.8934H10.4372V7.03625H9.42574Z"
fill="url(#paint14_radial_18_20855)"
/>
<path
d="M9.42574 7.03625C8.86714 7.03625 8.41431 7.48909 8.41431 8.04768V24.5677H9.08859C9.08859 24.1953 9.39048 23.8934 9.76288 23.8934H10.4372V7.03625H9.42574Z"
fill="url(#paint15_radial_18_20855)"
/>
<g filter="url(#filter2_i_18_20855)">
<path
d="M9.42574 23.2191C8.86714 23.2191 8.41431 23.6719 8.41431 24.2305V24.9048C8.41431 25.4634 8.86714 25.9163 9.42574 25.9163H22.5121C22.9524 25.9163 23.2486 25.6907 23.2486 25.242H9.76288C9.39048 25.242 9.08859 24.9401 9.08859 24.5677C9.08859 24.1953 9.39048 23.8934 9.76288 23.8934H23.2486V23.2191H9.42574Z"
fill="url(#paint16_linear_18_20855)"
/>
</g>
<g filter="url(#filter3_i_18_20855)">
<path
d="M3.28204 4H15.6688C16.4134 4 17.017 4.60362 17.017 5.34821V20.1786H3.28204V4Z"
fill="url(#paint17_linear_18_20855)"
/>
<path
d="M3.28204 4H15.6688C16.4134 4 17.017 4.60362 17.017 5.34821V20.1786H3.28204V4Z"
fill="url(#paint18_linear_18_20855)"
/>
</g>
<path
d="M2.52368 20.5156H17.017V22.2009H16.6799L16.3429 22.5379H2.52368V20.5156Z"
fill="url(#paint19_linear_18_20855)"
/>
<path
d="M2.52368 20.5156H17.017V22.2009H16.6799L16.3429 22.5379H2.52368V20.5156Z"
fill="url(#paint20_linear_18_20855)"
/>
<path
d="M3.19781 4C2.63936 4 2.18665 4.45271 2.18665 5.01116V21.5268H2.86075C2.86075 21.1545 3.16256 20.8527 3.53486 20.8527H4.20897V4H3.19781Z"
fill="url(#paint21_linear_18_20855)"
/>
<g filter="url(#filter4_i_18_20855)">
<path
d="M3.19781 20.1786C2.63936 20.1786 2.18665 20.6313 2.18665 21.1897V21.8639C2.18665 22.4223 2.63936 22.875 3.19781 22.875H16.2807C16.7209 22.875 17.017 22.6495 17.017 22.2009H3.53486C3.16256 22.2009 2.86075 21.8991 2.86075 21.5268C2.86075 21.1545 3.16256 20.8527 3.53486 20.8527H17.017V20.1786H3.19781Z"
fill="url(#paint22_linear_18_20855)"
/>
</g>
<defs>
<filter
id="filter0_i_18_20855"
x={16.5725}
y={11.0757}
width={13.7386}
height={17.0243}
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.1} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.32549 0 0 0 0 0.807843 0 0 0 0 0.933333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20855"
/>
</filter>
<filter
id="filter1_i_18_20855"
x={15.4768}
y={27.2585}
width={14.8343}
height={2.79714}
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.1} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.168627 0 0 0 0 0.388235 0 0 0 0 0.74902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20855"
/>
</filter>
<filter
id="filter2_i_18_20855"
x={8.41431}
y={23.2191}
width={14.8343}
height={2.79714}
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.1} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.694118 0 0 0 0 0.192157 0 0 0 0 0.360784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20855"
/>
</filter>
<filter
id="filter3_i_18_20855"
x={3.28204}
y={4}
width={13.7349}
height={16.2786}
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.1} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.623529 0 0 0 0 0.858824 0 0 0 0 0.290196 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20855"
/>
</filter>
<filter
id="filter4_i_18_20855"
x={2.18665}
y={20.1786}
width={14.8304}
height={2.79641}
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.1} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.113725 0 0 0 0 0.435294 0 0 0 0 0.439216 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20855"
/>
</filter>
<linearGradient
id="paint0_linear_18_20855"
x1={23.9054}
y1={11.0757}
x2={23.9054}
y2={27.2585}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#56D1F3" />
<stop offset={1} stopColor="#39ADF1" />
</linearGradient>
<linearGradient
id="paint1_linear_18_20855"
x1={30.4164}
y1={13.4568}
x2={29.0889}
y2={13.6464}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0135725} stopColor="#7FECFF" />
<stop offset={1} stopColor="#60DEFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_20855"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.4143 27.2585) scale(6.0275 5.11709)"
>
<stop stopColor="#2E7CD5" />
<stop offset={1} stopColor="#2E7CD5" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_20855"
x1={16.6376}
y1={28.8873}
x2={30.1891}
y2={28.8873}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D5BCEB" />
<stop offset={1} stopColor="#DCCCED" />
<stop offset={1} stopColor="#E3D3F2" />
</linearGradient>
<linearGradient
id="paint4_linear_18_20855"
x1={23.0625}
y1={27.7562}
x2={23.0625}
y2={28.7133}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9F84AE" />
<stop offset={1} stopColor="#C5B1D6" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_20855"
x1={15.6152}
y1={21.0131}
x2={17.2047}
y2={21.0214}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#44A3D2" />
<stop offset={1} stopColor="#3C8FCC" />
</linearGradient>
<radialGradient
id="paint6_radial_18_20855"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.4997 25.625) rotate(90) scale(4.21875 2.46036)"
>
<stop stopColor="#3163AE" />
<stop offset={1} stopColor="#3163AE" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18_20855"
x1={16.4418}
y1={29.2571}
x2={30.3111}
y2={29.2353}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3769C5" />
<stop offset={1} stopColor="#3666C3" />
</linearGradient>
<linearGradient
id="paint8_linear_18_20855"
x1={16.8428}
y1={7.03625}
x2={16.8428}
y2={23.2191}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E13074" />
<stop offset={1} stopColor="#E0334C" />
</linearGradient>
<linearGradient
id="paint9_linear_18_20855"
x1={24.3881}
y1={9.31695}
x2={22.561}
y2={9.3822}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.408703} stopColor="#F76594" />
<stop offset={1} stopColor="#FA6295" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_18_20855"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.008 22.8125) scale(6.75 5.4622)"
>
<stop stopColor="#B21940" />
<stop offset={1} stopColor="#B21940" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint11_linear_18_20855"
x1={9.57511}
y1={24.8478}
x2={23.1266}
y2={24.8478}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D5BCEB" />
<stop offset={1} stopColor="#DCCCED" />
<stop offset={1} stopColor="#E3D3F2" />
</linearGradient>
<linearGradient
id="paint12_linear_18_20855"
x1={16}
y1={23.7167}
x2={16}
y2={24.6738}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9F84AE" />
<stop offset={1} stopColor="#C5B1D6" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_20855"
x1={8.55275}
y1={16.9736}
x2={10.4372}
y2={16.9736}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9A3E4F" />
<stop offset={1} stopColor="#AA2C4D" />
</linearGradient>
<radialGradient
id="paint14_radial_18_20855"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.68326 23.6732) rotate(-90) scale(4.4809 0.78956)"
>
<stop stopColor="#9B3F51" />
<stop offset={1} stopColor="#9B3F51" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint15_radial_18_20855"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.4372 22.3437) rotate(90) scale(3.28125 1.86661)"
>
<stop offset={0.266667} stopColor="#8F163A" />
<stop offset={1} stopColor="#8F163A" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint16_linear_18_20855"
x1={9.37932}
y1={25.2176}
x2={23.2486}
y2={25.1959}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AB1F5C" />
<stop offset={1} stopColor="#A51E5A" />
</linearGradient>
<linearGradient
id="paint17_linear_18_20855"
x1={10.613}
y1={4}
x2={10.613}
y2={20.1786}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A6E051" />
<stop offset={1} stopColor="#74D891" />
</linearGradient>
<linearGradient
id="paint18_linear_18_20855"
x1={17.1223}
y1={6.38044}
x2={15.7952}
y2={6.57003}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0135725} stopColor="#C0FA7C" />
<stop offset={1} stopColor="#B0ED5B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint19_linear_18_20855"
x1={3.34711}
y1={21.8069}
x2={16.895}
y2={21.8069}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D5BCEB" />
<stop offset={1} stopColor="#DCCCED" />
<stop offset={1} stopColor="#E3D3F2" />
</linearGradient>
<linearGradient
id="paint20_linear_18_20855"
x1={9.77033}
y1={20.6761}
x2={9.77033}
y2={21.6329}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9F84AE" />
<stop offset={1} stopColor="#C5B1D6" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint21_linear_18_20855"
x1={2.32505}
y1={13.9347}
x2={3.91405}
y2={13.9431}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#63B33B" />
<stop offset={1} stopColor="#429B5B" />
</linearGradient>
<linearGradient
id="paint22_linear_18_20855"
x1={3.15141}
y1={22.1766}
x2={17.017}
y2={22.1548}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2E7671" />
<stop offset={1} stopColor="#2E7172" />
</linearGradient>
</defs>
</svg>
);
module.exports = BooksIcon;