@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
414 lines (413 loc) • 13 kB
JSX
const React = require("react");
const MansShoeIcon = ({ 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_17204)">
<rect
x={2.27344}
y={27.0938}
width={7.9375}
height={2.9375}
rx={0.15}
fill="url(#paint0_linear_18_17204)"
/>
<rect
x={2.27344}
y={27.0938}
width={7.9375}
height={2.9375}
rx={0.15}
fill="url(#paint1_linear_18_17204)"
/>
<rect
x={2.27344}
y={27.0938}
width={7.9375}
height={2.9375}
rx={0.15}
fill="url(#paint2_linear_18_17204)"
/>
</g>
<rect
x={2.27344}
y={27.0938}
width={7.9375}
height={2.9375}
rx={0.15}
fill="url(#paint3_linear_18_17204)"
/>
<g filter="url(#filter1_iii_18_17204)">
<path
d="M2.27344 19.75V26.875C2.27344 27.0131 2.38537 27.125 2.52344 27.125H11.658C13.1542 27.125 14.3672 28.338 14.3672 29.8342C14.3672 29.943 14.4554 30.0312 14.5642 30.0312H29.9641C30.0746 30.0312 30.1651 29.9428 30.1682 29.8323L30.1691 29.7988C30.1886 29.0941 30.2389 27.2728 29.8205 25.5625C28.9453 21.9844 26.2891 21.375 22.3047 20.5625C19.6138 20.0138 17.2785 18.6717 15.8495 17.6546C15.2811 17.25 14.6105 17 13.9128 17H5.02344C3.50465 17 2.27344 18.2312 2.27344 19.75Z"
fill="#B5666B"
/>
</g>
<path
d="M2.27344 19.75V26.875C2.27344 27.0131 2.38537 27.125 2.52344 27.125H11.658C13.1542 27.125 14.3672 28.338 14.3672 29.8342C14.3672 29.943 14.4554 30.0312 14.5642 30.0312H29.9641C30.0746 30.0312 30.1651 29.9428 30.1682 29.8323L30.1691 29.7988C30.1886 29.0941 30.2389 27.2728 29.8205 25.5625C28.9453 21.9844 26.2891 21.375 22.3047 20.5625C19.6138 20.0138 17.2785 18.6717 15.8495 17.6546C15.2811 17.25 14.6105 17 13.9128 17H5.02344C3.50465 17 2.27344 18.2312 2.27344 19.75Z"
fill="url(#paint4_linear_18_17204)"
/>
<path
d="M2.27344 19.75V26.875C2.27344 27.0131 2.38537 27.125 2.52344 27.125H11.658C13.1542 27.125 14.3672 28.338 14.3672 29.8342C14.3672 29.943 14.4554 30.0312 14.5642 30.0312H29.9641C30.0746 30.0312 30.1651 29.9428 30.1682 29.8323L30.1691 29.7988C30.1886 29.0941 30.2389 27.2728 29.8205 25.5625C28.9453 21.9844 26.2891 21.375 22.3047 20.5625C19.6138 20.0138 17.2785 18.6717 15.8495 17.6546C15.2811 17.25 14.6105 17 13.9128 17H5.02344C3.50465 17 2.27344 18.2312 2.27344 19.75Z"
fill="url(#paint5_radial_18_17204)"
/>
<g filter="url(#filter2_i_18_17204)">
<rect
x={16.6445}
y={17.1833}
width={1.35956}
height={3.59631}
rx={0.679781}
transform="rotate(45.0132 16.6445 17.1833)"
fill="#825751"
/>
</g>
<g filter="url(#filter3_i_18_17204)">
<rect
x={19.5117}
y={18.8083}
width={1.35956}
height={3.59631}
rx={0.679781}
transform="rotate(45.0132 19.5117 18.8083)"
fill="#825751"
/>
</g>
<g filter="url(#filter4_f_18_17204)">
<path
d="M15.1562 19.8438L16.8438 18.1719"
stroke="url(#paint6_linear_18_17204)"
strokeWidth={0.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter5_f_18_17204)">
<path
d="M18.0312 21.5232L19.7188 19.8513"
stroke="url(#paint7_linear_18_17204)"
strokeWidth={0.5}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_i_18_17204"
x={2.22344}
y={27.0938}
width={7.9875}
height={2.9875}
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.05} dy={0.05} />
<feGaussianBlur stdDeviation={0.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.501961 0 0 0 0 0.25098 0 0 0 0 0.25098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17204"
/>
</filter>
<filter
id="filter1_iii_18_17204"
x={-0.226562}
y={16.9}
width={30.4084}
height={15.1313}
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={-2.5} dy={2} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.768627 0 0 0 0 0.505882 0 0 0 0 0.45098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17204"
/>
<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={-1.5} dy={1.5} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.67451 0 0 0 0 0.443137 0 0 0 0 0.337255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_17204"
result="effect2_innerShadow_18_17204"
/>
<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.1} />
<feGaussianBlur stdDeviation={0.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.686275 0 0 0 0 0.309804 0 0 0 0 0.486275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_17204"
result="effect3_innerShadow_18_17204"
/>
</filter>
<filter
id="filter2_i_18_17204"
x={14.3826}
y={17.2148}
width={3.44141}
height={3.19083}
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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.447059 0 0 0 0 0.219608 0 0 0 0 0.231373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17204"
/>
</filter>
<filter
id="filter3_i_18_17204"
x={17.2498}
y={18.8398}
width={3.44141}
height={3.19083}
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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.447059 0 0 0 0 0.219608 0 0 0 0 0.231373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17204"
/>
</filter>
<filter
id="filter4_f_18_17204"
x={14.6562}
y={17.6719}
width={2.6875}
height={2.67188}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_17204"
/>
</filter>
<filter
id="filter5_f_18_17204"
x={17.5312}
y={19.3513}
width={2.6875}
height={2.67188}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_17204"
/>
</filter>
<linearGradient
id="paint0_linear_18_17204"
x1={3.75781}
y1={29.7812}
x2={8.22656}
y2={29.7812}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.342657} stopColor="#653D43" />
<stop offset={1} stopColor="#8C4F69" />
</linearGradient>
<linearGradient
id="paint1_linear_18_17204"
x1={10.2109}
y1={29.9531}
x2={9.85156}
y2={29.9531}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.153846} stopColor="#926970" />
<stop offset={1} stopColor="#926970" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_17204"
x1={2.05469}
y1={29.125}
x2={2.89844}
y2={29.125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#725F60" />
<stop offset={1} stopColor="#725F60" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_17204"
x1={7.00781}
y1={30.0312}
x2={7.00781}
y2={29.8867}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#893A7A" />
<stop offset={1} stopColor="#893A7A" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_17204"
x1={2.27344}
y1={25.8125}
x2={8.44531}
y2={25.8125}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0600522} stopColor="#7A5047" />
<stop offset={1} stopColor="#914E49" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_17204"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1953 30.0313) rotate(-90) scale(7.34375 4.15617)"
>
<stop stopColor="#C78877" />
<stop offset={1} stopColor="#BA706F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_17204"
x1={15.25}
y1={20.0625}
x2={17.2656}
y2={18}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#873C70" />
<stop offset={0.240554} stopColor="#9C7675" />
<stop offset={0.591132} stopColor="#9C7675" />
<stop offset={1} stopColor="#9C7675" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_17204"
x1={18.125}
y1={21.7419}
x2={20.1406}
y2={19.6794}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#873C70" />
<stop offset={0.240554} stopColor="#9C7675" />
<stop offset={0.591132} stopColor="#9C7675" />
<stop offset={1} stopColor="#9C7675" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = MansShoeIcon;