@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
590 lines (589 loc) • 17.5 kB
JSX
const React = require("react");
const ShipIcon = ({ 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="M16.1253 9H29.99V15H13.99L15.5546 9.43999C15.6234 9.17999 15.8596 9 16.1253 9Z"
fill="url(#paint0_linear_18_12457)"
/>
<path
d="M16.1253 9H29.99V15H13.99L15.5546 9.43999C15.6234 9.17999 15.8596 9 16.1253 9Z"
fill="url(#paint1_linear_18_12457)"
/>
<path
d="M16.1253 9H29.99V15H13.99L15.5546 9.43999C15.6234 9.17999 15.8596 9 16.1253 9Z"
fill="url(#paint2_linear_18_12457)"
/>
<path
d="M16.1253 9H29.99V15H13.99L15.5546 9.43999C15.6234 9.17999 15.8596 9 16.1253 9Z"
fill="url(#paint3_linear_18_12457)"
/>
<g filter="url(#filter0_i_18_12457)">
<path
d="M21.99 12C21.99 13 21.99 11 21.99 12C21.99 11 21.53 11 20.99 11H15.1142L14.5565 13H20.99C21.53 12.99 21.99 13 21.99 12Z"
fill="#56E6FF"
/>
</g>
<path
d="M29.99 16H3.20295C2.52808 16 2.0446 16.6418 2.2259 17.2837L3.98997 23H29.99V16Z"
fill="url(#paint4_linear_18_12457)"
/>
<path
d="M29.99 16H3.20295C2.52808 16 2.0446 16.6418 2.2259 17.2837L3.98997 23H29.99V16Z"
fill="url(#paint5_linear_18_12457)"
/>
<path
d="M29.99 16H3.20295C2.52808 16 2.0446 16.6418 2.2259 17.2837L3.98997 23H29.99V16Z"
fill="url(#paint6_linear_18_12457)"
/>
<path
d="M3.98999 23L5.79099 29.2731C5.91039 29.7013 6.3084 30 6.75616 30H28.985C29.5422 30 29.99 29.5519 29.99 29.0043V23H3.98999Z"
fill="url(#paint7_linear_18_12457)"
/>
<path
d="M3.98999 23L5.79099 29.2731C5.91039 29.7013 6.3084 30 6.75616 30H28.985C29.5422 30 29.99 29.5519 29.99 29.0043V23H3.98999Z"
fill="url(#paint8_linear_18_12457)"
/>
<path
d="M29.99 16H4.98999V15.5859C4.98999 15.2626 5.24999 15 5.56999 15H29.99V16Z"
fill="url(#paint9_linear_18_12457)"
/>
<path
d="M29.99 16H4.98999V15.5859C4.98999 15.2626 5.24999 15 5.56999 15H29.99V16Z"
fill="url(#paint10_linear_18_12457)"
/>
<g filter="url(#filter1_ii_18_12457)">
<path
d="M30 27.6801C28.25 27.6801 28.25 28.8001 26.49 28.8001C24.74 28.8001 24.74 27.6801 22.98 27.6801C21.23 27.6801 21.23 28.8001 19.48 28.8001C17.73 28.8001 17.73 27.6801 15.98 27.6801C14.23 27.6801 14.23 28.8001 12.48 28.8001C10.73 28.8001 10.73 27.6801 8.97999 27.6801C7.22999 27.6801 7.22999 28.8001 5.48999 28.8001C3.73999 28.8001 3.73999 27.6801 1.98999 27.6801V30.0001H29.99L30 27.6801Z"
fill="url(#paint11_linear_18_12457)"
/>
</g>
<path
d="M26.9804 4.41206C26.9804 4.18091 26.7977 4 26.5861 4H24.2556C23.6691 4 23.2009 4.28905 22.8229 4.84422L21.99 6H26.99V4.41206H26.9804Z"
fill="url(#paint12_linear_18_12457)"
/>
<path
d="M26.9804 4.41206C26.9804 4.18091 26.7977 4 26.5861 4H24.2556C23.6691 4 23.2009 4.28905 22.8229 4.84422L21.99 6H26.99V4.41206H26.9804Z"
fill="url(#paint13_linear_18_12457)"
/>
<path
d="M21.99 6L19.99 9H26.99V6H21.99Z"
fill="url(#paint14_linear_18_12457)"
/>
<path d="M21.99 6L19.99 9H26.99V6H21.99Z" fill="#E1D9E7" />
<path
d="M21.99 6L19.99 9H26.99V6H21.99Z"
fill="url(#paint15_linear_18_12457)"
/>
<path
d="M21.99 6L19.99 9H26.99V6H21.99Z"
fill="url(#paint16_linear_18_12457)"
/>
<g filter="url(#filter2_i_18_12457)">
<rect
x={13.74}
y={18.7188}
width={2}
height={2}
rx={0.5}
fill="#63FAFF"
/>
</g>
<g filter="url(#filter3_i_18_12457)">
<rect
x={17.74}
y={18.7188}
width={2}
height={2}
rx={0.5}
fill="#63FAFF"
/>
</g>
<g filter="url(#filter4_i_18_12457)">
<rect
x={21.74}
y={18.7188}
width={2}
height={2}
rx={0.5}
fill="#63FAFF"
/>
</g>
<g filter="url(#filter5_i_18_12457)">
<rect
x={25.74}
y={18.7188}
width={2}
height={2}
rx={0.5}
fill="#63FAFF"
/>
</g>
<g filter="url(#filter6_i_18_12457)">
<rect x={23.74} y={11} width={2} height={2} rx={0.5} fill="#63FAFF" />
</g>
<defs>
<filter
id="filter0_i_18_12457"
x={13.9565}
y={11}
width={8.03347}
height={2.3}
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.3} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0.623529 0 0 0 0 0.894118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12457"
/>
</filter>
<filter
id="filter1_ii_18_12457"
x={1.38999}
y={27.6801}
width={28.61}
height={2.91995}
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_12457"
/>
<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_12457"
result="effect2_innerShadow_18_12457"
/>
</filter>
<filter
id="filter2_i_18_12457"
x={13.14}
y={18.7188}
width={2.6}
height={2.4}
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.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0.698039 0 0 0 0 0.964706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12457"
/>
</filter>
<filter
id="filter3_i_18_12457"
x={17.14}
y={18.7188}
width={2.6}
height={2.4}
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.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0.698039 0 0 0 0 0.964706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12457"
/>
</filter>
<filter
id="filter4_i_18_12457"
x={21.14}
y={18.7188}
width={2.6}
height={2.4}
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.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0.698039 0 0 0 0 0.964706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12457"
/>
</filter>
<filter
id="filter5_i_18_12457"
x={25.14}
y={18.7188}
width={2.6}
height={2.4}
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.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0.698039 0 0 0 0 0.964706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12457"
/>
</filter>
<filter
id="filter6_i_18_12457"
x={23.14}
y={11}
width={2.6}
height={2.6}
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.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0.607843 0 0 0 0 0.945098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12457"
/>
</filter>
<linearGradient
id="paint0_linear_18_12457"
x1={28.49}
y1={31}
x2={9.78264}
y2={26.1162}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D3D2D2" />
<stop offset={0.896686} stopColor="white" />
<stop offset={0.980595} stopColor="#636363" />
</linearGradient>
<linearGradient
id="paint1_linear_18_12457"
x1={15.1373}
y1={12.9781}
x2={29.99}
y2={12.9781}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E3DBE9" />
<stop offset={1} stopColor="#E6DDED" />
</linearGradient>
<linearGradient
id="paint2_linear_18_12457"
x1={21.99}
y1={9}
x2={21.99}
y2={9.4989}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F0EBF3" />
<stop offset={1} stopColor="#F0EBF3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_12457"
x1={14.5686}
y1={12.8983}
x2={14.9515}
y2={13.0076}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0985728} stopColor="#A49FA7" />
<stop offset={1} stopColor="#A49FA7" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_12457"
x1={3.0353}
y1={20.8575}
x2={29.99}
y2={20.8575}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CFC9D9" />
<stop offset={1} stopColor="#E1D8EA" />
</linearGradient>
<linearGradient
id="paint5_linear_18_12457"
x1={16.0887}
y1={16}
x2={16.0887}
y2={17.2755}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E7E3EA" />
<stop offset={1} stopColor="#E7E3EA" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_12457"
x1={3.37972}
y1={21.2019}
x2={4.43021}
y2={20.8747}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8E8B9C" />
<stop offset={1} stopColor="#8E8B9C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_12457"
x1={15.8478}
y1={23}
x2={15.8478}
y2={30}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FB4659" />
<stop offset={1} stopColor="#DF4375" />
</linearGradient>
<linearGradient
id="paint8_linear_18_12457"
x1={5.30849}
y1={26.8505}
x2={6.16955}
y2={26.6266}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#883757" />
<stop offset={1} stopColor="#883757" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_12457"
x1={8.75272}
y1={15.5}
x2={26.1805}
y2={15.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#58525B" />
<stop offset={1} stopColor="#725D87" />
</linearGradient>
<linearGradient
id="paint10_linear_18_12457"
x1={4.98999}
y1={16}
x2={5.91058}
y2={16}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3D3940" />
<stop offset={1} stopColor="#3D3940" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_12457"
x1={18.8392}
y1={30.29}
x2={18.8392}
y2={28.1251}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4F96F2" />
<stop offset={1} stopColor="#5092EB" />
</linearGradient>
<linearGradient
id="paint12_linear_18_12457"
x1={26.99}
y1={5.37498}
x2={21.8025}
y2={5.37498}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6D5882" />
<stop offset={1} stopColor="#484050" />
</linearGradient>
<linearGradient
id="paint13_linear_18_12457"
x1={26.99}
y1={5.46873}
x2={26.49}
y2={5.46873}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#836E98" />
<stop offset={1} stopColor="#836E98" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_12457"
x1={22.99}
y1={18}
x2={16.0368}
y2={13.6987}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D3D2D2" />
<stop offset={0.833497} stopColor="white" />
<stop offset={1} stopColor="#636363" />
</linearGradient>
<linearGradient
id="paint15_linear_18_12457"
x1={21.0173}
y1={7.46483}
x2={21.3025}
y2={7.66014}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B5B1B8" />
<stop offset={1} stopColor="#B5B1B8" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_12457"
x1={26.99}
y1={8.31248}
x2={26.4587}
y2={8.31248}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FBF8FE" />
<stop offset={1} stopColor="#FBF8FE" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = ShipIcon;