@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
505 lines (504 loc) • 16.2 kB
JSX
const React = require("react");
const HeadstoneIcon = ({ 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_26637)">
<path
d="M19.9379 5.32677C20.0295 5.5062 20.209 5.62842 20.4105 5.62842H22.0198C23.1244 5.62842 24.0198 6.52383 24.0198 7.62842V27.3538H7.96191V7.62842C7.96191 6.52386 8.8573 5.62842 9.96191 5.62842H11.5712C11.7727 5.62842 11.9522 5.5062 12.0438 5.32677C12.7768 3.89193 14.269 2.90955 15.9908 2.90955C17.7126 2.90955 19.2049 3.89193 19.9379 5.32677Z"
fill="url(#paint0_linear_18_26637)"
/>
</g>
<g filter="url(#filter1_i_18_26637)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.9908 5.21833C14.8074 5.21833 13.8118 6.0254 13.5257 7.11957C13.4357 7.46377 13.134 7.77281 12.7256 7.77281H10.4559C10.2488 7.77281 10.0809 7.9407 10.0809 8.14781V26.4198C10.0809 26.5441 10.1816 26.6448 10.3059 26.6448H21.6689C21.7932 26.6448 21.8939 26.5441 21.8939 26.4198V8.14781C21.8939 7.9407 21.726 7.77281 21.5189 7.77281H19.256C18.8476 7.77281 18.5458 7.46377 18.4558 7.11957C18.1697 6.0254 17.1741 5.21833 15.9908 5.21833ZM12.9936 6.98044C13.3414 5.65022 14.5511 4.66833 15.9908 4.66833C17.4305 4.66833 18.6401 5.65022 18.9879 6.98044C19.0284 7.13539 19.1484 7.22281 19.256 7.22281H21.5189C22.0298 7.22281 22.4439 7.63695 22.4439 8.14781V26.4198C22.4439 26.8479 22.097 27.1948 21.6689 27.1948H10.3059C9.87786 27.1948 9.53088 26.8479 9.53088 26.4198V8.14781C9.53088 7.63694 9.94502 7.22281 10.4559 7.22281H12.7256C12.8331 7.22281 12.9531 7.13539 12.9936 6.98044Z"
fill="#929299"
/>
</g>
<g filter="url(#filter2_i_18_26637)">
<rect
x={12.6045}
y={12.2732}
width={6.79114}
height={0.787264}
rx={0.393632}
fill="#929299"
/>
<rect
x={12.6045}
y={12.2732}
width={6.79114}
height={0.787264}
rx={0.393632}
fill="url(#paint1_linear_18_26637)"
/>
</g>
<g filter="url(#filter3_i_18_26637)">
<rect
x={13.3744}
y={14.738}
width={5.25124}
height={0.787264}
rx={0.393632}
fill="#929299"
/>
<rect
x={13.3744}
y={14.738}
width={5.25124}
height={0.787264}
rx={0.393632}
fill="url(#paint2_linear_18_26637)"
/>
</g>
<g filter="url(#filter4_i_18_26637)">
<rect
x={11.9557}
y={17.2029}
width={3.01923}
height={0.787264}
rx={0.393632}
fill="#929299"
/>
<rect
x={11.9557}
y={17.2029}
width={3.01923}
height={0.787264}
rx={0.393632}
fill="url(#paint3_linear_18_26637)"
/>
</g>
<g filter="url(#filter5_i_18_26637)">
<rect
width={4.45531}
height={0.787264}
rx={0.393632}
transform="matrix(-1 0 0 1 19.9752 17.2029)"
fill="#929299"
/>
<rect
width={4.45531}
height={0.787264}
rx={0.393632}
transform="matrix(-1 0 0 1 19.9752 17.2029)"
fill="url(#paint4_linear_18_26637)"
/>
</g>
<path
d="M5.89417 25.8009C5.89417 25.2486 6.34188 24.8009 6.89417 24.8009H25.0878C25.64 24.8009 26.0878 25.2486 26.0878 25.8009V27.3538H5.89417V25.8009Z"
fill="url(#paint5_linear_18_26637)"
/>
<path
d="M5.89417 25.8009C5.89417 25.2486 6.34188 24.8009 6.89417 24.8009H25.0878C25.64 24.8009 26.0878 25.2486 26.0878 25.8009V27.3538H5.89417V25.8009Z"
fill="url(#paint6_linear_18_26637)"
/>
<path
d="M5.89417 25.8009C5.89417 25.2486 6.34188 24.8009 6.89417 24.8009H25.0878C25.64 24.8009 26.0878 25.2486 26.0878 25.8009V27.3538H5.89417V25.8009Z"
fill="url(#paint7_linear_18_26637)"
/>
<path
d="M5.89417 25.8009C5.89417 25.2486 6.34188 24.8009 6.89417 24.8009H25.0878C25.64 24.8009 26.0878 25.2486 26.0878 25.8009V27.3538H5.89417V25.8009Z"
fill="url(#paint8_radial_18_26637)"
/>
<path
d="M2.01367 29.2156C2.01367 27.8349 3.13296 26.7156 4.51367 26.7156H27.4681C28.8489 26.7156 29.9681 27.8349 29.9681 29.2156V29.8301H2.01367V29.2156Z"
fill="url(#paint9_linear_18_26637)"
/>
<path
d="M2.01367 29.2156C2.01367 27.8349 3.13296 26.7156 4.51367 26.7156H27.4681C28.8489 26.7156 29.9681 27.8349 29.9681 29.2156V29.8301H2.01367V29.2156Z"
fill="url(#paint10_linear_18_26637)"
/>
<path
d="M2.01367 29.2156C2.01367 27.8349 3.13296 26.7156 4.51367 26.7156H27.4681C28.8489 26.7156 29.9681 27.8349 29.9681 29.2156V29.8301H2.01367V29.2156Z"
fill="url(#paint11_linear_18_26637)"
/>
<path
d="M2.01367 29.2156C2.01367 27.8349 3.13296 26.7156 4.51367 26.7156H27.4681C28.8489 26.7156 29.9681 27.8349 29.9681 29.2156V29.8301H2.01367V29.2156Z"
fill="url(#paint12_radial_18_26637)"
/>
<defs>
<filter
id="filter0_ii_18_26637"
x={7.71191}
y={2.90955}
width={16.8079}
height={24.9442}
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} dy={0.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.909804 0 0 0 0 0.909804 0 0 0 0 0.92549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26637"
/>
<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.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.517647 0 0 0 0 0.513726 0 0 0 0 0.552941 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_26637"
result="effect2_innerShadow_18_26637"
/>
</filter>
<filter
id="filter1_i_18_26637"
x={9.28088}
y={4.66833}
width={13.1631}
height={22.5265}
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.392157 0 0 0 0 0.380392 0 0 0 0 0.447059 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26637"
/>
</filter>
<filter
id="filter2_i_18_26637"
x={12.3545}
y={12.2732}
width={7.04114}
height={1.03723}
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} dy={0.25} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.392157 0 0 0 0 0.380392 0 0 0 0 0.447059 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26637"
/>
</filter>
<filter
id="filter3_i_18_26637"
x={13.1244}
y={14.738}
width={5.50122}
height={1.03723}
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} dy={0.25} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.392157 0 0 0 0 0.380392 0 0 0 0 0.447059 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26637"
/>
</filter>
<filter
id="filter4_i_18_26637"
x={11.7057}
y={17.2029}
width={3.26929}
height={1.03723}
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} dy={0.25} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.392157 0 0 0 0 0.380392 0 0 0 0 0.447059 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26637"
/>
</filter>
<filter
id="filter5_i_18_26637"
x={15.2699}
y={17.2029}
width={4.70532}
height={1.03723}
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} dy={0.25} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.392157 0 0 0 0 0.380392 0 0 0 0 0.447059 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26637"
/>
</filter>
<linearGradient
id="paint0_linear_18_26637"
x1={16.354}
y1={18.8125}
x2={16.354}
y2={25.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C1C1C7" />
<stop offset={0.925138} stopColor="#A4A2AD" />
</linearGradient>
<linearGradient
id="paint1_linear_18_26637"
x1={12.8228}
y1={12.875}
x2={13.1978}
y2={12.875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9B9BA1" />
<stop offset={1} stopColor="#9B9BA1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_26637"
x1={13.5432}
y1={15.3399}
x2={13.8331}
y2={15.3399}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9B9BA1" />
<stop offset={1} stopColor="#9B9BA1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_26637"
x1={12.0527}
y1={17.8047}
x2={12.2194}
y2={17.8047}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9B9BA1" />
<stop offset={1} stopColor="#9B9BA1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_26637"
x1={0.14319}
y1={0.601837}
x2={0.389208}
y2={0.601837}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9B9BA1" />
<stop offset={1} stopColor="#9B9BA1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_26637"
x1={20.354}
y1={26.0774}
x2={4.979}
y2={26.0774}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DDDBE5" />
<stop offset={1} stopColor="#7D7B89" />
</linearGradient>
<linearGradient
id="paint6_linear_18_26637"
x1={26.0878}
y1={26.625}
x2={23.479}
y2={26.5625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D4D6D8" />
<stop offset={0.990791} stopColor="#D4D6D8" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_26637"
x1={15.991}
y1={24.5}
x2={15.991}
y2={25.3125}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.115385} stopColor="#B5B4B9" />
<stop offset={1} stopColor="#B5B4B9" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint8_radial_18_26637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.0259 25.5157) rotate(180) scale(8.07812 0.390625)"
>
<stop offset={0.0672854} stopColor="#DDD9E4" />
<stop offset={1} stopColor="#DDD9E4" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_18_26637"
x1={29.9681}
y1={30.125}
x2={1.354}
y2={30.125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9BE173" />
<stop offset={1} stopColor="#73B056" />
</linearGradient>
<linearGradient
id="paint10_linear_18_26637"
x1={0.104004}
y1={29.8301}
x2={6.854}
y2={29.8301}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#699860" />
<stop offset={1} stopColor="#699860" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_26637"
x1={19.104}
y1={31.375}
x2={19.1665}
y2={28.2729}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.173414} stopColor="#5A936E" />
<stop offset={1} stopColor="#92BAA3" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_18_26637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.9165 28.0625) rotate(90) scale(2.21875 14.5324)"
>
<stop stopColor="#A9F2A1" />
<stop offset={1} stopColor="#8FD99F" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = HeadstoneIcon;