@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
520 lines (519 loc) • 17.8 kB
JSX
const React = require("react");
const OpenBookIcon = ({ 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_20736)">
<path
d="M3.57812 11.0312C2.88776 11.0312 2.32812 11.5909 2.32812 12.2812V28.6719C2.32812 29.3622 2.88776 29.9219 3.57812 29.9219H14.5825C14.9009 30.4928 15.5108 30.8789 16.2109 30.8789C16.911 30.8789 17.521 30.4928 17.8394 29.9219H28.8438C29.5341 29.9219 30.0938 29.3622 30.0938 28.6719V12.2812C30.0938 11.5909 29.5341 11.0312 28.8438 11.0312H3.57812Z"
fill="#3E6ACA"
/>
</g>
<g filter="url(#filter1_ii_18_20736)">
<path
d="M3.57812 10.0625C2.88776 10.0625 2.32812 10.6221 2.32812 11.3125V27.7031C2.32812 28.3935 2.88776 28.9531 3.57812 28.9531H14.5825C14.9009 29.524 15.5108 29.9102 16.2109 29.9102C16.911 29.9102 17.521 29.524 17.8394 28.9531H28.8438C29.5341 28.9531 30.0938 28.3935 30.0938 27.7031V11.3125C30.0938 10.6221 29.5341 10.0625 28.8438 10.0625H3.57812Z"
fill="url(#paint0_linear_18_20736)"
/>
</g>
<g filter="url(#filter2_f_18_20736)">
<path
d="M4.81036 9.09375L3.24475 11.0354C3.10645 11.2069 3.03125 11.4187 3.03125 11.6369V25.9311C3.03125 26.6034 3.59088 27.1484 4.28125 27.1484H27.7188C28.4091 27.1484 28.9688 26.6034 28.9688 25.9311V11.6369C28.9688 11.4187 28.8936 11.2069 28.7552 11.0354L27.1896 9.09375L25.3481 23.7399H6.65189L4.81036 9.09375Z"
fill="#3F9BEA"
/>
</g>
<path
d="M14.7734 25.7031H17.6484V27.2813C17.6484 28.0752 17.0048 28.7188 16.2109 28.7188C15.417 28.7188 14.7734 28.0752 14.7734 27.2812V25.7031Z"
fill="url(#paint1_radial_18_20736)"
/>
<path
d="M14.7734 25.7031H17.6484V27.2813C17.6484 28.0752 17.0048 28.7188 16.2109 28.7188C15.417 28.7188 14.7734 28.0752 14.7734 27.2812V25.7031Z"
fill="url(#paint2_linear_18_20736)"
/>
<g filter="url(#filter3_i_18_20736)">
<path
d="M3.42445 10.4547L4.99004 8.46094L6.83158 23.5H16.1797V27H4.46094C3.77058 27 3.21094 26.4404 3.21094 25.75V11.0723C3.21094 10.8483 3.28612 10.6308 3.42445 10.4547Z"
fill="url(#paint3_linear_18_20736)"
/>
</g>
<g filter="url(#filter4_i_18_20736)">
<path
d="M28.9349 10.4547L27.3693 8.46094L25.5278 23.5H16.1797V27H27.8984C28.5888 27 29.1484 26.4404 29.1484 25.75V11.0723C29.1484 10.8483 29.0733 10.6308 28.9349 10.4547Z"
fill="url(#paint4_linear_18_20736)"
/>
<path
d="M28.9349 10.4547L27.3693 8.46094L25.5278 23.5H16.1797V27H27.8984C28.5888 27 29.1484 26.4404 29.1484 25.75V11.0723C29.1484 10.8483 29.0733 10.6308 28.9349 10.4547Z"
fill="url(#paint5_linear_18_20736)"
/>
</g>
<path
d="M28.9349 10.4547L27.3693 8.46094L25.5278 23.5H16.1797V27H27.8984C28.5888 27 29.1484 26.4404 29.1484 25.75V11.0723C29.1484 10.8483 29.0733 10.6308 28.9349 10.4547Z"
fill="url(#paint6_linear_18_20736)"
/>
<g filter="url(#filter5_ii_18_20736)">
<path
d="M4.80469 9.03125C4.80469 8.47897 5.2524 8.03125 5.80469 8.03125H13.6797C15.0604 8.03125 16.1797 9.15054 16.1797 10.5312V26.9922C16.1797 25.8919 15.0469 25 13.7344 25H6.05469C5.36433 25 4.80469 24.4404 4.80469 23.75V9.03125Z"
fill="url(#paint7_linear_18_20736)"
/>
<path
d="M4.80469 9.03125C4.80469 8.47897 5.2524 8.03125 5.80469 8.03125H13.6797C15.0604 8.03125 16.1797 9.15054 16.1797 10.5312V26.9922C16.1797 25.8919 15.0469 25 13.7344 25H6.05469C5.36433 25 4.80469 24.4404 4.80469 23.75V9.03125Z"
fill="url(#paint8_linear_18_20736)"
/>
<path
d="M4.80469 9.03125C4.80469 8.47897 5.2524 8.03125 5.80469 8.03125H13.6797C15.0604 8.03125 16.1797 9.15054 16.1797 10.5312V26.9922C16.1797 25.8919 15.0469 25 13.7344 25H6.05469C5.36433 25 4.80469 24.4404 4.80469 23.75V9.03125Z"
fill="url(#paint9_linear_18_20736)"
/>
</g>
<g filter="url(#filter6_ii_18_20736)">
<path
d="M27.5547 9.03125C27.5547 8.47897 27.107 8.03125 26.5547 8.03125H18.6797C17.299 8.03125 16.1797 9.15054 16.1797 10.5312V26.9922C16.1797 25.8919 17.3125 25 18.625 25H26.3047C26.995 25 27.5547 24.4404 27.5547 23.75V9.03125Z"
fill="url(#paint10_linear_18_20736)"
/>
<path
d="M27.5547 9.03125C27.5547 8.47897 27.107 8.03125 26.5547 8.03125H18.6797C17.299 8.03125 16.1797 9.15054 16.1797 10.5312V26.9922C16.1797 25.8919 17.3125 25 18.625 25H26.3047C26.995 25 27.5547 24.4404 27.5547 23.75V9.03125Z"
fill="url(#paint11_linear_18_20736)"
/>
<path
d="M27.5547 9.03125C27.5547 8.47897 27.107 8.03125 26.5547 8.03125H18.6797C17.299 8.03125 16.1797 9.15054 16.1797 10.5312V26.9922C16.1797 25.8919 17.3125 25 18.625 25H26.3047C26.995 25 27.5547 24.4404 27.5547 23.75V9.03125Z"
fill="url(#paint12_linear_18_20736)"
/>
</g>
<defs>
<filter
id="filter0_i_18_20736"
x={2.32812}
y={10.8812}
width={27.9156}
height={19.9977}
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.15} dy={-0.15} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.305882 0 0 0 0 0.541176 0 0 0 0 0.780392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20736"
/>
</filter>
<filter
id="filter1_ii_18_20736"
x={2.22812}
y={9.9625}
width={27.9656}
height={19.9477}
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.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.45098 0 0 0 0 0.941176 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20736"
/>
<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.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.286275 0 0 0 0 0.666667 0 0 0 0 0.901961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_20736"
result="effect2_innerShadow_18_20736"
/>
</filter>
<filter
id="filter2_f_18_20736"
x={2.53125}
y={8.59375}
width={26.9375}
height={19.0547}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_20736"
/>
</filter>
<filter
id="filter3_i_18_20736"
x={3.21094}
y={8.46094}
width={13.0688}
height={18.6391}
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} 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.705882 0 0 0 0 0.733333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20736"
/>
</filter>
<filter
id="filter4_i_18_20736"
x={16.1797}
y={8.46094}
width={13.0688}
height={18.6391}
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} 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.831373 0 0 0 0 0.835294 0 0 0 0 0.854902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20736"
/>
</filter>
<filter
id="filter5_ii_18_20736"
x={4.80469}
y={8.03125}
width={11.475}
height={19.0109}
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.05} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.827451 0 0 0 0 0.819608 0 0 0 0 0.854902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20736"
/>
<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.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.980392 0 0 0 0 0.976471 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_20736"
result="effect2_innerShadow_18_20736"
/>
</filter>
<filter
id="filter6_ii_18_20736"
x={16.0797}
y={8.03125}
width={11.475}
height={19.0109}
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.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.980392 0 0 0 0 0.976471 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20736"
/>
<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.05} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.827451 0 0 0 0 0.819608 0 0 0 0 0.854902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_20736"
result="effect2_innerShadow_18_20736"
/>
</filter>
<linearGradient
id="paint0_linear_18_20736"
x1={16.2109}
y1={14.4375}
x2={16.2109}
y2={29.9102}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5DD8FB" />
<stop offset={1} stopColor="#41AEF2" />
</linearGradient>
<radialGradient
id="paint1_radial_18_20736"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.375 28.5313) rotate(-26.565) scale(2.23607 3.13748)"
>
<stop offset={0.231937} stopColor="#306AB3" />
<stop offset={1} stopColor="#1A4CA8" />
</radialGradient>
<linearGradient
id="paint2_linear_18_20736"
x1={16.2109}
y1={26.7813}
x2={16.2109}
y2={27.5313}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#1748A6" />
<stop offset={1} stopColor="#1748A6" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_20736"
x1={12.5156}
y1={28.6563}
x2={5.26563}
y2={21.9375}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.749863} stopColor="#B3A9CF" />
<stop offset={0.931655} stopColor="#B6BAC5" />
</linearGradient>
<linearGradient
id="paint4_linear_18_20736"
x1={19.8437}
y1={28.6563}
x2={27.0937}
y2={21.9375}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.71707} stopColor="#BBB3D9" />
<stop offset={0.912508} stopColor="#DCDDE8" />
</linearGradient>
<linearGradient
id="paint5_linear_18_20736"
x1={27.9764}
y1={8.88643}
x2={27.9764}
y2={13.3274}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D8DAE2" />
<stop offset={1} stopColor="#D8DAE2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_20736"
x1={16.1797}
y1={27}
x2={17.7969}
y2={25.0938}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A699C9" />
<stop offset={1} stopColor="#A699C9" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_20736"
x1={4.80469}
y1={17.5117}
x2={15.3281}
y2={17.5117}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F3F1FA" />
<stop offset={1} stopColor="#F0EBF9" />
</linearGradient>
<linearGradient
id="paint8_linear_18_20736"
x1={16.1797}
y1={25.6875}
x2={13.4531}
y2={25.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D5CCE8" />
<stop offset={1} stopColor="#F2EBFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_20736"
x1={16.2344}
y1={25.9063}
x2={16.0156}
y2={25.9063}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.178572} stopColor="#BFB3D1" />
<stop offset={1} stopColor="#BFB3D1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_20736"
x1={16.1797}
y1={17.5117}
x2={26.7031}
y2={17.5117}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F3F1FA" />
<stop offset={1} stopColor="#F0EBF9" />
</linearGradient>
<linearGradient
id="paint11_linear_18_20736"
x1={16.1797}
y1={25.6875}
x2={18.9844}
y2={25.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D5CCE8" />
<stop offset={1} stopColor="#F2EBFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_20736"
x1={16.1523}
y1={25.9062}
x2={16.3594}
y2={25.9062}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BFB3D1" />
<stop offset={1} stopColor="#BFB3D1" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = OpenBookIcon;