@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
463 lines (462 loc) • 15.7 kB
JSX
const React = require("react");
const KickScooterIcon = ({ 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_11472)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M30 26.0001C30 28.2093 28.2091 30.0001 26 30.0001C23.7909 30.0001 22 28.2093 22 26.0001C22 23.791 23.7909 22.0001 26 22.0001C28.2091 22.0001 30 23.791 30 26.0001ZM28 26.0001C28 27.1047 27.1046 28.0001 26 28.0001C24.8954 28.0001 24 27.1047 24 26.0001C24 24.8956 24.8954 24.0001 26 24.0001C27.1046 24.0001 28 24.8956 28 26.0001Z"
fill="url(#paint0_linear_18_11472)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M30 26.0001C30 28.2093 28.2091 30.0001 26 30.0001C23.7909 30.0001 22 28.2093 22 26.0001C22 23.791 23.7909 22.0001 26 22.0001C28.2091 22.0001 30 23.791 30 26.0001ZM28 26.0001C28 27.1047 27.1046 28.0001 26 28.0001C24.8954 28.0001 24 27.1047 24 26.0001C24 24.8956 24.8954 24.0001 26 24.0001C27.1046 24.0001 28 24.8956 28 26.0001Z"
fill="url(#paint1_radial_18_11472)"
/>
</g>
<g filter="url(#filter1_i_18_11472)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10 26.0001C10 28.2093 8.20914 30.0001 6 30.0001C3.79086 30.0001 2 28.2093 2 26.0001C2 23.791 3.79086 22.0001 6 22.0001C8.20914 22.0001 10 23.791 10 26.0001ZM8 26.0001C8 27.1047 7.10457 28.0001 6 28.0001C4.89543 28.0001 4 27.1047 4 26.0001C4 24.8956 4.89543 24.0001 6 24.0001C7.10457 24.0001 8 24.8956 8 26.0001Z"
fill="url(#paint2_linear_18_11472)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10 26.0001C10 28.2093 8.20914 30.0001 6 30.0001C3.79086 30.0001 2 28.2093 2 26.0001C2 23.791 3.79086 22.0001 6 22.0001C8.20914 22.0001 10 23.791 10 26.0001ZM8 26.0001C8 27.1047 7.10457 28.0001 6 28.0001C4.89543 28.0001 4 27.1047 4 26.0001C4 24.8956 4.89543 24.0001 6 24.0001C7.10457 24.0001 8 24.8956 8 26.0001Z"
fill="url(#paint3_radial_18_11472)"
/>
</g>
<g filter="url(#filter2_f_18_11472)">
<circle
cx={6.1371}
cy={25.7987}
r={2.99202}
stroke="url(#paint4_linear_18_11472)"
strokeWidth={0.6}
/>
</g>
<g filter="url(#filter3_f_18_11472)">
<circle
cx={26.3635}
cy={25.7987}
r={2.99202}
stroke="url(#paint5_linear_18_11472)"
strokeWidth={0.6}
/>
</g>
<g filter="url(#filter4_ii_18_11472)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M8.09952 5.00504C8.64906 5.05999 9.05001 5.55003 8.99505 6.09958L7.94799 16.5702C7.92158 16.8343 8.00124 17.098 8.16941 17.3033L13.5734 23.901C14.1432 24.5967 14.995 25.0001 15.8942 25.0001H26C26.5523 25.0001 27 25.4478 27 26.0001C27 26.5524 26.5523 27.0001 26 27.0001H15.8942C14.3955 27.0001 12.9758 26.3278 12.0261 25.1683L7.85475 20.0755C7.77009 19.9721 7.60274 20.0227 7.58945 20.1556L6.99505 26.0996C6.9401 26.6491 6.45005 27.0501 5.90051 26.9951C5.35097 26.9402 4.95002 26.4501 5.00498 25.9006L7.00498 5.90057C7.05993 5.35103 7.54997 4.95008 8.09952 5.00504Z"
fill="#4FCAFF"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M8.09952 5.00504C8.64906 5.05999 9.05001 5.55003 8.99505 6.09958L7.94799 16.5702C7.92158 16.8343 8.00124 17.098 8.16941 17.3033L13.5734 23.901C14.1432 24.5967 14.995 25.0001 15.8942 25.0001H26C26.5523 25.0001 27 25.4478 27 26.0001C27 26.5524 26.5523 27.0001 26 27.0001H15.8942C14.3955 27.0001 12.9758 26.3278 12.0261 25.1683L7.85475 20.0755C7.77009 19.9721 7.60274 20.0227 7.58945 20.1556L6.99505 26.0996C6.9401 26.6491 6.45005 27.0501 5.90051 26.9951C5.35097 26.9402 4.95002 26.4501 5.00498 25.9006L7.00498 5.90057C7.05993 5.35103 7.54997 4.95008 8.09952 5.00504Z"
fill="url(#paint6_radial_18_11472)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M8.09952 5.00504C8.64906 5.05999 9.05001 5.55003 8.99505 6.09958L7.94799 16.5702C7.92158 16.8343 8.00124 17.098 8.16941 17.3033L13.5734 23.901C14.1432 24.5967 14.995 25.0001 15.8942 25.0001H26C26.5523 25.0001 27 25.4478 27 26.0001C27 26.5524 26.5523 27.0001 26 27.0001H15.8942C14.3955 27.0001 12.9758 26.3278 12.0261 25.1683L7.85475 20.0755C7.77009 19.9721 7.60274 20.0227 7.58945 20.1556L6.99505 26.0996C6.9401 26.6491 6.45005 27.0501 5.90051 26.9951C5.35097 26.9402 4.95002 26.4501 5.00498 25.9006L7.00498 5.90057C7.05993 5.35103 7.54997 4.95008 8.09952 5.00504Z"
fill="url(#paint7_radial_18_11472)"
/>
<g filter="url(#filter5_f_18_11472)">
<path
d="M8.30909 6.7417L7.18499 16.3262C7.12012 16.8792 7.28879 17.4343 7.65039 17.8578L13.3465 24.529C13.9165 25.1965 14.7503 25.5809 15.628 25.5809H16.6964"
stroke="url(#paint8_linear_18_11472)"
strokeWidth={0.4}
strokeLinecap="round"
/>
</g>
<rect
x={7}
y={5.00012}
width={6}
height={2}
rx={1}
fill="url(#paint9_linear_18_11472)"
/>
<rect
x={7}
y={5.00012}
width={6}
height={2}
rx={1}
fill="url(#paint10_radial_18_11472)"
/>
<rect
x={7}
y={5.00012}
width={6}
height={2}
rx={1}
fill="url(#paint11_radial_18_11472)"
/>
<g filter="url(#filter6_f_18_11472)">
<path
d="M7.24455 15.5807L5.92193 25.5165"
stroke="#73F4FF"
strokeWidth={0.4}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_i_18_11472"
x={22}
y={22.0001}
width={8.25}
height={8}
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.25} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.188235 0 0 0 0 0.152941 0 0 0 0 0.243137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11472"
/>
</filter>
<filter
id="filter1_i_18_11472"
x={2}
y={22.0001}
width={8.25}
height={8}
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.25} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.188235 0 0 0 0 0.152941 0 0 0 0 0.243137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11472"
/>
</filter>
<filter
id="filter2_f_18_11472"
x={2.08509}
y={21.7467}
width={8.10405}
height={8.10405}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.38}
result="effect1_foregroundBlur_18_11472"
/>
</filter>
<filter
id="filter3_f_18_11472"
x={22.3115}
y={21.7467}
width={8.10405}
height={8.10405}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.38}
result="effect1_foregroundBlur_18_11472"
/>
</filter>
<filter
id="filter4_ii_18_11472"
x={4.99994}
y={4.4}
width={22.6001}
height={22.6001}
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.6} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.317647 0 0 0 0 0.560784 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11472"
/>
<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} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.317647 0 0 0 0 0.560784 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_11472"
result="effect2_innerShadow_18_11472"
/>
</filter>
<filter
id="filter5_f_18_11472"
x={6.17137}
y={5.74169}
width={11.525}
height={20.8393}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.4}
result="effect1_foregroundBlur_18_11472"
/>
</filter>
<filter
id="filter6_f_18_11472"
x={4.92192}
y={14.5807}
width={3.32266}
height={11.9358}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.4}
result="effect1_foregroundBlur_18_11472"
/>
</filter>
<linearGradient
id="paint0_linear_18_11472"
x1={27.6639}
y1={22.5487}
x2={23.6638}
y2={29.3876}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#1B1856" />
<stop offset={1} stopColor="#3D135D" />
</linearGradient>
<radialGradient
id="paint1_radial_18_11472"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26 26.0001) rotate(90) scale(2.80677)"
>
<stop offset={0.750025} stopColor="#322153" />
<stop offset={1} stopColor="#32254E" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18_11472"
x1={7.66391}
y1={22.5487}
x2={3.6638}
y2={29.3876}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#1B1856" />
<stop offset={1} stopColor="#3D135D" />
</linearGradient>
<radialGradient
id="paint3_radial_18_11472"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6 26.0001) rotate(90) scale(2.80677)"
>
<stop offset={0.750025} stopColor="#322153" />
<stop offset={1} stopColor="#32254E" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_11472"
x1={8.10469}
y1={23.1644}
x2={3.29143}
y2={26.628}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#323270" />
<stop offset={1} stopColor="#422B59" />
</linearGradient>
<linearGradient
id="paint5_linear_18_11472"
x1={28.3311}
y1={23.1644}
x2={23.5178}
y2={26.628}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#323270" />
<stop offset={1} stopColor="#422B59" />
</linearGradient>
<radialGradient
id="paint6_radial_18_11472"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.88975 11.6774) rotate(97.4187) scale(6.24601 1.29025)"
>
<stop stopColor="#73FFFF" />
<stop offset={1} stopColor="#73FFFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_11472"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.09375 6.79628) rotate(125.032) scale(1.5617 1.06691)"
>
<stop offset={0.138174} stopColor="#4278E5" />
<stop offset={1} stopColor="#4278E5" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18_11472"
x1={7.08325}
y1={13.129}
x2={16.6964}
y2={27.1939}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.664596} stopColor="#73F4FF" />
<stop offset={1} stopColor="#73F4FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_11472"
x1={10}
y1={6.38057}
x2={10}
y2={7.00012}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3B2E4C" />
<stop offset={1} stopColor="#47265F" />
</linearGradient>
<radialGradient
id="paint10_radial_18_11472"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.8061 5.90043) rotate(-180) scale(3.89081 0.695379)"
>
<stop stopColor="#423E47" />
<stop offset={1} stopColor="#423E47" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_18_11472"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.1472 6.00012) rotate(180) scale(1.75501 1.65602)"
>
<stop stopColor="#575657" />
<stop offset={1} stopColor="#575657" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = KickScooterIcon;