@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
316 lines (315 loc) • 11 kB
JSX
const React = require("react");
const SpeedboatIcon = ({ 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}
<path
d="M27.28 13.9088C27.08 13.8888 26.89 13.9888 26.78 14.1588L23.73 19.2688L27.28 19.9688L29.05 14.7188C29.16 14.3988 28.94 14.0588 28.6 14.0288L27.28 13.9088Z"
fill="url(#paint0_linear_18_12198)"
/>
<path
d="M27.28 13.9088C27.08 13.8888 26.89 13.9888 26.78 14.1588L23.73 19.2688L27.28 19.9688L29.05 14.7188C29.16 14.3988 28.94 14.0588 28.6 14.0288L27.28 13.9088Z"
fill="url(#paint1_linear_18_12198)"
/>
<path
d="M27.28 13.9088C27.08 13.8888 26.89 13.9888 26.78 14.1588L23.73 19.2688L27.28 19.9688L29.05 14.7188C29.16 14.3988 28.94 14.0588 28.6 14.0288L27.28 13.9088Z"
fill="url(#paint2_linear_18_12198)"
/>
<path
d="M14.6122 13.3714L11.0303 16.4918L23.0235 18.6616L23.0437 18.486C23.1141 17.6904 22.7619 16.9258 22.1281 16.5021L17.208 13.1957C16.9062 12.9891 16.5742 12.8754 16.2321 12.8444C15.6485 12.7927 15.065 12.9787 14.6122 13.3714Z"
fill="url(#paint3_linear_18_12198)"
/>
<path
d="M14.6122 13.3714L11.0303 16.4918L23.0235 18.6616L23.0437 18.486C23.1141 17.6904 22.7619 16.9258 22.1281 16.5021L17.208 13.1957C16.9062 12.9891 16.5742 12.8754 16.2321 12.8444C15.6485 12.7927 15.065 12.9787 14.6122 13.3714Z"
fill="url(#paint4_linear_18_12198)"
/>
<g filter="url(#filter0_i_18_12198)">
<path
d="M14.46 13.4546L10.96 16.4445L14.52 17.0746L16.68 15.2346C16.95 14.9146 16.88 14.4245 16.53 14.1945L15.88 13.7746L14.94 13.1646H14.93C14.77 13.2346 14.6 13.3346 14.46 13.4546Z"
fill="url(#paint5_linear_18_12198)"
/>
</g>
<path
d="M17.66 15.8045L15.89 17.3145L21.73 18.3445L21.74 18.2145C21.78 17.8245 21.6 17.4545 21.28 17.2445L18.95 15.7245C18.8 15.6245 18.63 15.5645 18.46 15.5545C18.19 15.5245 17.89 15.6145 17.66 15.8045Z"
fill="#66F2FF"
/>
<path
d="M17.66 15.8045L15.89 17.3145L21.73 18.3445L21.74 18.2145C21.78 17.8245 21.6 17.4545 21.28 17.2445L18.95 15.7245C18.8 15.6245 18.63 15.5645 18.46 15.5545C18.19 15.5245 17.89 15.6145 17.66 15.8045Z"
fill="url(#paint6_linear_18_12198)"
/>
<g filter="url(#filter1_i_18_12198)">
<path
d="M30 21.0405C29.8497 20.0607 29.128 19.2769 28.1759 19.1276L3.37987 15.0592L3.35345 15.0556C3.2943 15.0476 3.24187 15.0405 3.18938 15.0405C2.46776 15.0405 1.94988 15.3407 1.99999 16.0405C2.01 16.2905 2.07006 16.5205 2.20025 16.7405L3.70995 19.2545C6.60064 24.1312 11.3272 27.0405 16.3682 27.0405H25.7908C27.8525 27.0405 29.5751 25.3325 29.9897 23.0388L30 23.0405V21.0405Z"
fill="url(#paint7_linear_18_12198)"
/>
</g>
<path
d="M2.20028 16.7405L3.22052 18.4414L30 23.0405C30 23.0405 30 22.5305 30 22.1905V21.4205C30 21.2805 30 21.0405 30 21.0405L2 16.0405C2.01001 16.2905 2.0701 16.5205 2.20028 16.7405Z"
fill="url(#paint8_linear_18_12198)"
/>
<path
d="M2.20028 16.7405L3.22052 18.4414L30 23.0405C30 23.0405 30 22.5305 30 22.1905V21.4205C30 21.2805 30 21.0405 30 21.0405L2 16.0405C2.01001 16.2905 2.0701 16.5205 2.20028 16.7405Z"
fill="url(#paint9_linear_18_12198)"
/>
<g filter="url(#filter2_ii_18_12198)">
<path
d="M30 23C28.482 23 28.2238 23.97 26.9096 23.97C25.1602 23.97 24.7968 22.8435 23.0374 22.8435C21.288 22.8435 20.808 23.97 19.3295 23.97C18.1326 23.97 17.6995 22.8435 15.9501 22.8435C14.2008 22.8435 13.486 23.97 12.1483 23.97C10.8107 23.97 10.3775 22.8435 8.62815 22.8435C6.87878 22.8435 6.63614 23.97 4.89676 23.97C3.14739 23.97 3.23054 23 2 23V30H29.99L30 23Z"
fill="url(#paint10_linear_18_12198)"
/>
</g>
<defs>
<filter
id="filter0_i_18_12198"
x={10.46}
y={13.1646}
width={6.38477}
height={4.20991}
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.3} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.027451 0 0 0 0 0.576471 0 0 0 0 0.858824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12198"
/>
</filter>
<filter
id="filter1_i_18_12198"
x={1.99664}
y={14.2905}
width={28.6034}
height={12.75}
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.6} dy={-0.75} />
<feGaussianBlur stdDeviation={0.625} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.545098 0 0 0 0 0.211765 0 0 0 0 0.25098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12198"
/>
</filter>
<filter
id="filter2_ii_18_12198"
x={1.4}
y={22.8435}
width={28.6}
height={7.75649}
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.6} dy={0.6} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.384314 0 0 0 0 0.67451 0 0 0 0 0.996078 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12198"
/>
<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.305882 0 0 0 0 0.556863 0 0 0 0 0.882353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_12198"
result="effect2_innerShadow_18_12198"
/>
</filter>
<linearGradient
id="paint0_linear_18_12198"
x1={27.8068}
y1={13.9062}
x2={26.4043}
y2={19.9688}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF894E" />
<stop offset={1} stopColor="#FF874D" />
</linearGradient>
<linearGradient
id="paint1_linear_18_12198"
x1={25.2913}
y1={16.5641}
x2={25.6032}
y2={16.7553}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.168142} stopColor="#F97342" />
<stop offset={1} stopColor="#F97342" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_12198"
x1={27.0823}
y1={20.3675}
x2={25.9151}
y2={16.544}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.168142} stopColor="#F97342" />
<stop offset={1} stopColor="#F97342" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_12198"
x1={18.9132}
y1={14.7733}
x2={16.9601}
y2={18.6204}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F2EFF4" />
<stop offset={0.530738} stopColor="#BAADB5" />
</linearGradient>
<linearGradient
id="paint4_linear_18_12198"
x1={14.951}
y1={12.8359}
x2={16.1385}
y2={13.6562}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.198655} stopColor="#BCBBBE" />
<stop offset={1} stopColor="#BCBBBE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_12198"
x1={13.1072}
y1={16.7189}
x2={15.9822}
y2={13.7814}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#67F0FF" />
<stop offset={1} stopColor="#4ECAFF" />
</linearGradient>
<linearGradient
id="paint6_linear_18_12198"
x1={20.1697}
y1={16.3125}
x2={19.5447}
y2={17.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3CA8CE" />
<stop offset={1} stopColor="#3CA8CE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_12198"
x1={30}
y1={21.4062}
x2={3}
y2={16.9063}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF9955" />
<stop offset={1} stopColor="#FF6359" />
</linearGradient>
<linearGradient
id="paint8_linear_18_12198"
x1={30}
y1={21.4063}
x2={23.2509}
y2={20.4733}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DBD6E8" />
<stop offset={1} stopColor="#ECE7F7" />
</linearGradient>
<linearGradient
id="paint9_linear_18_12198"
x1={3.02159}
y1={17.7041}
x2={4.14804}
y2={17.0236}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9693A9" />
<stop offset={1} stopColor="#9693A9" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_12198"
x1={18.8432}
y1={30}
x2={18.8432}
y2={24.2164}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#51ADFF" />
<stop offset={1} stopColor="#529CF8" />
</linearGradient>
</defs>
</svg>
);
module.exports = SpeedboatIcon;