@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
503 lines (502 loc) • 14.4 kB
JSX
const React = require("react");
const ConstructionIcon = ({ 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_12057)">
<path
d="M3 9C3 8.44772 3.44772 8 4 8H28C28.5523 8 29 8.44772 29 9V20C29 20.5523 28.5523 21 28 21H4C3.44772 21 3 20.5523 3 20V9Z"
fill="url(#paint0_linear_18_12057)"
/>
</g>
<path
d="M3 9C3 8.44772 3.44772 8 4 8H28C28.5523 8 29 8.44772 29 9V20C29 20.5523 28.5523 21 28 21H4C3.44772 21 3 20.5523 3 20V9Z"
fill="url(#paint1_linear_18_12057)"
/>
<path
d="M3 9C3 8.44772 3.44772 8 4 8H28C28.5523 8 29 8.44772 29 9V20C29 20.5523 28.5523 21 28 21H4C3.44772 21 3 20.5523 3 20V9Z"
fill="url(#paint2_radial_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M24.4748 20.9999H19.525L29 11.5249V16.4746L24.4748 20.9999Z"
fill="url(#paint3_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M24.4748 20.9999H19.525L29 11.5249V16.4746L24.4748 20.9999Z"
fill="url(#paint4_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M24.4748 20.9999H19.525L29 11.5249V16.4746L24.4748 20.9999Z"
fill="url(#paint5_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14.4748 21H9.52502L22.525 8H27.4748L14.4748 21Z"
fill="url(#paint6_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14.4748 21H9.52502L22.525 8H27.4748L14.4748 21Z"
fill="url(#paint7_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14.4748 21H9.52502L22.525 8H27.4748L14.4748 21Z"
fill="url(#paint8_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M4.47476 21H4C3.44772 21 3 20.5523 3 20V17.525L12.525 8H17.4748L4.47476 21Z"
fill="url(#paint9_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M4.47476 21H4C3.44772 21 3 20.5523 3 20V17.525L12.525 8H17.4748L4.47476 21Z"
fill="url(#paint10_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M4.47476 21H4C3.44772 21 3 20.5523 3 20V17.525L12.525 8H17.4748L4.47476 21Z"
fill="url(#paint11_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M4.47476 21H4C3.44772 21 3 20.5523 3 20V17.525L12.525 8H17.4748L4.47476 21Z"
fill="url(#paint12_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M7.47476 8H4C3.44772 8 3 8.44772 3 9V12.4748L7.47476 8Z"
fill="url(#paint13_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M7.47476 8H4C3.44772 8 3 8.44772 3 9V12.4748L7.47476 8Z"
fill="url(#paint14_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M7.47476 8H4C3.44772 8 3 8.44772 3 9V12.4748L7.47476 8Z"
fill="url(#paint15_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M26 21H24V30H26V21Z"
fill="url(#paint16_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M26 21H24V30H26V21Z"
fill="url(#paint17_radial_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M8 21H6V30H8V21Z"
fill="url(#paint18_linear_18_12057)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M8 21H6V30H8V21Z"
fill="url(#paint19_radial_18_12057)"
/>
<path
d="M6 7.5C6 6.67157 6.67157 6 7.5 6C8.32843 6 9 6.67157 9 7.5V8H6V7.5Z"
fill="url(#paint20_linear_18_12057)"
/>
<path
d="M23 7.5C23 6.67157 23.6716 6 24.5 6C25.3284 6 26 6.67157 26 7.5V8H23V7.5Z"
fill="url(#paint21_linear_18_12057)"
/>
<g filter="url(#filter1_f_18_12057)">
<rect
x={7.10938}
y={21.5}
width={0.47476}
height={8}
rx={0.23738}
fill="#DFD0E9"
/>
</g>
<g filter="url(#filter2_f_18_12057)">
<rect
x={25}
y={21.5}
width={0.47476}
height={8}
rx={0.23738}
fill="#DFD0E9"
/>
</g>
<defs>
<filter
id="filter0_ii_18_12057"
x={2.5}
y={7.5}
width={27}
height={14}
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.5} dy={-0.5} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.831373 0 0 0 0 0.494118 0 0 0 0 0.282353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12057"
/>
<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} dy={0.5} />
<feGaussianBlur stdDeviation={0.375} />
<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 0.415686 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_12057"
result="effect2_innerShadow_18_12057"
/>
</filter>
<filter
id="filter1_f_18_12057"
x={6.45938}
y={20.85}
width={1.77473}
height={9.3}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.325}
result="effect1_foregroundBlur_18_12057"
/>
</filter>
<filter
id="filter2_f_18_12057"
x={24.35}
y={20.85}
width={1.77473}
height={9.3}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.325}
result="effect1_foregroundBlur_18_12057"
/>
</filter>
<linearGradient
id="paint0_linear_18_12057"
x1={25.8457}
y1={9.98514}
x2={8.5}
y2={18.625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F7D142" />
<stop offset={1} stopColor="#FCB545" />
</linearGradient>
<linearGradient
id="paint1_linear_18_12057"
x1={3}
y1={14.0109}
x2={3.79}
y2={14.0109}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A57C4B" />
<stop offset={1} stopColor="#A57C4B" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_12057"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.68831 8) scale(12.0629 1.90436)"
>
<stop offset={0.135638} stopColor="#FBBC43" />
<stop offset={1} stopColor="#FBBC43" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_12057"
x1={27.6071}
y1={11.5249}
x2={18.4096}
y2={17.9823}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#353138" />
<stop offset={1} stopColor="#503B62" />
</linearGradient>
<linearGradient
id="paint4_linear_18_12057"
x1={22.0781}
y1={20.9999}
x2={22.0781}
y2={20.3116}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4B2867" />
<stop offset={1} stopColor="#4B2867" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_12057"
x1={29}
y1={14.4905}
x2={25.7434}
y2={14.4905}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#353139" />
<stop offset={0.166461} stopColor="#413D46" />
<stop offset={0.455618} stopColor="#413D46" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_12057"
x1={24.836}
y1={8}
x2={11.4256}
y2={21}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#353138" />
<stop offset={1} stopColor="#503B62" />
</linearGradient>
<linearGradient
id="paint7_linear_18_12057"
x1={14.3616}
y1={21}
x2={14.3616}
y2={20.0557}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4B2867" />
<stop offset={1} stopColor="#4B2867" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_12057"
x1={23.3427}
y1={8}
x2={23.3427}
y2={12.0689}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#353139" />
<stop offset={0.166461} stopColor="#413D46" />
<stop offset={0.422206} stopColor="#413D46" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_12057"
x1={15.3468}
y1={8}
x2={2.32672}
y2={18.1782}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#353138" />
<stop offset={1} stopColor="#503B62" />
</linearGradient>
<linearGradient
id="paint10_linear_18_12057"
x1={6.90025}
y1={21}
x2={6.90025}
y2={20.0557}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4B2867" />
<stop offset={1} stopColor="#4B2867" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_12057"
x1={14.1427}
y1={8}
x2={14.1427}
y2={12.0689}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#353139" />
<stop offset={0.166461} stopColor="#413D46" />
<stop offset={0.422206} stopColor="#413D46" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_12057"
x1={3}
y1={15.1145}
x2={3.75}
y2={15.1145}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2F2C32" />
<stop offset={1} stopColor="#2F2C32" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_12057"
x1={6.81693}
y1={8}
x2={2.47324}
y2={11.0496}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#353138" />
<stop offset={1} stopColor="#503B62" />
</linearGradient>
<linearGradient
id="paint14_linear_18_12057"
x1={6.44467}
y1={8}
x2={6.44467}
y2={9.40056}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#353139" />
<stop offset={0.166461} stopColor="#413D46" />
<stop offset={0.422206} stopColor="#413D46" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_18_12057"
x1={3}
y1={10.4489}
x2={4}
y2={10.4489}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2F2C32" />
<stop offset={1} stopColor="#2F2C32" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_12057"
x1={24}
y1={23.9375}
x2={25}
y2={23.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#857C8C" />
<stop offset={1} stopColor="#B9A7C4" />
</linearGradient>
<radialGradient
id="paint17_radial_18_12057"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25 29.5937) rotate(-90) scale(8.79687 5.25369)"
>
<stop offset={0.912727} stopColor="#7E5E91" stopOpacity={0} />
<stop offset={0.992895} stopColor="#7E5E91" />
</radialGradient>
<linearGradient
id="paint18_linear_18_12057"
x1={6}
y1={23.9375}
x2={7}
y2={23.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#857C8C" />
<stop offset={1} stopColor="#B9A7C4" />
</linearGradient>
<radialGradient
id="paint19_radial_18_12057"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7 29.5937) rotate(-90) scale(8.79687 5.25369)"
>
<stop offset={0.912727} stopColor="#7E5E91" stopOpacity={0} />
<stop offset={0.992895} stopColor="#7E5E91" />
</radialGradient>
<linearGradient
id="paint20_linear_18_12057"
x1={7.5}
y1={6}
x2={7.5}
y2={8}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.5625} stopColor="#CB1E72" />
<stop offset={1} stopColor="#E61C31" />
</linearGradient>
<linearGradient
id="paint21_linear_18_12057"
x1={24.5}
y1={6}
x2={24.5}
y2={8}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.5625} stopColor="#CB1E72" />
<stop offset={1} stopColor="#E61C31" />
</linearGradient>
</defs>
</svg>
);
module.exports = ConstructionIcon;