@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
292 lines (291 loc) • 8.13 kB
JSX
const React = require("react");
const PlacardIcon = ({ 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_26796)">
<rect
x={12.8447}
y={1.92407}
width={6.1742}
height={28.139}
rx={3.0871}
fill="url(#paint0_linear_18_26796)"
/>
<rect
x={12.8447}
y={1.92407}
width={6.1742}
height={28.139}
rx={3.0871}
fill="url(#paint1_radial_18_26796)"
/>
</g>
<rect
x={12.8447}
y={1.92407}
width={6.1742}
height={28.139}
rx={3.0871}
fill="url(#paint2_radial_18_26796)"
/>
<rect
x={12.8447}
y={1.92407}
width={6.1742}
height={28.139}
rx={3.0871}
fill="url(#paint3_radial_18_26796)"
/>
<g filter="url(#filter1_f_18_26796)">
<path
d="M13.1763 19.4514V18.3243H18.8239V19.4514C16.6649 19.0592 14.4664 19.2307 13.1763 19.4514Z"
fill="#A86650"
/>
</g>
<g filter="url(#filter2_iii_18_26796)">
<rect
x={4.94446}
y={5.04065}
width={21.9648}
height={13.9758}
rx={2.1}
fill="url(#paint4_linear_18_26796)"
/>
</g>
<rect
x={10.9332}
y={8.00952}
width={9.96157}
height={1.02573}
rx={0.512866}
fill="#98929F"
/>
<rect
x={12.9218}
y={11.0029}
width={5.98448}
height={1.02573}
rx={0.512866}
fill="#98929F"
/>
<rect
x={11.9061}
y={13.9963}
width={8.01573}
height={1.02573}
rx={0.512866}
fill="#98929F"
/>
<defs>
<filter
id="filter0_ii_18_26796"
x={12.8447}
y={1.17407}
width={6.92419}
height={28.889}
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.75} dy={-0.75} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.847059 0 0 0 0 0.556863 0 0 0 0 0.403922 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26796"
/>
<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.2} dy={-0.2} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.745098 0 0 0 0 0.458824 0 0 0 0 0.415686 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_26796"
result="effect2_innerShadow_18_26796"
/>
</filter>
<filter
id="filter1_f_18_26796"
x={12.6763}
y={17.8243}
width={6.64758}
height={2.12708}
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_26796"
/>
</filter>
<filter
id="filter2_iii_18_26796"
x={4.69446}
y={4.79065}
width={22.4648}
height={14.4758}
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.175} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.584314 0 0 0 0 0.54902 0 0 0 0 0.615686 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26796"
/>
<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.25} />
<feGaussianBlur stdDeviation={0.175} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.627451 0 0 0 0 0.498039 0 0 0 0 0.623529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_26796"
result="effect2_innerShadow_18_26796"
/>
<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.25} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.909804 0 0 0 0 0.886275 0 0 0 0 0.933333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_26796"
result="effect3_innerShadow_18_26796"
/>
</filter>
<linearGradient
id="paint0_linear_18_26796"
x1={15.9318}
y1={1.92407}
x2={15.9318}
y2={30.0631}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC985" />
<stop offset={1} stopColor="#FFBD85" />
</linearGradient>
<radialGradient
id="paint1_radial_18_26796"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.4766 22.6251) rotate(-2.86242) scale(5.00625 15.1233)"
>
<stop stopColor="#EAA470" />
<stop offset={1} stopColor="#EAA470" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_26796"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.5078 2.84381) rotate(144.765) scale(6.93329 8.60666)"
>
<stop offset={0.0397545} stopColor="#FFEBA0" />
<stop offset={1} stopColor="#FFEBA0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_26796"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.3516 18.8126) rotate(90) scale(9.75 1.5625)"
>
<stop stopColor="#FFC281" />
<stop offset={1} stopColor="#FFC281" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_26796"
x1={26.2891}
y1={15.25}
x2={4.94446}
y2={15.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D8CFE1" />
<stop offset={1} stopColor="#C6BECF" />
</linearGradient>
</defs>
</svg>
);
module.exports = PlacardIcon;