@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
511 lines (510 loc) • 16.8 kB
JSX
const React = require("react");
const HelicopterIcon = ({ 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_12833)">
<path
d="M2 29C2 28.45 2.45 28 3 28H23C23.55 28 24 28.45 24 29C24 29.55 23.55 30 23 30H3C2.45 30 2 29.56 2 29Z"
fill="url(#paint0_linear_18_12833)"
/>
</g>
<path
d="M7 23.66H8V28.0027C7.60156 28.3298 7.16441 28.1394 7.00561 28.0027H7V23.66Z"
fill="url(#paint1_linear_18_12833)"
/>
<path
d="M7 23.66H8V28.0027C7.60156 28.3298 7.16441 28.1394 7.00561 28.0027H7V23.66Z"
fill="url(#paint2_linear_18_12833)"
/>
<g filter="url(#filter1_f_18_12833)">
<path
d="M3.51398 28.86H22.9567"
stroke="url(#paint3_linear_18_12833)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<path
d="M14 23.7L14.71 22.99L19.6328 27.9978C19.4141 28.2634 18.5698 28.2127 18.2991 28.0056H18.2969L18.2891 27.9978L14 23.7Z"
fill="url(#paint4_linear_18_12833)"
/>
<path
d="M13 5.48999C13 5.20999 12.78 4.98999 12.5 4.98999C12.22 4.98999 12 5.20999 12 5.48999V5.98999H13V5.48999Z"
fill="url(#paint5_linear_18_12833)"
/>
<path
d="M12 8.98999H4C3.45 8.98999 3 8.53999 3 7.98999C3 7.43999 3.45 6.98999 4 6.98999H12V8.98999Z"
fill="#D7C8D3"
/>
<path
d="M12 8.98999H4C3.45 8.98999 3 8.53999 3 7.98999C3 7.43999 3.45 6.98999 4 6.98999H12V8.98999Z"
fill="url(#paint6_linear_18_12833)"
/>
<path
d="M12 8.98999H4C3.45 8.98999 3 8.53999 3 7.98999C3 7.43999 3.45 6.98999 4 6.98999H12V8.98999Z"
fill="url(#paint7_linear_18_12833)"
/>
<path
d="M12 8.98999H4C3.45 8.98999 3 8.53999 3 7.98999C3 7.43999 3.45 6.98999 4 6.98999H12V8.98999Z"
fill="url(#paint8_radial_18_12833)"
/>
<path
d="M13 6.98999H22C22.55 6.98999 23 7.43999 23 7.98999C23 8.53999 22.55 8.98999 22 8.98999H13V6.98999Z"
fill="#D7C8D3"
/>
<path
d="M13 6.98999H22C22.55 6.98999 23 7.43999 23 7.98999C23 8.53999 22.55 8.98999 22 8.98999H13V6.98999Z"
fill="url(#paint9_linear_18_12833)"
/>
<g filter="url(#filter2_iii_18_12833)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M27.39 7.26999C27.57 7.08999 27.81 6.98999 28.06 6.98999C28.58 6.98999 29 7.41999 29 7.92999V10.99V12.49C29 13.32 28.33 13.99 27.5 13.99H23L18 18.99V13.99H10.5C9.67 13.99 9 13.32 9 12.49C9 11.66 9.67 10.99 10.5 10.99H23.67L27.39 7.26999ZM28 11.99C28 12.5423 27.5523 12.99 27 12.99C26.4477 12.99 26 12.5423 26 11.99C26 11.4377 26.4477 10.99 27 10.99C27.5523 10.99 28 11.4377 28 11.99Z"
fill="url(#paint10_linear_18_12833)"
/>
</g>
<path
d="M12.9727 10.99H8.95706C8.25433 10.99 7.63246 11.09 7 11.28L2 18.99C2.49191 22.38 5.41328 24.99 8.95706 24.99H12.9727C16.8578 24.99 20 21.86 20 17.99C20 14.13 16.8477 10.99 12.9727 10.99Z"
fill="url(#paint11_radial_18_12833)"
/>
<path
d="M12.9727 10.99H8.95706C8.25433 10.99 7.63246 11.09 7 11.28L2 18.99C2.49191 22.38 5.41328 24.99 8.95706 24.99H12.9727C16.8578 24.99 20 21.86 20 17.99C20 14.13 16.8477 10.99 12.9727 10.99Z"
fill="url(#paint12_radial_18_12833)"
/>
<path
d="M12.9727 10.99H8.95706C8.25433 10.99 7.63246 11.09 7 11.28L2 18.99C2.49191 22.38 5.41328 24.99 8.95706 24.99H12.9727C16.8578 24.99 20 21.86 20 17.99C20 14.13 16.8477 10.99 12.9727 10.99Z"
fill="url(#paint13_radial_18_12833)"
/>
<path
d="M13 5.98999H12V9.98999H13V5.98999Z"
fill="url(#paint14_linear_18_12833)"
/>
<path
d="M1.93001 17.99C1.93001 18.33 1.95 18.66 2 18.99H10.46C11.12 18.99 11.52 18.26 11.16 17.7L6.99999 11.28C4.10999 12.14 1.93001 14.82 1.93001 17.99Z"
fill="#4ECAEF"
/>
<path
d="M1.93001 17.99C1.93001 18.33 1.95 18.66 2 18.99H10.46C11.12 18.99 11.52 18.26 11.16 17.7L6.99999 11.28C4.10999 12.14 1.93001 14.82 1.93001 17.99Z"
fill="url(#paint15_linear_18_12833)"
/>
<path
d="M1.93001 17.99C1.93001 18.33 1.95 18.66 2 18.99H10.46C11.12 18.99 11.52 18.26 11.16 17.7L6.99999 11.28C4.10999 12.14 1.93001 14.82 1.93001 17.99Z"
fill="url(#paint16_radial_18_12833)"
/>
<g filter="url(#filter3_i_18_12833)">
<path
d="M10.29 13.28L12.47 16.63C12.92 17.33 14 17.01 14 16.18V12.83C14 12.37 13.63 12 13.17 12H10.99C10.33 11.99 9.93 12.73 10.29 13.28Z"
fill="#51CEFF"
/>
</g>
<path
d="M2.60693 20.99C2.96693 21.74 3.45203 22.42 4.03203 22.99H17.89C18.48 22.42 18.9781 21.74 19.3281 20.99H2.60693Z"
fill="url(#paint17_radial_18_12833)"
/>
<path
d="M11 10.4431C11 10.167 11.2239 9.94312 11.5 9.94312H13.5312C13.8074 9.94312 14.0312 10.167 14.0312 10.4431V10.99H11V10.4431Z"
fill="url(#paint18_linear_18_12833)"
/>
<path
d="M11 10.4431C11 10.167 11.2239 9.94312 11.5 9.94312H13.5312C13.8074 9.94312 14.0312 10.167 14.0312 10.4431V10.99H11V10.4431Z"
fill="url(#paint19_linear_18_12833)"
/>
<defs>
<filter
id="filter0_i_18_12833"
x={2}
y={27.75}
width={22.5}
height={2.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.5} dy={-0.25} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.666667 0 0 0 0 0.235294 0 0 0 0 0.454902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12833"
/>
</filter>
<filter
id="filter1_f_18_12833"
x={2.98898}
y={28.335}
width={20.4927}
height={1.05}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_18_12833"
/>
</filter>
<filter
id="filter2_iii_18_12833"
x={8.7}
y={6.78999}
width={20.6}
height={12.2}
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.2} dy={-0.3} />
<feGaussianBlur stdDeviation={0.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.776471 0 0 0 0 0.356863 0 0 0 0 0.34902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12833"
/>
<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.3} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.776471 0 0 0 0 0.356863 0 0 0 0 0.34902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_12833"
result="effect2_innerShadow_18_12833"
/>
<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.3} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.631373 0 0 0 0 0.368627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_12833"
result="effect3_innerShadow_18_12833"
/>
</filter>
<filter
id="filter3_i_18_12833"
x={9.15454}
y={11.9999}
width={4.84547}
height={5.51428}
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} dy={0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.196078 0 0 0 0 0.647059 0 0 0 0 0.878431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12833"
/>
</filter>
<linearGradient
id="paint0_linear_18_12833"
x1={2.625}
y1={30}
x2={24}
y2={30}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EE488D" />
<stop offset={1} stopColor="#FE7E4C" />
</linearGradient>
<linearGradient
id="paint1_linear_18_12833"
x1={7}
y1={25.7775}
x2={8}
y2={25.7775}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A1899D" />
<stop offset={1} stopColor="#E3CEE2" />
</linearGradient>
<linearGradient
id="paint2_linear_18_12833"
x1={7.89358}
y1={24.829}
x2={7.53824}
y2={25.7017}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AC75A0" />
<stop offset={1} stopColor="#AC75A0" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_12833"
x1={23.3282}
y1={28.86}
x2={1.53253}
y2={28.86}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF9E5B" />
<stop offset={1} stopColor="#F65487" />
</linearGradient>
<linearGradient
id="paint4_linear_18_12833"
x1={16.3468}
y1={26.1436}
x2={16.9139}
y2={25.5654}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B686A7" />
<stop offset={1} stopColor="#F7EBF3" />
</linearGradient>
<linearGradient
id="paint5_linear_18_12833"
x1={11.9981}
y1={5.49299}
x2={12.9981}
y2={5.49299}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BA6F5D" />
<stop offset={1} stopColor="#FF9367" />
</linearGradient>
<linearGradient
id="paint6_linear_18_12833"
x1={12.2012}
y1={7.98999}
x2={11.7554}
y2={7.98999}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A2919D" />
<stop offset={1} stopColor="#A2919D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_12833"
x1={8.46875}
y1={8.98999}
x2={8.46875}
y2={8.64624}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CDBEBE" />
<stop offset={1} stopColor="#CDBEBE" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint8_radial_18_12833"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.375 7.98999) rotate(180) scale(8.5625 3.625)"
>
<stop offset={0.937729} stopColor="#B8AFC0" stopOpacity={0} />
<stop offset={1} stopColor="#B8AFC0" />
</radialGradient>
<linearGradient
id="paint9_linear_18_12833"
x1={19.0764}
y1={8.98999}
x2={19.0764}
y2={8.64624}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CDBEBE" />
<stop offset={1} stopColor="#CDBEBE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_12833"
x1={28.3731}
y1={12.993}
x2={16.0625}
y2={12.993}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FE834B" />
<stop offset={1} stopColor="#FF8346" />
</linearGradient>
<radialGradient
id="paint11_radial_18_12833"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.1875 15.865) rotate(147.362) scale(13.211 16.9856)"
>
<stop stopColor="#FF8E53" />
<stop offset={1} stopColor="#DA4B77" />
</radialGradient>
<radialGradient
id="paint12_radial_18_12833"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.625 24.5525) rotate(-36.1328) scale(17.4889 22.4858)"
>
<stop offset={0.633364} stopColor="#FFA260" stopOpacity={0} />
<stop offset={1} stopColor="#FFA260" />
</radialGradient>
<radialGradient
id="paint13_radial_18_12833"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.6875 16.1775) rotate(154.547) scale(14.3974 18.5109)"
>
<stop offset={0.777141} stopColor="#A63C67" stopOpacity={0} />
<stop offset={0.97097} stopColor="#A63C67" />
</radialGradient>
<linearGradient
id="paint14_linear_18_12833"
x1={11.8594}
y1={7.98999}
x2={12.7813}
y2={7.98999}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A2919D" />
<stop offset={1} stopColor="#F5EBF2" />
</linearGradient>
<linearGradient
id="paint15_linear_18_12833"
x1={10.875}
y1={16.5525}
x2={6}
y2={20.0525}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.480475} stopColor="#32A2CE" />
<stop offset={1} stopColor="#32A2CE" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint16_radial_18_12833"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.125 10.3025) rotate(127.049) scale(7.98754 1.4245)"
>
<stop stopColor="#51CAF2" />
<stop offset={1} stopColor="#51CAF2" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint17_radial_18_12833"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.8125 21.3025) rotate(180) scale(14.6094 29.0865)"
>
<stop stopColor="#FFBD4D" />
<stop offset={0.801516} stopColor="#EE9C48" />
<stop offset={0.961819} stopColor="#B8753B" />
</radialGradient>
<linearGradient
id="paint18_linear_18_12833"
x1={11}
y1={10.6462}
x2={14.0313}
y2={10.6462}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C98C34" />
<stop offset={0.170103} stopColor="#FFC748" />
<stop offset={0.82732} stopColor="#FFC748" />
<stop offset={1} stopColor="#FEE45D" />
</linearGradient>
<linearGradient
id="paint19_linear_18_12833"
x1={12.5156}
y1={9.94312}
x2={12.5156}
y2={10.2869}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FDD244" />
<stop offset={1} stopColor="#FDD244" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = HelicopterIcon;