@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
255 lines (254 loc) • 8.14 kB
JSX
const React = require("react");
const NewspaperIcon = ({ 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_21107)">
<path
d="M4.1875 6.30078C4.1875 5.61043 4.74714 5.05078 5.4375 5.05078H28.5781C29.2685 5.05078 29.8281 5.61043 29.8281 6.30078V27.918C29.8281 28.4703 29.3804 28.918 28.8281 28.918H5.1875C4.63522 28.918 4.1875 28.4703 4.1875 27.918V6.30078Z"
fill="url(#paint0_linear_18_21107)"
/>
<path
d="M4.1875 6.30078C4.1875 5.61043 4.74714 5.05078 5.4375 5.05078H28.5781C29.2685 5.05078 29.8281 5.61043 29.8281 6.30078V27.918C29.8281 28.4703 29.3804 28.918 28.8281 28.918H5.1875C4.63522 28.918 4.1875 28.4703 4.1875 27.918V6.30078Z"
fill="url(#paint1_linear_18_21107)"
/>
</g>
<path
d="M4.1875 7.41795H26.4375C27.1279 7.41795 27.6875 7.97759 27.6875 8.66795V27.7679C27.6875 28.1269 27.9785 28.4179 28.3375 28.4179H29.0234C29.3594 28.4179 29.6719 28.0898 29.6719 27.7226V5.96363C29.6719 5.84107 29.654 5.72266 29.6206 5.61084C29.7518 5.80857 29.8281 6.04573 29.8281 6.30076V27.9179C29.8281 28.4702 29.3804 28.9179 28.8281 28.9179H5.1875C4.63522 28.9179 4.1875 28.4702 4.1875 27.9179V7.41795Z"
fill="url(#paint2_linear_18_21107)"
/>
<g filter="url(#filter1_ii_18_21107)">
<path
d="M3.29688 7.41797C2.60651 7.41797 2.04688 7.97762 2.04688 8.66797V27.918C2.04688 28.4703 2.4946 28.918 3.04688 28.918H28.1719V28.9141C27.7812 28.875 27.6875 28.5078 27.6875 28.3047V8.66797C27.6875 7.97762 27.1279 7.41797 26.4375 7.41797H3.29688Z"
fill="url(#paint3_linear_18_21107)"
/>
<path
d="M3.29688 7.41797C2.60651 7.41797 2.04688 7.97762 2.04688 8.66797V27.918C2.04688 28.4703 2.4946 28.918 3.04688 28.918H28.1719V28.9141C27.7812 28.875 27.6875 28.5078 27.6875 28.3047V8.66797C27.6875 7.97762 27.1279 7.41797 26.4375 7.41797H3.29688Z"
fill="url(#paint4_linear_18_21107)"
/>
</g>
<rect
x={3.99219}
y={9.51953}
width={21.8984}
height={2.02344}
rx={0.75}
fill="#9C96A2"
/>
<rect
x={3.99219}
y={13.043}
width={21.8984}
height={0.984375}
rx={0.492188}
fill="#9C96A2"
/>
<rect
x={18.9375}
y={16}
width={6.95312}
height={0.984375}
rx={0.492188}
fill="#9C96A2"
/>
<path
d="M3.99219 17.75C3.99219 16.7835 4.77569 16 5.74219 16H15.1562C16.1227 16 16.9062 16.7835 16.9062 17.75V24.1992C16.9062 25.1657 16.1227 25.9492 15.1562 25.9492H5.74219C4.77569 25.9492 3.99219 25.1657 3.99219 24.1992V17.75Z"
fill="#9C96A2"
/>
<rect
x={18.9375}
y={19.0156}
width={6.95312}
height={0.984375}
rx={0.492188}
fill="#9C96A2"
/>
<rect
x={18.9375}
y={22.0312}
width={6.95312}
height={0.984375}
rx={0.492188}
fill="#9C96A2"
/>
<rect
x={18.9375}
y={25.0469}
width={6.95312}
height={0.984375}
rx={0.492188}
fill="#9C96A2"
/>
<defs>
<filter
id="filter0_ii_18_21107"
x={4.0875}
y={5.05078}
width={25.8406}
height={23.9672}
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.658824 0 0 0 0 0.647059 0 0 0 0 0.67451 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21107"
/>
<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.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.921569 0 0 0 0 0.913725 0 0 0 0 0.937255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21107"
result="effect2_innerShadow_18_21107"
/>
</filter>
<filter
id="filter1_ii_18_21107"
x={1.89687}
y={7.41797}
width={26.375}
height={21.65}
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.717647 0 0 0 0 0.701961 0 0 0 0 0.733333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21107"
/>
<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.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21107"
result="effect2_innerShadow_18_21107"
/>
</filter>
<linearGradient
id="paint0_linear_18_21107"
x1={9.125}
y1={8.69922}
x2={30.3125}
y2={8.69922}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D4CCDD" />
<stop offset={1} stopColor="#D0C8D8" />
</linearGradient>
<linearGradient
id="paint1_linear_18_21107"
x1={28.875}
y1={28.3867}
x2={28.875}
y2={24.8867}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E2DEE7" />
<stop offset={1} stopColor="#E2DEE7" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_21107"
x1={28.9063}
y1={28.6992}
x2={28.9063}
y2={25.2929}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFFEFF" />
<stop offset={1} stopColor="#F6F2FA" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_21107"
x1={25.9724}
y1={29.4363}
x2={28.1433}
y2={29.4363}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EBE4F4" />
<stop offset={1} stopColor="#E9E1F2" />
</linearGradient>
<linearGradient
id="paint4_linear_18_21107"
x1={20.0625}
y1={28.918}
x2={20.0625}
y2={27.2305}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AD8BCD" />
<stop offset={1} stopColor="#D6C4E9" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = NewspaperIcon;