@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
231 lines (230 loc) • 7.32 kB
JSX
const React = require("react");
const RollOfPaperIcon = ({ 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}
<rect
x={12.6643}
y={10.7828}
width={12.1016}
height={13.4844}
fill="url(#paint0_linear_18_26187)"
/>
<rect
x={12.6643}
y={10.7828}
width={12.1016}
height={13.4844}
fill="url(#paint1_radial_18_26187)"
/>
<g filter="url(#filter0_ii_18_26187)">
<ellipse
cx={24.7659}
cy={14.7985}
rx={5.07031}
ry={9.46875}
fill="url(#paint2_linear_18_26187)"
/>
</g>
<ellipse
cx={24.9299}
cy={14.7672}
rx={2.14062}
ry={3.98438}
fill="url(#paint3_linear_18_26187)"
/>
<g filter="url(#filter1_ii_18_26187)">
<path
d="M19.6954 28.8453V14.7985C19.6956 9.56903 21.9656 5.32971 24.7659 5.32971C27.5483 5.32971 29.8073 9.51544 29.8359 14.6989C29.8359 14.6774 29.8361 14.6559 29.8361 14.6344C29.8361 9.31433 27.3317 5.00159 24.2423 5.00159H7.75793C4.66858 5.00159 2.16418 9.31433 2.16418 14.6344L2.16406 14.7075L2.16418 14.7672V28.8453C2.16418 29.3976 2.61194 29.8453 3.16418 29.8453H18.6954C19.2478 29.8453 19.6954 29.3976 19.6954 28.8453Z"
fill="url(#paint4_linear_18_26187)"
/>
</g>
<path
d="M19.6954 28.8453V14.7985C19.6956 9.56903 21.9656 5.32971 24.7659 5.32971C27.5483 5.32971 29.8073 9.51544 29.8359 14.6989C29.8359 14.6774 29.8361 14.6559 29.8361 14.6344C29.8361 9.31433 27.3317 5.00159 24.2423 5.00159H7.75793C4.66858 5.00159 2.16418 9.31433 2.16418 14.6344L2.16406 14.7075L2.16418 14.7672V28.8453C2.16418 29.3976 2.61194 29.8453 3.16418 29.8453H18.6954C19.2478 29.8453 19.6954 29.3976 19.6954 28.8453Z"
fill="url(#paint5_linear_18_26187)"
/>
<defs>
<filter
id="filter0_ii_18_26187"
x={19.6956}
y={5.17971}
width={10.3906}
height={19.0875}
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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.976471 0 0 0 0 0.968627 0 0 0 0 0.984314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26187"
/>
<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.25} dy={-0.15} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.878431 0 0 0 0 0.854902 0 0 0 0 0.909804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_26187"
result="effect2_innerShadow_18_26187"
/>
</filter>
<filter
id="filter1_ii_18_26187"
x={1.91406}
y={5.00159}
width={28.072}
height={24.8438}
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} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.737255 0 0 0 0 0.72549 0 0 0 0 0.752941 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26187"
/>
<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.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.960784 0 0 0 0 0.956863 0 0 0 0 0.964706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_26187"
result="effect2_innerShadow_18_26187"
/>
</filter>
<linearGradient
id="paint0_linear_18_26187"
x1={18.7151}
y1={20.1266}
x2={18.7151}
y2={24.2672}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AA9DB9" />
<stop offset={1} stopColor="#A385BE" />
</linearGradient>
<radialGradient
id="paint1_radial_18_26187"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.5393 18.7516) rotate(61.3691) scale(6.97827 3.14998)"
>
<stop offset={0.397794} stopColor="#CFC9D6" />
<stop offset={0.988881} stopColor="#CFC9D6" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18_26187"
x1={24.7659}
y1={5.32971}
x2={24.7659}
y2={24.2672}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F1EFF3" />
<stop offset={1} stopColor="#F2EFF6" />
</linearGradient>
<linearGradient
id="paint3_linear_18_26187"
x1={25.8831}
y1={15.3453}
x2={22.7893}
y2={11.3453}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#804D3B" />
<stop offset={0.94083} stopColor="#4F2720" />
</linearGradient>
<linearGradient
id="paint4_linear_18_26187"
x1={16.0001}
y1={5.50159}
x2={16.0001}
y2={29.8453}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.233962} stopColor="#D0D0D1" />
<stop offset={0.45283} stopColor="#C7C3CC" />
<stop offset={1} stopColor="#DBD7E0" />
</linearGradient>
<linearGradient
id="paint5_linear_18_26187"
x1={10.0706}
y1={29.8453}
x2={10.0706}
y2={28.9391}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C7B9D5" />
<stop offset={1} stopColor="#DBD7E0" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = RollOfPaperIcon;