@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
286 lines (285 loc) • 10.6 kB
JSX
const React = require("react");
const SkateboardIcon = ({ 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_ii_18_11510)">
<path
d="M24.985 18C26.0896 18 26.985 17.1046 26.985 16C26.985 14.8954 26.0896 14 24.985 14C23.8804 14 22.985 14.8954 22.985 16C22.985 17.1046 23.8804 18 24.985 18Z"
fill="#CA2161"
/>
</g>
<g filter="url(#filter1_ii_18_11510)">
<path
d="M15.005 28C16.1096 28 17.005 27.1046 17.005 26C17.005 24.8954 16.1096 24 15.005 24C13.9004 24 13.005 24.8954 13.005 26C13.005 27.1046 13.9004 28 15.005 28Z"
fill="#CA2161"
/>
</g>
<path
d="M28.005 2.99993C27.275 2.52993 26.355 2.26993 26.225 2.22993C24.435 1.71993 23.375 3.51993 22.545 5.24993C22.075 6.21993 21.445 7.11993 20.665 7.90993L8.27499 20.4599C7.41499 21.3299 6.405 22.0299 5.315 22.5399C4.145 23.0799 2.005 24.9999 2.005 24.9999V25.5499C2.005 26.9999 2.71499 28.3799 3.94499 29.1599C4.69499 29.6299 5.695 29.9999 7.005 29.9999L8.005 29.9799C10.585 29.8799 12.925 28.7999 14.745 26.9599L26.835 14.6899C28.765 12.7299 30.005 9.74993 30.005 6.99993C30.005 5.75993 29.795 4.16993 28.005 2.99993Z"
fill="url(#paint0_linear_18_11510)"
/>
<path
d="M26.385 2.26995C24.485 1.46995 22.125 2.29995 21.225 4.15995C20.755 5.12995 20.095 5.82995 19.315 6.61995L6.965 18.9299C6.105 19.7999 5.635 20.3 4.535 20.8C2.495 21.72 1.80501 23.42 2.00501 25.01C2.25501 27.04 4.56501 29.08 7.00501 28.98L7.47499 28.99C10.055 28.89 12.075 28.1999 13.895 26.3599L26.085 13.6299C28.055 11.6299 29.105 8.90995 28.995 6.10995C28.925 4.27995 27.785 2.86995 26.385 2.26995Z"
fill="url(#paint1_linear_18_11510)"
/>
<path
d="M20.505 8.97998C20.7811 8.97998 21.005 8.75612 21.005 8.47998C21.005 8.20384 20.7811 7.97998 20.505 7.97998C20.2289 7.97998 20.005 8.20384 20.005 8.47998C20.005 8.75612 20.2289 8.97998 20.505 8.97998Z"
fill="url(#paint2_radial_18_11510)"
/>
<path
d="M23.505 12C23.7811 12 24.005 11.7761 24.005 11.5C24.005 11.2239 23.7811 11 23.505 11C23.2289 11 23.005 11.2239 23.005 11.5C23.005 11.7761 23.2289 12 23.505 12Z"
fill="url(#paint3_radial_18_11510)"
/>
<path
d="M18.505 10.98C18.7811 10.98 19.005 10.7561 19.005 10.48C19.005 10.2038 18.7811 9.97998 18.505 9.97998C18.2289 9.97998 18.005 10.2038 18.005 10.48C18.005 10.7561 18.2289 10.98 18.505 10.98Z"
fill="url(#paint4_radial_18_11510)"
/>
<path
d="M21.505 14C21.7811 14 22.005 13.7761 22.005 13.5C22.005 13.2239 21.7811 13 21.505 13C21.2289 13 21.005 13.2239 21.005 13.5C21.005 13.7761 21.2289 14 21.505 14Z"
fill="url(#paint5_radial_18_11510)"
/>
<path
d="M10.505 19C10.7811 19 11.005 18.7761 11.005 18.5C11.005 18.2239 10.7811 18 10.505 18C10.2289 18 10.005 18.2239 10.005 18.5C10.005 18.7761 10.2289 19 10.505 19Z"
fill="url(#paint6_radial_18_11510)"
/>
<path
d="M13.505 22C13.7811 22 14.005 21.7761 14.005 21.5C14.005 21.2239 13.7811 21 13.505 21C13.2289 21 13.005 21.2239 13.005 21.5C13.005 21.7761 13.2289 22 13.505 22Z"
fill="url(#paint7_radial_18_11510)"
/>
<path
d="M8.505 21C8.78115 21 9.005 20.7761 9.005 20.5C9.005 20.2239 8.78115 20 8.505 20C8.22886 20 8.005 20.2239 8.005 20.5C8.005 20.7761 8.22886 21 8.505 21Z"
fill="url(#paint8_radial_18_11510)"
/>
<path
d="M11.505 24C11.7811 24 12.005 23.7761 12.005 23.5C12.005 23.2239 11.7811 23 11.505 23C11.2289 23 11.005 23.2239 11.005 23.5C11.005 23.7761 11.2289 24 11.505 24Z"
fill="url(#paint9_radial_18_11510)"
/>
<defs>
<filter
id="filter0_ii_18_11510"
x={22.735}
y={13.7}
width={4.55}
height={4.7}
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.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.584314 0 0 0 0 0.227451 0 0 0 0 0.309804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11510"
/>
<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} 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.87451 0 0 0 0 0.290196 0 0 0 0 0.513726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_11510"
result="effect2_innerShadow_18_11510"
/>
</filter>
<filter
id="filter1_ii_18_11510"
x={12.755}
y={23.7}
width={4.55}
height={4.7}
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.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.584314 0 0 0 0 0.227451 0 0 0 0 0.309804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11510"
/>
<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} 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.87451 0 0 0 0 0.290196 0 0 0 0 0.513726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_11510"
result="effect2_innerShadow_18_11510"
/>
</filter>
<linearGradient
id="paint0_linear_18_11510"
x1={8.12299}
y1={23.9814}
x2={26.8748}
y2={5.11842}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#89503B" />
<stop offset={1} stopColor="#F0D2A4" />
</linearGradient>
<linearGradient
id="paint1_linear_18_11510"
x1={24.1043}
y1={7.63805}
x2={6.83459}
y2={24.9077}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5A4D82" />
<stop offset={1} stopColor="#503E5F" />
</linearGradient>
<radialGradient
id="paint2_radial_18_11510"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.3702 8.6031) rotate(-49.4608) scale(0.659195 0.72781)"
>
<stop stopColor="#323133" />
<stop offset={1} stopColor="#0E0C12" />
</radialGradient>
<radialGradient
id="paint3_radial_18_11510"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.3702 11.6231) rotate(-49.4608) scale(0.659195 0.72781)"
>
<stop stopColor="#323133" />
<stop offset={1} stopColor="#0E0C12" />
</radialGradient>
<radialGradient
id="paint4_radial_18_11510"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.3702 10.6031) rotate(-49.4608) scale(0.659195 0.72781)"
>
<stop stopColor="#323133" />
<stop offset={1} stopColor="#0E0C12" />
</radialGradient>
<radialGradient
id="paint5_radial_18_11510"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.3702 13.6231) rotate(-49.4608) scale(0.659195 0.72781)"
>
<stop stopColor="#323133" />
<stop offset={1} stopColor="#0E0C12" />
</radialGradient>
<radialGradient
id="paint6_radial_18_11510"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.3702 18.6231) rotate(-49.4608) scale(0.659195 0.72781)"
>
<stop stopColor="#323133" />
<stop offset={1} stopColor="#0E0C12" />
</radialGradient>
<radialGradient
id="paint7_radial_18_11510"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.3702 21.6231) rotate(-49.4608) scale(0.659195 0.72781)"
>
<stop stopColor="#323133" />
<stop offset={1} stopColor="#0E0C12" />
</radialGradient>
<radialGradient
id="paint8_radial_18_11510"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.37022 20.6231) rotate(-49.4608) scale(0.659195 0.72781)"
>
<stop stopColor="#323133" />
<stop offset={1} stopColor="#0E0C12" />
</radialGradient>
<radialGradient
id="paint9_radial_18_11510"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.3702 23.6231) rotate(-49.4608) scale(0.659195 0.72781)"
>
<stop stopColor="#323133" />
<stop offset={1} stopColor="#0E0C12" />
</radialGradient>
</defs>
</svg>
);
module.exports = SkateboardIcon;