@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
581 lines (580 loc) • 18.7 kB
JSX
const React = require("react");
const AirplaneDepartureIcon = ({ 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}
<rect
x={18.517}
y={16.1411}
width={4.275}
height={1.70472}
rx={0.844227}
transform="rotate(-34.9063 18.517 16.1411)"
fill="url(#paint0_linear_18_12611)"
/>
<rect
x={18.517}
y={16.1411}
width={4.275}
height={1.70472}
rx={0.844227}
transform="rotate(-34.9063 18.517 16.1411)"
fill="url(#paint1_linear_18_12611)"
/>
<rect
x={18.517}
y={16.1411}
width={4.275}
height={1.70472}
rx={0.844227}
transform="rotate(-34.9063 18.517 16.1411)"
fill="url(#paint2_radial_18_12611)"
/>
<rect
x={13.7543}
y={8.15063}
width={4.275}
height={1.70472}
rx={0.844227}
transform="rotate(-34.9063 13.7543 8.15063)"
fill="url(#paint3_linear_18_12611)"
/>
<rect
x={13.7543}
y={8.15063}
width={4.275}
height={1.70472}
rx={0.844227}
transform="rotate(-34.9063 13.7543 8.15063)"
fill="url(#paint4_linear_18_12611)"
/>
<rect
x={13.7543}
y={8.15063}
width={4.275}
height={1.70472}
rx={0.844227}
transform="rotate(-34.9063 13.7543 8.15063)"
fill="url(#paint5_radial_18_12611)"
/>
<rect
x={1.80115}
y={24.0569}
width={28.0016}
height={5.88049}
fill="url(#paint6_linear_18_12611)"
/>
<g filter="url(#filter0_i_18_12611)">
<path
d="M17.4142 12.3003L24.1642 8.4003L10.6542 5.4603C10.2442 5.3703 9.81416 5.4403 9.45416 5.6503C8.27416 6.3303 8.34416 8.0603 9.58416 8.6403L17.4142 12.3003Z"
fill="url(#paint7_linear_18_12611)"
/>
<path
d="M17.4142 12.3003L24.1642 8.4003L10.6542 5.4603C10.2442 5.3703 9.81416 5.4403 9.45416 5.6503C8.27416 6.3303 8.34416 8.0603 9.58416 8.6403L17.4142 12.3003Z"
fill="url(#paint8_linear_18_12611)"
/>
</g>
<g filter="url(#filter1_i_18_12611)">
<path
d="M4.0141 14.4103L4.4941 15.2503C5.4141 16.8503 7.0341 17.9103 8.8641 18.1303C10.1141 18.2803 11.3741 18.0203 12.4641 17.3903L28.1841 8.32029C29.7541 7.41029 30.2741 5.36029 29.3341 3.73029C28.3941 2.10029 26.3541 1.52029 24.7841 2.43029L4.0141 14.4103Z"
fill="#D7D4E2"
/>
</g>
<path
d="M4.0141 14.4103L4.4941 15.2503C5.4141 16.8503 7.0341 17.9103 8.8641 18.1303C10.1141 18.2803 11.3741 18.0203 12.4641 17.3903L28.1841 8.32029C29.7541 7.41029 30.2741 5.36029 29.3341 3.73029C28.3941 2.10029 26.3541 1.52029 24.7841 2.43029L4.0141 14.4103Z"
fill="url(#paint9_radial_18_12611)"
/>
<path
d="M4.0141 14.4103L4.4941 15.2503C5.4141 16.8503 7.0341 17.9103 8.8641 18.1303C10.1141 18.2803 11.3741 18.0203 12.4641 17.3903L28.1841 8.32029C29.7541 7.41029 30.2741 5.36029 29.3341 3.73029C28.3941 2.10029 26.3541 1.52029 24.7841 2.43029L4.0141 14.4103Z"
fill="url(#paint10_linear_18_12611)"
/>
<path
d="M4.0141 14.4103L4.4941 15.2503C5.4141 16.8503 7.0341 17.9103 8.8641 18.1303C10.1141 18.2803 11.3741 18.0203 12.4641 17.3903L28.1841 8.32029C29.7541 7.41029 30.2741 5.36029 29.3341 3.73029C28.3941 2.10029 26.3541 1.52029 24.7841 2.43029L4.0141 14.4103Z"
fill="url(#paint11_radial_18_12611)"
/>
<path
d="M4.0141 14.4103L4.4941 15.2503C5.4141 16.8503 7.0341 17.9103 8.8641 18.1303C10.1141 18.2803 11.3741 18.0203 12.4641 17.3903L28.1841 8.32029C29.7541 7.41029 30.2741 5.36029 29.3341 3.73029C28.3941 2.10029 26.3541 1.52029 24.7841 2.43029L4.0141 14.4103Z"
fill="url(#paint12_radial_18_12611)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M28.333 2.62672L25.3242 4.36027C24.9642 4.56027 24.8442 5.01027 25.0542 5.36027C25.2542 5.71027 25.7042 5.83027 26.0542 5.63027L29.3366 3.73464C29.3358 3.7332 29.3349 3.73176 29.3341 3.73032C29.0737 3.27875 28.7289 2.90776 28.333 2.62672Z"
fill="url(#paint13_linear_18_12611)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M28.333 2.62672L25.3242 4.36027C24.9642 4.56027 24.8442 5.01027 25.0542 5.36027C25.2542 5.71027 25.7042 5.83027 26.0542 5.63027L29.3366 3.73464C29.3358 3.7332 29.3349 3.73176 29.3341 3.73032C29.0737 3.27875 28.7289 2.90776 28.333 2.62672Z"
fill="url(#paint14_linear_18_12611)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M28.333 2.62672L25.3242 4.36027C24.9642 4.56027 24.8442 5.01027 25.0542 5.36027C25.2542 5.71027 25.7042 5.83027 26.0542 5.63027L29.3366 3.73464C29.3358 3.7332 29.3349 3.73176 29.3341 3.73032C29.0737 3.27875 28.7289 2.90776 28.333 2.62672Z"
fill="url(#paint15_linear_18_12611)"
/>
<g filter="url(#filter2_i_18_12611)">
<path
d="M9.08411 11.4902L6.14411 9.85022C4.88411 9.16022 3.35411 9.17022 2.10411 9.89022C1.81411 10.0602 1.71411 10.4302 1.88411 10.7202L4.01411 14.4102L9.08411 11.4902Z"
fill="url(#paint16_linear_18_12611)"
/>
<path
d="M9.08411 11.4902L6.14411 9.85022C4.88411 9.16022 3.35411 9.17022 2.10411 9.89022C1.81411 10.0602 1.71411 10.4302 1.88411 10.7202L4.01411 14.4102L9.08411 11.4902Z"
fill="url(#paint17_linear_18_12611)"
/>
</g>
<g filter="url(#filter3_i_18_12611)">
<path
d="M17.4741 11.1403L21.6241 8.74029C22.3441 8.32029 23.2041 9.01029 22.9541 9.81029L19.4641 20.7303C19.3341 21.1303 19.0641 21.4703 18.7041 21.6803C17.5241 22.3603 16.0541 21.4303 16.1741 20.0703L16.8741 12.0903C16.9141 11.6903 17.1341 11.3303 17.4741 11.1403Z"
fill="url(#paint18_linear_18_12611)"
/>
</g>
<path
d="M17.4741 11.1403L21.6241 8.74029C22.3441 8.32029 23.2041 9.01029 22.9541 9.81029L19.4641 20.7303C19.3341 21.1303 19.0641 21.4703 18.7041 21.6803C17.5241 22.3603 16.0541 21.4303 16.1741 20.0703L16.8741 12.0903C16.9141 11.6903 17.1341 11.3303 17.4741 11.1403Z"
fill="url(#paint19_linear_18_12611)"
/>
<rect
x={3.44849}
y={26.4167}
width={4.03478}
height={1.08044}
rx={0.540222}
fill="#A6A3B4"
/>
<rect
x={10.1674}
y={26.4167}
width={4.03478}
height={1.08044}
rx={0.540222}
fill="#A6A3B4"
/>
<rect
x={16.7322}
y={26.4167}
width={4.03478}
height={1.08044}
rx={0.540222}
fill="#A6A3B4"
/>
<rect
x={23.4512}
y={26.4167}
width={4.03478}
height={1.08044}
rx={0.540222}
fill="#A6A3B4"
/>
<g filter="url(#filter4_f_18_12611)">
<path
d="M22.3006 9.14062C22.4256 9.21354 22.6537 9.38438 22.5037 9.85938C22.3537 10.3344 20.2381 17.0312 19.1756 20.375C19.0923 20.6562 18.7381 21.3281 18.2537 21.3281"
stroke="url(#paint20_linear_18_12611)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_i_18_12611"
x={8.61011}
y={5.02187}
width={15.554}
height={7.27842}
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 dy={-0.4} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.27451 0 0 0 0 0.486275 0 0 0 0 0.72549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12611"
/>
</filter>
<filter
id="filter1_i_18_12611"
x={4.0141}
y={1}
width={26.7886}
height={17.1716}
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} dy={-1} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.572549 0 0 0 0 0.529412 0 0 0 0 0.721569 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12611"
/>
</filter>
<filter
id="filter2_i_18_12611"
x={1.80115}
y={9.34131}
width={7.28297}
height={5.31885}
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 dy={0.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.301961 0 0 0 0 0.752941 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12611"
/>
</filter>
<filter
id="filter3_i_18_12611"
x={16.1672}
y={8.36328}
width={6.88111}
height={13.5452}
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.05} dy={-0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.184314 0 0 0 0 0.439216 0 0 0 0 0.784314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12611"
/>
</filter>
<filter
id="filter4_f_18_12611"
x={17.7287}
y={8.61562}
width={5.34935}
height={13.2375}
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_12611"
/>
</filter>
<linearGradient
id="paint0_linear_18_12611"
x1={20.8988}
y1={16.1449}
x2={20.6545}
y2={17.8458}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#626A78" />
<stop offset={0.5617} stopColor="#818094" />
</linearGradient>
<linearGradient
id="paint1_linear_18_12611"
x1={21.0251}
y1={17.9573}
x2={21.0425}
y2={17.6455}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#75708A" />
<stop offset={1} stopColor="#75708A" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_12611"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.7928 17.0063) rotate(179.625) scale(1.04691 1.12192)"
>
<stop offset={0.103693} stopColor="#AEADB3" />
<stop offset={1} stopColor="#AEADB3" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_12611"
x1={16.1362}
y1={8.15441}
x2={15.8918}
y2={9.85535}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#626A78" />
<stop offset={0.5617} stopColor="#818094" />
</linearGradient>
<linearGradient
id="paint4_linear_18_12611"
x1={16.2624}
y1={9.96677}
x2={16.2799}
y2={9.65505}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#75708A" />
<stop offset={1} stopColor="#75708A" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_12611"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.5754 9.07271) rotate(177.789) scale(1.36279 1.46044)"
>
<stop offset={0.103693} stopColor="#AEADB3" />
<stop offset={1} stopColor="#AEADB3" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_12611"
x1={15.8019}
y1={24.0569}
x2={15.8019}
y2={29.9374}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#605E6B" />
<stop offset={1} stopColor="#777484" />
</linearGradient>
<linearGradient
id="paint7_linear_18_12611"
x1={16.4353}
y1={8.77801}
x2={7.29129}
y2={5.43333}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#328CC4" />
<stop offset={1} stopColor="#34A5E4" />
</linearGradient>
<linearGradient
id="paint8_linear_18_12611"
x1={14.8425}
y1={6.26312}
x2={14.749}
y2={6.67847}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#49AEE8" />
<stop offset={1} stopColor="#49AEE8" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_12611"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.98254 16.468) rotate(-33.7669) scale(24.4605 12.6694)"
>
<stop offset={0.868331} stopColor="white" stopOpacity={0} />
<stop offset={1} stopColor="white" />
</radialGradient>
<linearGradient
id="paint10_linear_18_12611"
x1={14.2434}
y1={7.54224}
x2={14.9527}
y2={8.75402}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B6B6B7" />
<stop offset={1} stopColor="#B6B6B7" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint11_radial_18_12611"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.6912 14.7812) rotate(115.547) scale(5.50719 1.30826)"
>
<stop offset={0.086715} stopColor="#7F81A3" />
<stop offset={1} stopColor="#7F81A3" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_18_12611"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.19122 14.3437) rotate(-1.24536) scale(4.31352 1.65729)"
>
<stop stopColor="#C2C2C8" />
<stop offset={1} stopColor="#C2C2C8" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint13_linear_18_12611"
x1={25.0459}
y1={5.50295}
x2={30.0801}
y2={2.45582}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#83F6FF" />
<stop offset={0.100353} stopColor="#95E9F7" />
</linearGradient>
<linearGradient
id="paint14_linear_18_12611"
x1={26.7537}
y1={3.51564}
x2={26.8631}
y2={3.70314}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#71C9DE" />
<stop offset={1} stopColor="#71C9DE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_18_12611"
x1={27.5193}
y1={4.90627}
x2={27.2381}
y2={4.42189}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#71C9DE" />
<stop offset={1} stopColor="#71C9DE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_12611"
x1={6.86771}
y1={13.3448}
x2={3.7941}
y2={8.85895}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0722477} stopColor="#399BDA" />
<stop offset={1} stopColor="#3BA9F1" />
</linearGradient>
<linearGradient
id="paint17_linear_18_12611"
x1={3.43173}
y1={13.2766}
x2={3.85428}
y2={13.0295}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4685C2" />
<stop offset={1} stopColor="#4685C2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint18_linear_18_12611"
x1={21.5975}
y1={8.61328}
x2={17.41}
y2={22.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2E83C4" />
<stop offset={1} stopColor="#32AEF4" />
</linearGradient>
<linearGradient
id="paint19_linear_18_12611"
x1={21.2928}
y1={15.6568}
x2={20.5044}
y2={15.394}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#41B6FD" />
<stop offset={1} stopColor="#41B6FD" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint20_linear_18_12611"
x1={22.5531}
y1={9.14063}
x2={18.7469}
y2={20.7234}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#62A8E8" />
<stop offset={1} stopColor="#66C9FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = AirplaneDepartureIcon;