@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
320 lines (319 loc) • 11.4 kB
JSX
const React = require("react");
const CanoeIcon = ({ 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_12167)">
<path
d="M2.08859 19.0801C2.46859 23.2301 6.30859 26.5001 11.0286 26.5001H21.0086C25.7186 26.5001 29.5686 23.2301 29.9486 19.0801C20.9786 20.0801 11.0486 20.0801 2.08859 19.0801Z"
fill="url(#paint0_linear_18_12167)"
/>
<path
d="M2.08859 19.0801C2.46859 23.2301 6.30859 26.5001 11.0286 26.5001H21.0086C25.7186 26.5001 29.5686 23.2301 29.9486 19.0801C20.9786 20.0801 11.0486 20.0801 2.08859 19.0801Z"
fill="url(#paint1_radial_18_12167)"
/>
<path
d="M2.08859 19.0801C2.46859 23.2301 6.30859 26.5001 11.0286 26.5001H21.0086C25.7186 26.5001 29.5686 23.2301 29.9486 19.0801C20.9786 20.0801 11.0486 20.0801 2.08859 19.0801Z"
fill="url(#paint2_radial_18_12167)"
/>
<path
d="M2.08859 19.0801C2.46859 23.2301 6.30859 26.5001 11.0286 26.5001H21.0086C25.7186 26.5001 29.5686 23.2301 29.9486 19.0801C20.9786 20.0801 11.0486 20.0801 2.08859 19.0801Z"
fill="url(#paint3_radial_18_12167)"
/>
</g>
<path
d="M30 18.4446C30 17.9846 29.61 17.6246 29.11 17.5646C29.04 17.5646 28.97 17.5446 28.89 17.5546C27.37 17.7146 25.82 17.8346 24.25 17.9346C18.82 18.2846 13.2 18.2846 7.77 17.9346C6.21 17.8346 4.65 17.7146 3.13 17.5546C3.05 17.5446 2.98 17.5646 2.91 17.5646C2.42 17.6146 2.03 17.9846 2.03 18.4446C2.03 18.5446 2.04 18.6346 2.05 18.7346C2.06 18.8646 2.07 18.9846 2.09 19.1046C11.05 20.1046 20.98 20.1046 29.94 19.1046C29.95 18.9846 29.97 18.8546 29.98 18.7346C29.99 18.6446 30 18.5446 30 18.4446Z"
fill="url(#paint4_linear_18_12167)"
/>
<g filter="url(#filter1_i_18_12167)">
<path
d="M8.43859 29.6632L13.3486 24.6832C14.1286 23.8932 14.1186 22.6332 13.3286 21.8532C12.5386 21.0732 11.2786 21.0832 10.4986 21.8732L5.58859 26.8532C5.19859 27.2532 5.1986 27.8832 5.5986 28.2732L7.01859 29.6632C7.40859 30.0632 8.04859 30.0632 8.43859 29.6632Z"
fill="url(#paint5_linear_18_12167)"
/>
</g>
<g filter="url(#filter2_i_18_12167)">
<path
d="M24.8686 9.13316L25.8786 10.1232C26.1286 10.3632 26.0186 10.7932 25.6786 10.8832L25.4586 10.9432C24.6186 11.1732 23.8386 10.4132 24.0586 9.56316L24.1186 9.34316C24.1986 9.00316 24.6186 8.88316 24.8686 9.13316Z"
fill="url(#paint6_linear_18_12167)"
/>
</g>
<path
d="M25.5586 9.93336C25.5586 9.66336 25.3386 9.44336 25.0686 9.44336C24.9386 9.44336 24.8186 9.49336 24.7286 9.58336L10.2886 24.2434C10.1886 24.3334 10.1286 24.4634 10.1286 24.6034C10.1286 24.8734 10.3586 25.0934 10.6286 25.0934C10.7686 25.0934 10.8986 25.0234 10.9886 24.9334L25.4186 10.2834C25.5086 10.1834 25.5586 10.0634 25.5586 9.93336Z"
fill="url(#paint7_radial_18_12167)"
/>
<g filter="url(#filter3_ii_18_12167)">
<path
d="M29.9486 23C28.1992 23 28.3904 23.9593 26.631 23.9593C24.8816 23.9593 24.7831 23 23.0237 23C21.2744 23 21.247 23.9593 19.4977 23.9593C17.7483 23.9593 17.547 23 15.7976 23C14.1853 23 13.7773 23.9593 12.0279 23.9593C10.2786 23.9593 10.2164 23 8.46707 23C6.7177 23 6.48319 23.9593 4.74381 23.9593C3.30555 23.9593 2.96918 23 1.94858 23V30H29.9386L29.9486 23Z"
fill="url(#paint8_linear_18_12167)"
/>
</g>
<defs>
<filter
id="filter0_i_18_12167"
x={2.08859}
y={18.5801}
width={28.36}
height={7.91992}
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.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.643137 0 0 0 0 0.301961 0 0 0 0 0.254902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12167"
/>
</filter>
<filter
id="filter1_i_18_12167"
x={5.14733}
y={21.2744}
width={8.78007}
height={8.83872}
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.15} dy={0.15} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.941176 0 0 0 0 0.643137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12167"
/>
</filter>
<filter
id="filter2_i_18_12167"
x={24.0209}
y={8.85}
width={2.1439}
height={2.13486}
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.15} dy={-0.15} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.901961 0 0 0 0 0.560784 0 0 0 0 0.372549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12167"
/>
</filter>
<filter
id="filter3_ii_18_12167"
x={1.34858}
y={23}
width={28.6}
height={7.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.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_12167"
/>
<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_12167"
result="effect2_innerShadow_18_12167"
/>
</filter>
<linearGradient
id="paint0_linear_18_12167"
x1={15.5186}
y1={19.0801}
x2={15.5186}
y2={26.5001}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF9053" />
<stop offset={1} stopColor="#FC6D4E" />
</linearGradient>
<radialGradient
id="paint1_radial_18_12167"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.69107 19.8751) rotate(-0.1436) scale(24.9376 93.6336)"
>
<stop offset={0.946098} stopColor="#FFAA62" stopOpacity={0} />
<stop offset={1} stopColor="#FFAA62" />
</radialGradient>
<radialGradient
id="paint2_radial_18_12167"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.0055 19.8397) rotate(138.211) scale(5.03598 0.984158)"
>
<stop offset={0.128033} stopColor="#CA653A" />
<stop offset={1} stopColor="#CA653A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_12167"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.0538 22.6089) rotate(140.254) scale(2.89959 0.566653)"
>
<stop offset={0.128033} stopColor="#CA653A" />
<stop offset={1} stopColor="#CA653A" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_12167"
x1={16.015}
y1={17.8751}
x2={16.015}
y2={19.8546}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6E5187" />
<stop offset={1} stopColor="#3F3C42" />
</linearGradient>
<linearGradient
id="paint5_linear_18_12167"
x1={13.4878}
y1={22.3144}
x2={8.80936}
y2={27.0383}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD18E" />
<stop offset={1} stopColor="#CD8833" />
<stop offset={1} stopColor="#EFBA7A" />
</linearGradient>
<linearGradient
id="paint6_linear_18_12167"
x1={24.5233}
y1={9.14911}
x2={25.0179}
y2={11.3202}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFA661" />
<stop offset={1} stopColor="#FF9B56" />
</linearGradient>
<radialGradient
id="paint7_radial_18_12167"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.8472 17.2699) rotate(45) scale(0.684354 17.3383)"
>
<stop stopColor="#FFCD8C" />
<stop offset={1} stopColor="#FE9C57" />
</radialGradient>
<linearGradient
id="paint8_linear_18_12167"
x1={18.7918}
y1={30}
x2={18.7918}
y2={24.3429}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#51ADFF" />
<stop offset={1} stopColor="#539DFA" />
</linearGradient>
</defs>
</svg>
);
module.exports = CanoeIcon;