@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
238 lines (237 loc) • 10.5 kB
JSX
const React = require("react");
const RunningShirtIcon = ({ 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="M15.906 8.52896C13.406 8.52896 11.906 6 11.906 6V10H19.906V6C19.906 6 18.406 8.52896 15.906 8.52896Z"
fill="url(#paint0_radial_18_2983)"
/>
<path
d="M15.906 8.52896C13.406 8.52896 11.906 6 11.906 6V10H19.906V6C19.906 6 18.406 8.52896 15.906 8.52896Z"
fill="url(#paint1_radial_18_2983)"
/>
<g filter="url(#filter0_ii_18_2983)">
<path
d="M8.656 2H12.156C12.5702 2 12.906 2.33579 12.906 2.75V7C12.906 8.65685 14.2492 10 15.906 10C17.5629 10 18.906 8.65685 18.906 7V2.75C18.906 2.33579 19.2418 2 19.656 2H23.156C23.5702 2 23.906 2.33579 23.906 2.75V11C23.906 11.1097 23.9148 11.2173 23.9318 11.3222C24.0859 12.2736 24.9111 13 25.906 13H26.156C26.5702 13 26.906 13.3358 26.906 13.75V29.25C26.906 29.6642 26.5702 30 26.156 30H5.65601C5.24179 30 4.90601 29.6642 4.90601 29.25V13.75C4.90601 13.3358 5.24179 13 5.65601 13H5.906C7.01057 13 7.906 12.1046 7.906 11V2.75C7.906 2.33579 8.24179 2 8.656 2Z"
fill="url(#paint2_linear_18_2983)"
/>
<path
d="M8.656 2H12.156C12.5702 2 12.906 2.33579 12.906 2.75V7C12.906 8.65685 14.2492 10 15.906 10C17.5629 10 18.906 8.65685 18.906 7V2.75C18.906 2.33579 19.2418 2 19.656 2H23.156C23.5702 2 23.906 2.33579 23.906 2.75V11C23.906 11.1097 23.9148 11.2173 23.9318 11.3222C24.0859 12.2736 24.9111 13 25.906 13H26.156C26.5702 13 26.906 13.3358 26.906 13.75V29.25C26.906 29.6642 26.5702 30 26.156 30H5.65601C5.24179 30 4.90601 29.6642 4.90601 29.25V13.75C4.90601 13.3358 5.24179 13 5.65601 13H5.906C7.01057 13 7.906 12.1046 7.906 11V2.75C7.906 2.33579 8.24179 2 8.656 2Z"
fill="url(#paint3_radial_18_2983)"
/>
<path
d="M8.656 2H12.156C12.5702 2 12.906 2.33579 12.906 2.75V7C12.906 8.65685 14.2492 10 15.906 10C17.5629 10 18.906 8.65685 18.906 7V2.75C18.906 2.33579 19.2418 2 19.656 2H23.156C23.5702 2 23.906 2.33579 23.906 2.75V11C23.906 11.1097 23.9148 11.2173 23.9318 11.3222C24.0859 12.2736 24.9111 13 25.906 13H26.156C26.5702 13 26.906 13.3358 26.906 13.75V29.25C26.906 29.6642 26.5702 30 26.156 30H5.65601C5.24179 30 4.90601 29.6642 4.90601 29.25V13.75C4.90601 13.3358 5.24179 13 5.65601 13H5.906C7.01057 13 7.906 12.1046 7.906 11V2.75C7.906 2.33579 8.24179 2 8.656 2Z"
fill="url(#paint4_radial_18_2983)"
/>
</g>
<path
d="M8.656 2H12.156C12.5702 2 12.906 2.33579 12.906 2.75V7C12.906 8.65685 14.2492 10 15.906 10C17.5629 10 18.906 8.65685 18.906 7V2.75C18.906 2.33579 19.2418 2 19.656 2H23.156C23.5702 2 23.906 2.33579 23.906 2.75V11C23.906 11.1097 23.9148 11.2173 23.9318 11.3222C24.0859 12.2736 24.9111 13 25.906 13H26.156C26.5702 13 26.906 13.3358 26.906 13.75V29.25C26.906 29.6642 26.5702 30 26.156 30H5.65601C5.24179 30 4.90601 29.6642 4.90601 29.25V13.75C4.90601 13.3358 5.24179 13 5.65601 13H5.906C7.01057 13 7.906 12.1046 7.906 11V2.75C7.906 2.33579 8.24179 2 8.656 2Z"
fill="url(#paint5_linear_18_2983)"
/>
<path
d="M8.656 2H12.156C12.5702 2 12.906 2.33579 12.906 2.75V7C12.906 8.65685 14.2492 10 15.906 10C17.5629 10 18.906 8.65685 18.906 7V2.75C18.906 2.33579 19.2418 2 19.656 2H23.156C23.5702 2 23.906 2.33579 23.906 2.75V11C23.906 11.1097 23.9148 11.2173 23.9318 11.3222C24.0859 12.2736 24.9111 13 25.906 13H26.156C26.5702 13 26.906 13.3358 26.906 13.75V29.25C26.906 29.6642 26.5702 30 26.156 30H5.65601C5.24179 30 4.90601 29.6642 4.90601 29.25V13.75C4.90601 13.3358 5.24179 13 5.65601 13H5.906C7.01057 13 7.906 12.1046 7.906 11V2.75C7.906 2.33579 8.24179 2 8.656 2Z"
fill="url(#paint6_linear_18_2983)"
/>
<path
d="M8.656 2H12.156C12.5702 2 12.906 2.33579 12.906 2.75V7C12.906 8.65685 14.2492 10 15.906 10C17.5629 10 18.906 8.65685 18.906 7V2.75C18.906 2.33579 19.2418 2 19.656 2H23.156C23.5702 2 23.906 2.33579 23.906 2.75V11C23.906 11.1097 23.9148 11.2173 23.9318 11.3222C24.0859 12.2736 24.9111 13 25.906 13H26.156C26.5702 13 26.906 13.3358 26.906 13.75V29.25C26.906 29.6642 26.5702 30 26.156 30H5.65601C5.24179 30 4.90601 29.6642 4.90601 29.25V13.75C4.90601 13.3358 5.24179 13 5.65601 13H5.906C7.01057 13 7.906 12.1046 7.906 11V2.75C7.906 2.33579 8.24179 2 8.656 2Z"
fill="url(#paint7_radial_18_2983)"
/>
<path
d="M7.15017 30H5.65601C5.24179 30 4.90601 29.6642 4.90601 29.25V27.7846L23.906 6.63782V11C23.906 11.1097 23.9148 11.2173 23.9318 11.3222L7.15017 30Z"
fill="url(#paint8_linear_18_2983)"
/>
<path
d="M7.15017 30H5.65601C5.24179 30 4.90601 29.6642 4.90601 29.25V27.7846L23.906 6.63782V11C23.906 11.1097 23.9148 11.2173 23.9318 11.3222L7.15017 30Z"
fill="url(#paint9_linear_18_2983)"
/>
<path
d="M7.15017 30H5.65601C5.24179 30 4.90601 29.6642 4.90601 29.25V27.7846L23.906 6.63782V11C23.906 11.1097 23.9148 11.2173 23.9318 11.3222L7.15017 30Z"
fill="url(#paint10_linear_18_2983)"
/>
<defs>
<filter
id="filter0_ii_18_2983"
x={4.40601}
y={1.5}
width={23}
height={29}
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.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.27451 0 0 0 0 0.470588 0 0 0 0 0.501961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2983"
/>
<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.625} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.701961 0 0 0 0 0.956863 0 0 0 0 0.388235 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2983"
result="effect2_innerShadow_18_2983"
/>
</filter>
<radialGradient
id="paint0_radial_18_2983"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.7137 7.57356) rotate(41.1215) scale(4.50143 9.00286)"
>
<stop stopColor="#549649" />
<stop offset={1} stopColor="#407A32" />
</radialGradient>
<radialGradient
id="paint1_radial_18_2983"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.9871 7.14295) rotate(28.1365) scale(3.31006 1.15883)"
>
<stop stopColor="#72B761" />
<stop offset={1} stopColor="#72B761" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18_2983"
x1={22.8916}
y1={11.0635}
x2={5.21202}
y2={30}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#99CE56" />
<stop offset={1} stopColor="#558D7D" />
</linearGradient>
<radialGradient
id="paint3_radial_18_2983"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.43029 31.144) rotate(-45.2339) scale(12.6043 9.90341)"
>
<stop stopColor="#387C6B" />
<stop offset={1} stopColor="#387C6B" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_2983"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.8698 12.5255) rotate(144.951) scale(8.81029 18.4861)"
>
<stop stopColor="#9ACF54" />
<stop offset={1} stopColor="#9ACF54" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_2983"
x1={15.906}
y1={30.131}
x2={15.906}
y2={29.4742}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64657D" />
<stop offset={1} stopColor="#64657D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_2983"
x1={4.5096}
y1={25.0668}
x2={5.31698}
y2={25.0668}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3E6E5E" />
<stop offset={1} stopColor="#3E6E5E" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_2983"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.3712 2.29866) rotate(147.529) scale(1.4036 1.47378)"
>
<stop stopColor="#B2F463" />
<stop offset={1} stopColor="#B2F463" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18_2983"
x1={23.9318}
y1={8.27121}
x2={4.90601}
y2={29.4528}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFF459" />
<stop offset={1} stopColor="#FFB74D" />
</linearGradient>
<linearGradient
id="paint9_linear_18_2983"
x1={4.90601}
y1={28.743}
x2={5.5758}
y2={28.743}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CF9641" />
<stop offset={1} stopColor="#CF9641" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_2983"
x1={7.70447}
y1={30}
x2={7.70447}
y2={29.5156}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F08565" />
<stop offset={1} stopColor="#F08565" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = RunningShirtIcon;