@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
414 lines (413 loc) • 12.9 kB
JSX
const React = require("react");
const PoliceCarLightIcon = ({ 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_i_18_11962)">
<path
d="M9.86385 14.8692L6.875 26.625H24.875L22.1361 14.8692C21.4707 12.0175 18.9284 10 16 10C13.0716 10 10.5293 12.0175 9.86385 14.8692Z"
fill="url(#paint0_linear_18_11962)"
/>
</g>
<path
d="M25.8654 30H6.13464C5.51209 30 5 29.517 5 28.9299V26.0701C5 25.483 5.51209 25 6.13464 25H25.8654C26.4879 25 27 25.483 27 26.0701V28.9299C27 29.517 26.498 30 25.8654 30Z"
fill="url(#paint1_linear_18_11962)"
/>
<path
d="M25.8654 30H6.13464C5.51209 30 5 29.517 5 28.9299V26.0701C5 25.483 5.51209 25 6.13464 25H25.8654C26.4879 25 27 25.483 27 26.0701V28.9299C27 29.517 26.498 30 25.8654 30Z"
fill="url(#paint2_linear_18_11962)"
/>
<path
d="M25.8654 30H6.13464C5.51209 30 5 29.517 5 28.9299V26.0701C5 25.483 5.51209 25 6.13464 25H25.8654C26.4879 25 27 25.483 27 26.0701V28.9299C27 29.517 26.498 30 25.8654 30Z"
fill="url(#paint3_linear_18_11962)"
/>
<path
d="M25.8654 30H6.13464C5.51209 30 5 29.517 5 28.9299V26.0701C5 25.483 5.51209 25 6.13464 25H25.8654C26.4879 25 27 25.483 27 26.0701V28.9299C27 29.517 26.498 30 25.8654 30Z"
fill="url(#paint4_linear_18_11962)"
/>
<path
d="M19.8953 15.8208C20.6935 15.36 20.8705 14.1721 20.2906 13.1677C19.7107 12.1633 18.5935 11.7226 17.7953 12.1835C16.9971 12.6443 16.8201 13.8322 17.4 14.8366C17.9799 15.841 19.0971 16.2817 19.8953 15.8208Z"
fill="url(#paint5_linear_18_11962)"
/>
<g filter="url(#filter1_i_18_11962)">
<rect
x={15}
y={2}
width={2}
height={6}
rx={1}
fill="url(#paint6_linear_18_11962)"
/>
<rect
x={15}
y={2}
width={2}
height={6}
rx={1}
fill="url(#paint7_linear_18_11962)"
/>
<rect
x={15}
y={2}
width={2}
height={6}
rx={1}
fill="url(#paint8_linear_18_11962)"
/>
</g>
<g filter="url(#filter2_i_18_11962)">
<path
d="M24.2322 5.3033C24.6366 4.8989 25.2923 4.8989 25.6967 5.3033C26.1011 5.7077 26.1011 6.36337 25.6967 6.76777L22.7678 9.6967C22.3634 10.1011 21.7077 10.1011 21.3033 9.6967C20.8989 9.2923 20.8989 8.63663 21.3033 8.23223L24.2322 5.3033Z"
fill="url(#paint9_linear_18_11962)"
/>
<path
d="M24.2322 5.3033C24.6366 4.8989 25.2923 4.8989 25.6967 5.3033C26.1011 5.7077 26.1011 6.36337 25.6967 6.76777L22.7678 9.6967C22.3634 10.1011 21.7077 10.1011 21.3033 9.6967C20.8989 9.2923 20.8989 8.63663 21.3033 8.23223L24.2322 5.3033Z"
fill="url(#paint10_linear_18_11962)"
/>
<path
d="M24.2322 5.3033C24.6366 4.8989 25.2923 4.8989 25.6967 5.3033C26.1011 5.7077 26.1011 6.36337 25.6967 6.76777L22.7678 9.6967C22.3634 10.1011 21.7077 10.1011 21.3033 9.6967C20.8989 9.2923 20.8989 8.63663 21.3033 8.23223L24.2322 5.3033Z"
fill="url(#paint11_linear_18_11962)"
/>
</g>
<g filter="url(#filter3_i_18_11962)">
<path
d="M7.76777 5.3033C7.36337 4.8989 6.7077 4.8989 6.3033 5.3033C5.8989 5.7077 5.8989 6.36337 6.3033 6.76777L9.23223 9.6967C9.63663 10.1011 10.2923 10.1011 10.6967 9.6967C11.1011 9.2923 11.1011 8.63663 10.6967 8.23223L7.76777 5.3033Z"
fill="url(#paint12_linear_18_11962)"
/>
</g>
<g filter="url(#filter4_f_18_11962)">
<path
d="M26.3438 25.75H11.75"
stroke="url(#paint13_linear_18_11962)"
strokeWidth={0.5}
/>
</g>
<defs>
<filter
id="filter0_i_18_11962"
x={6.875}
y={10}
width={19.5}
height={16.625}
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={1.5} />
<feGaussianBlur stdDeviation={1.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.611765 0 0 0 0 0.27451 0 0 0 0 0.286275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11962"
/>
</filter>
<filter
id="filter1_i_18_11962"
x={15}
y={1.75}
width={2.25}
height={6.25}
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.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.784314 0 0 0 0 0.443137 0 0 0 0 0.372549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11962"
/>
</filter>
<filter
id="filter2_i_18_11962"
x={21}
y={4.75}
width={5.25}
height={5.25}
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.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.784314 0 0 0 0 0.443137 0 0 0 0 0.372549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11962"
/>
</filter>
<filter
id="filter3_i_18_11962"
x={6}
y={4.75}
width={5.25}
height={5.25}
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.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.784314 0 0 0 0 0.443137 0 0 0 0 0.372549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11962"
/>
</filter>
<filter
id="filter4_f_18_11962"
x={11.25}
y={25}
width={15.5938}
height={1.5}
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_11962"
/>
</filter>
<linearGradient
id="paint0_linear_18_11962"
x1={11.0625}
y1={20.75}
x2={23.8125}
y2={20.75}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F8312F" />
<stop offset={1} stopColor="#FF5BA6" />
</linearGradient>
<linearGradient
id="paint1_linear_18_11962"
x1={5.3125}
y1={27.5}
x2={25.875}
y2={27.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9186A2" />
<stop offset={0.173252} stopColor="#A88EC7" />
<stop offset={1} stopColor="#EEE0FF" />
</linearGradient>
<linearGradient
id="paint2_linear_18_11962"
x1={27}
y1={27.5}
x2={25.25}
y2={27.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DCD5E7" />
<stop offset={1} stopColor="#DCD5E7" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_11962"
x1={16}
y1={30}
x2={16}
y2={28.875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CC8BFF" />
<stop offset={1} stopColor="#CC8BFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_11962"
x1={16}
y1={24}
x2={16}
y2={25.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D8CFD4" />
<stop offset={1} stopColor="#D8CFD4" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_11962"
x1={18.375}
y1={12.3125}
x2={18.5625}
y2={15.875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFF8FF" />
<stop offset={1} stopColor="#FFF8FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_11962"
x1={15}
y1={5}
x2={17}
y2={5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F19E41" />
<stop offset={1} stopColor="#FFF657" />
</linearGradient>
<linearGradient
id="paint7_linear_18_11962"
x1={16}
y1={2}
x2={16}
y2={3.06899}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFF053" />
<stop offset={1} stopColor="#FFF053" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_11962"
x1={16.6242}
y1={8.31787}
x2={16.6242}
y2={7.03041}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EE8228" />
<stop offset={1} stopColor="#EE8228" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_11962"
x1={22.483}
y1={6.81423}
x2={24.1563}
y2={8.4876}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F19E41" />
<stop offset={1} stopColor="#FFF657" />
</linearGradient>
<linearGradient
id="paint10_linear_18_11962"
x1={26.2662}
y1={5.45613}
x2={25.0537}
y2={6.66872}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.2} stopColor="#FFF45D" />
<stop offset={1} stopColor="#FFF45D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_11962"
x1={21.3779}
y1={10}
x2={22.2692}
y2={9.07715}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F56A34" />
<stop offset={1} stopColor="#F56A34" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_11962"
x1={7.67187}
y1={8.20311}
x2={8.98437}
y2={6.89061}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F19E41" />
<stop offset={1} stopColor="#FFF657" />
</linearGradient>
<linearGradient
id="paint13_linear_18_11962"
x1={12.3125}
y1={26.125}
x2={26.6875}
y2={26.125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F2E8FF" stopOpacity={0} />
<stop offset={0.802691} stopColor="#F2E8FF" />
<stop offset={1} stopColor="#F2E8FF" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = PoliceCarLightIcon;