@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
312 lines (311 loc) • 10.4 kB
JSX
const React = require("react");
const PageFacingUpIcon = ({ 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_iiii_18_21074)">
<path
d="M20.4148 2.33586C20.2272 2.14833 19.9729 2.04297 19.7077 2.04297H6.43906C5.66586 2.04297 5.03906 2.66977 5.03906 3.44296V28.557C5.03906 29.3302 5.66586 29.957 6.43906 29.957H25.5609C26.3341 29.957 26.9609 29.3302 26.9609 28.557V9.29623C26.9609 9.03102 26.8556 8.77666 26.668 8.58913L20.4148 2.33586Z"
fill="url(#paint0_linear_18_21074)"
/>
</g>
<g filter="url(#filter1_f_18_21074)">
<path
d="M19.751 2.45703C19.751 2.25563 19.8088 2.127 19.6992 2.10547C19.8034 2.11211 19.9549 2.14986 20.0508 2.1875C20.174 2.23589 20.0219 2.34273 20.1183 2.43694C20.1212 2.43968 20.124 2.44244 20.1267 2.44524L26.38 8.6985C26.399 8.71757 26.4173 8.73732 26.4346 8.75771C26.52 8.85806 26.5842 8.97371 26.6243 9.09766C26.6562 9.19624 26.6729 9.30006 26.6729 9.40561V9.46875C26.6729 9.23655 26.5049 9.09766 26.38 9.09766H20.951C20.2883 9.09766 19.751 8.56039 19.751 7.89766V2.45703Z"
fill="#D2C5DF"
/>
</g>
<g filter="url(#filter2_ii_18_21074)">
<path
d="M20.0391 2.3477C20.0391 2.1463 19.881 2.06657 19.7714 2.04504C19.8756 2.05168 19.9773 2.07454 20.0732 2.11218C20.1964 2.16057 20.3099 2.2334 20.4064 2.32761C20.4092 2.33035 20.412 2.33311 20.4148 2.33591L26.668 8.58917C26.6871 8.60824 26.7053 8.62799 26.7227 8.64838C26.808 8.74873 26.8722 8.86438 26.9124 8.98833C26.9443 9.08691 26.9609 9.19073 26.9609 9.29628V9.35942C26.9609 9.12722 26.793 8.98833 26.668 8.98833H21.2391C20.5763 8.98833 20.0391 8.45107 20.0391 7.78833V2.3477Z"
fill="url(#paint1_linear_18_21074)"
/>
</g>
<path
d="M20.0391 2.3477C20.0391 2.1463 19.881 2.06657 19.7714 2.04504C19.8756 2.05168 19.9773 2.07454 20.0732 2.11218C20.1964 2.16057 20.3099 2.2334 20.4064 2.32761C20.4092 2.33035 20.412 2.33311 20.4148 2.33591L26.668 8.58917C26.6871 8.60824 26.7053 8.62799 26.7227 8.64838C26.808 8.74873 26.8722 8.86438 26.9124 8.98833C26.9443 9.08691 26.9609 9.19073 26.9609 9.29628V9.35942C26.9609 9.12722 26.793 8.98833 26.668 8.98833H21.2391C20.5763 8.98833 20.0391 8.45107 20.0391 7.78833V2.3477Z"
fill="url(#paint2_linear_18_21074)"
/>
<rect
x={9.03906}
y={11.9961}
width={13.9141}
height={0.992188}
rx={0.496094}
fill="url(#paint3_linear_18_21074)"
/>
<rect
x={9.03906}
y={14.9961}
width={13.9141}
height={0.992188}
rx={0.496094}
fill="url(#paint4_linear_18_21074)"
/>
<rect
x={9.03906}
y={17.9961}
width={13.9141}
height={0.992188}
rx={0.496094}
fill="url(#paint5_linear_18_21074)"
/>
<rect
x={9.03906}
y={20.9961}
width={8.98438}
height={0.992188}
rx={0.496094}
fill="url(#paint6_linear_18_21074)"
/>
<defs>
<filter
id="filter0_iiii_18_21074"
x={4.93906}
y={1.74297}
width={22.3219}
height={28.3141}
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.3} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.807843 0 0 0 0 0.768627 0 0 0 0 0.85098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21074"
/>
<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.709804 0 0 0 0 0.690196 0 0 0 0 0.733333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21074"
result="effect2_innerShadow_18_21074"
/>
<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.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.65098 0 0 0 0 0.8 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_21074"
result="effect3_innerShadow_18_21074"
/>
<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.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.952941 0 0 0 0 0.941176 0 0 0 0 0.964706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect3_innerShadow_18_21074"
result="effect4_innerShadow_18_21074"
/>
</filter>
<filter
id="filter1_f_18_21074"
x={19.1992}
y={1.60547}
width={7.97363}
height={8.36328}
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_21074"
/>
</filter>
<filter
id="filter2_ii_18_21074"
x={19.7714}
y={1.94504}
width={7.28951}
height={7.41433}
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.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.631373 0 0 0 0 0.611765 0 0 0 0 0.654902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21074"
/>
<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.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.752941 0 0 0 0 0.67451 0 0 0 0 0.835294 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21074"
result="effect2_innerShadow_18_21074"
/>
</filter>
<linearGradient
id="paint0_linear_18_21074"
x1={16}
y1={2.04297}
x2={16}
y2={29.957}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EBE4F3" />
<stop offset={1} stopColor="#E4DAF0" />
</linearGradient>
<linearGradient
id="paint1_linear_18_21074"
x1={20.5391}
y1={8.70708}
x2={23.1797}
y2={6.06645}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D9D3E1" />
<stop offset={1} stopColor="#CCC7D1" />
</linearGradient>
<linearGradient
id="paint2_linear_18_21074"
x1={23.7734}
y1={5.55083}
x2={23.1328}
y2={6.17583}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.119171} stopColor="#DBDADC" />
<stop offset={0.577307} stopColor="#CBC7D0" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_21074"
x1={9.03906}
y1={12.4922}
x2={22.9531}
y2={12.4922}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9C96A2" />
<stop offset={1} stopColor="#9A95A1" />
</linearGradient>
<linearGradient
id="paint4_linear_18_21074"
x1={9.03906}
y1={15.4922}
x2={22.9531}
y2={15.4922}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9C96A2" />
<stop offset={1} stopColor="#9A95A1" />
</linearGradient>
<linearGradient
id="paint5_linear_18_21074"
x1={9.03906}
y1={18.4922}
x2={22.9531}
y2={18.4922}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9C96A2" />
<stop offset={1} stopColor="#9A95A1" />
</linearGradient>
<linearGradient
id="paint6_linear_18_21074"
x1={9.03906}
y1={21.4922}
x2={18.0234}
y2={21.4922}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9C96A2" />
<stop offset={1} stopColor="#9A95A1" />
</linearGradient>
</defs>
</svg>
);
module.exports = PageFacingUpIcon;