@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
409 lines (408 loc) • 14.5 kB
JSX
const React = require("react");
const SmallAirplaneIcon = ({ 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={28.3749}
y={9.28271}
width={1.17958}
height={7.97705}
rx={0.589789}
transform="rotate(135 28.3749 9.28271)"
fill="url(#paint0_linear_18_12548)"
/>
<rect
x={25.1915}
y={5.49731}
width={1.77864}
height={4}
rx={0.88932}
transform="rotate(45 25.1915 5.49731)"
fill="url(#paint1_linear_18_12548)"
/>
<g filter="url(#filter0_i_18_12548)">
<path
d="M29.4072 21.3405L10.6485 2.63992C10.2578 2.25043 9.62567 2.25108 9.23909 2.64466C8.48626 3.41112 7.60505 4.32207 7.00839 4.94009C6.64798 5.31341 6.56643 5.8619 6.825 6.31178C8.05673 8.45477 11.5953 14.319 13.6601 17.8725L25.6338 25.1093C26.1191 25.4026 26.741 25.3326 27.1488 24.9386L29.396 22.768C29.7985 22.3792 29.8036 21.7357 29.4072 21.3405Z"
fill="url(#paint2_linear_18_12548)"
/>
<path
d="M29.4072 21.3405L10.6485 2.63992C10.2578 2.25043 9.62567 2.25108 9.23909 2.64466C8.48626 3.41112 7.60505 4.32207 7.00839 4.94009C6.64798 5.31341 6.56643 5.8619 6.825 6.31178C8.05673 8.45477 11.5953 14.319 13.6601 17.8725L25.6338 25.1093C26.1191 25.4026 26.741 25.3326 27.1488 24.9386L29.396 22.768C29.7985 22.3792 29.8036 21.7357 29.4072 21.3405Z"
fill="url(#paint3_radial_18_12548)"
/>
</g>
<path
d="M19.4392 7.47867L6.4101 24.3101L7.4101 25.7789L24.561 12.6352C26.1089 11.4489 26.2709 9.17602 24.9068 7.78229L24.3318 7.19481C22.9526 5.78555 20.6462 5.91935 19.4392 7.47867Z"
fill="url(#paint4_linear_18_12548)"
/>
<path
d="M19.4392 7.47867L6.4101 24.3101L7.4101 25.7789L24.561 12.6352C26.1089 11.4489 26.2709 9.17602 24.9068 7.78229L24.3318 7.19481C22.9526 5.78555 20.6462 5.91935 19.4392 7.47867Z"
fill="url(#paint5_linear_18_12548)"
/>
<path
d="M19.4392 7.47867L6.4101 24.3101L7.4101 25.7789L24.561 12.6352C26.1089 11.4489 26.2709 9.17602 24.9068 7.78229L24.3318 7.19481C22.9526 5.78555 20.6462 5.91935 19.4392 7.47867Z"
fill="url(#paint6_linear_18_12548)"
/>
<path
d="M19.4392 7.47867L6.4101 24.3101L7.4101 25.7789L24.561 12.6352C26.1089 11.4489 26.2709 9.17602 24.9068 7.78229L24.3318 7.19481C22.9526 5.78555 20.6462 5.91935 19.4392 7.47867Z"
fill="url(#paint7_linear_18_12548)"
/>
<g filter="url(#filter1_i_18_12548)">
<path
d="M23.0345 10.7945L21.2085 8.86705C20.8736 8.51358 20.8355 7.93066 21.2834 7.7399C21.9614 7.45123 22.7642 7.64592 23.0976 7.95057L24.0195 8.88807C24.5528 9.42134 24.5044 10.1221 24.2702 10.6916C24.0601 11.2026 23.4145 11.1956 23.0345 10.7945Z"
fill="#4EE0FF"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M23.8469 24.0294L24.7253 23.1511C24.9596 22.9168 24.9596 22.5369 24.7253 22.3025L21.1832 18.7605C20.9489 18.5261 20.569 18.5261 20.3347 18.7605L18.3737 20.7215L23.8469 24.0294Z"
fill="#F0EAF6"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M23.8469 24.0294L24.7253 23.1511C24.9596 22.9168 24.9596 22.5369 24.7253 22.3025L21.1832 18.7605C20.9489 18.5261 20.569 18.5261 20.3347 18.7605L18.3737 20.7215L23.8469 24.0294Z"
fill="url(#paint8_linear_18_12548)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11.2139 13.7213L13.241 11.6943C13.4753 11.46 13.4753 11.0801 13.241 10.8458L9.69887 7.30367C9.46455 7.06935 9.08466 7.06935 8.85034 7.30367L7.93975 8.21426C8.47952 9.12657 9.11957 10.2017 9.7926 11.3321C10.258 12.1139 10.7392 12.9221 11.2139 13.7213Z"
fill="#F0EAF6"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11.2139 13.7213L13.241 11.6943C13.4753 11.46 13.4753 11.0801 13.241 10.8458L9.69887 7.30367C9.46455 7.06935 9.08466 7.06935 8.85034 7.30367L7.93975 8.21426C8.47952 9.12657 9.11957 10.2017 9.7926 11.3321C10.258 12.1139 10.7392 12.9221 11.2139 13.7213Z"
fill="url(#paint9_linear_18_12548)"
/>
<g filter="url(#filter2_ii_18_12548)">
<path
d="M10.3679 29.5346L2.41644 21.6123C2.25829 21.4547 2.25974 21.1981 2.41965 21.0424L3.72081 19.7749C3.8508 19.6482 4.04974 19.625 4.20543 19.7182L9.22751 22.7256C9.28576 22.7605 9.33417 22.8096 9.36818 22.8684L12.2525 27.8503C12.3449 28.0101 12.3161 28.2124 12.1827 28.3399L10.9266 29.5404C10.7697 29.6904 10.5217 29.6878 10.3679 29.5346Z"
fill="url(#paint10_linear_18_12548)"
/>
<path
d="M10.3679 29.5346L2.41644 21.6123C2.25829 21.4547 2.25974 21.1981 2.41965 21.0424L3.72081 19.7749C3.8508 19.6482 4.04974 19.625 4.20543 19.7182L9.22751 22.7256C9.28576 22.7605 9.33417 22.8096 9.36818 22.8684L12.2525 27.8503C12.3449 28.0101 12.3161 28.2124 12.1827 28.3399L10.9266 29.5404C10.7697 29.6904 10.5217 29.6878 10.3679 29.5346Z"
fill="url(#paint11_radial_18_12548)"
/>
</g>
<g filter="url(#filter3_i_18_12548)">
<path
d="M5.63179 25.7387L9.68994 21.598C9.83942 21.4455 10.0823 21.4373 10.2418 21.5794L10.3589 21.6839C10.5308 21.837 10.5382 22.1033 10.3752 22.2658L6.26408 26.3631C6.11055 26.5162 5.86308 26.519 5.70602 26.3697L5.64178 26.3085C5.48002 26.1547 5.47552 25.8982 5.63179 25.7387Z"
fill="url(#paint12_linear_18_12548)"
/>
</g>
<defs>
<filter
id="filter0_i_18_12548"
x={6.67402}
y={2.04863}
width={23.3272}
height={23.2409}
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.3} dy={-0.3} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.6 0 0 0 0 0.12549 0 0 0 0 0.286275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12548"
/>
</filter>
<filter
id="filter1_i_18_12548"
x={20.4522}
y={7.59839}
width={3.98557}
height={3.98755}
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.625} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0.54902 0 0 0 0 0.933333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12548"
/>
</filter>
<filter
id="filter2_ii_18_12548"
x={2.09877}
y={19.4614}
width={10.4075}
height={10.3897}
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.2} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.72549 0 0 0 0 0.184314 0 0 0 0 0.333333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12548"
/>
<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.2} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.882353 0 0 0 0 0.403922 0 0 0 0 0.603922 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_12548"
result="effect2_innerShadow_18_12548"
/>
</filter>
<filter
id="filter3_i_18_12548"
x={5.51746}
y={21.478}
width={5.07532}
height={5.10171}
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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.501961 0 0 0 0 0.458824 0 0 0 0 0.54902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12548"
/>
</filter>
<linearGradient
id="paint0_linear_18_12548"
x1={28.1208}
y1={13.113}
x2={29.8207}
y2={13.113}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4F3962" />
<stop offset={1} stopColor="#342D38" />
</linearGradient>
<linearGradient
id="paint1_linear_18_12548"
x1={26.0809}
y1={5.49731}
x2={26.0809}
y2={7.49732}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#644A79" />
<stop offset={1} stopColor="#090909" />
</linearGradient>
<linearGradient
id="paint2_linear_18_12548"
x1={20.7851}
y1={12.4038}
x2={17.2226}
y2={16.1538}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F86891" />
<stop offset={1} stopColor="#EB4152" />
</linearGradient>
<radialGradient
id="paint3_radial_18_12548"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.2153 12.3229) rotate(135) scale(9.40036 3.36916)"
>
<stop offset={0.506637} stopColor="#BC4756" />
<stop offset={1} stopColor="#BC4756" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_12548"
x1={24.5351}
y1={7.40385}
x2={9.8476}
y2={22.2164}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B5B1B7" />
<stop offset={0.638646} stopColor="#F0E3F6" />
</linearGradient>
<linearGradient
id="paint5_linear_18_12548"
x1={24.7226}
y1={7.27885}
x2={21.8476}
y2={9.96635}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FEFEFE" />
<stop offset={1} stopColor="#FEFEFE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_12548"
x1={17.0677}
y1={18.9081}
x2={16.3803}
y2={17.8771}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E0C6F5" />
<stop offset={1} stopColor="#E0C6F5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_12548"
x1={10.9485}
y1={17.0057}
x2={12.3262}
y2={18.1437}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BDB8BB" />
<stop offset={1} stopColor="#BDB8BB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_12548"
x1={20.9726}
y1={22.3413}
x2={21.3945}
y2={21.6538}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C8ADE1" />
<stop offset={1} stopColor="#C8ADE1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_12548"
x1={9.23834}
y1={10.5167}
x2={9.90039}
y2={10.1049}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C2B8CB" />
<stop offset={1} stopColor="#C2B8CB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_12548"
x1={9.22259}
y1={22.7163}
x2={6.6601}
y2={25.3413}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D9447B" />
<stop offset={1} stopColor="#DF3F53" />
</linearGradient>
<radialGradient
id="paint11_radial_18_12548"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.367 22.7963) rotate(136.239) scale(5.0735 1.06253)"
>
<stop offset={0.312102} stopColor="#B43A5F" />
<stop offset={1} stopColor="#B43A5F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint12_linear_18_12548"
x1={5.51746}
y1={26.4798}
x2={10.4928}
y2={21.478}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.641204} stopColor="#98929F" />
<stop offset={0.694544} stopColor="#BDBBBD" />
</linearGradient>
</defs>
</svg>
);
module.exports = SmallAirplaneIcon;