@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
405 lines (404 loc) • 14.2 kB
JSX
const React = require("react");
const WomansSandalIcon = ({ 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_17288)">
<path
d="M2.13281 18.9459H7.16406V29.0409C7.16406 29.5379 6.76112 29.9409 6.26406 29.9409H3.03281C2.53576 29.9409 2.13281 29.5379 2.13281 29.0409V18.9459Z"
fill="url(#paint0_radial_18_17288)"
/>
<path
d="M2.13281 18.9459H7.16406V29.0409C7.16406 29.5379 6.76112 29.9409 6.26406 29.9409H3.03281C2.53576 29.9409 2.13281 29.5379 2.13281 29.0409V18.9459Z"
fill="url(#paint1_linear_18_17288)"
/>
<path
d="M2.13281 18.9459H7.16406V29.0409C7.16406 29.5379 6.76112 29.9409 6.26406 29.9409H3.03281C2.53576 29.9409 2.13281 29.5379 2.13281 29.0409V18.9459Z"
fill="url(#paint2_linear_18_17288)"
/>
<path
d="M2.13281 18.9459H7.16406V29.0409C7.16406 29.5379 6.76112 29.9409 6.26406 29.9409H3.03281C2.53576 29.9409 2.13281 29.5379 2.13281 29.0409V18.9459Z"
fill="url(#paint3_radial_18_17288)"
/>
<path
d="M2.13281 18.9459H7.16406V29.0409C7.16406 29.5379 6.76112 29.9409 6.26406 29.9409H3.03281C2.53576 29.9409 2.13281 29.5379 2.13281 29.0409V18.9459Z"
fill="url(#paint4_radial_18_17288)"
/>
</g>
<g filter="url(#filter1_ii_18_17288)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M7.55154 21.0189H4.13309C3.02837 21.0189 2.13281 20.1235 2.13281 19.0189V18.5189C2.13281 18.2428 2.3567 18.0189 2.63288 18.0189H7.55154C10.8657 18.0189 13.5524 20.7052 13.5524 24.0189V26.0283C13.5524 26.4977 13.933 26.8783 14.4025 26.8783H29.3671C29.6433 26.8783 29.8672 27.1022 29.8672 27.3783V28.1283C29.8672 29.0948 29.0836 29.8783 28.1169 29.8783H13.0523C11.6714 29.8783 10.552 28.759 10.552 27.3783V24.1127C10.552 22.3314 8.91111 21.0189 7.55154 21.0189Z"
fill="url(#paint5_linear_18_17288)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M7.55154 21.0189H4.13309C3.02837 21.0189 2.13281 20.1235 2.13281 19.0189V18.5189C2.13281 18.2428 2.3567 18.0189 2.63288 18.0189H7.55154C10.8657 18.0189 13.5524 20.7052 13.5524 24.0189V26.0283C13.5524 26.4977 13.933 26.8783 14.4025 26.8783H29.3671C29.6433 26.8783 29.8672 27.1022 29.8672 27.3783V28.1283C29.8672 29.0948 29.0836 29.8783 28.1169 29.8783H13.0523C11.6714 29.8783 10.552 28.759 10.552 27.3783V24.1127C10.552 22.3314 8.91111 21.0189 7.55154 21.0189Z"
fill="url(#paint6_radial_18_17288)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M7.55154 21.0189H4.13309C3.02837 21.0189 2.13281 20.1235 2.13281 19.0189V18.5189C2.13281 18.2428 2.3567 18.0189 2.63288 18.0189H7.55154C10.8657 18.0189 13.5524 20.7052 13.5524 24.0189V26.0283C13.5524 26.4977 13.933 26.8783 14.4025 26.8783H29.3671C29.6433 26.8783 29.8672 27.1022 29.8672 27.3783V28.1283C29.8672 29.0948 29.0836 29.8783 28.1169 29.8783H13.0523C11.6714 29.8783 10.552 28.759 10.552 27.3783V24.1127C10.552 22.3314 8.91111 21.0189 7.55154 21.0189Z"
fill="url(#paint7_radial_18_17288)"
/>
<g filter="url(#filter2_iii_18_17288)">
<path
d="M19.5105 20.6459L15.4822 27.4502C14.831 28.5501 15.6238 29.9408 16.902 29.9408H25.0546C25.7449 29.9408 26.3046 29.3811 26.3046 28.6908V22.8747C26.3046 22.3702 25.9891 21.9197 25.5151 21.7471L21.0138 20.1082C20.4485 19.9024 19.8169 20.1283 19.5105 20.6459Z"
fill="url(#paint8_linear_18_17288)"
/>
</g>
<g filter="url(#filter3_f_18_17288)">
<rect
x={24.7266}
y={22.3783}
width={0.875}
height={6.53125}
rx={0.4375}
fill="url(#paint9_linear_18_17288)"
/>
</g>
<g filter="url(#filter4_f_18_17288)">
<path
d="M3.88281 18.7897H8.03906C10.2266 18.7897 12.8203 20.3971 12.8203 23.9721C12.8203 25.6064 12.8203 26.518 12.8203 27.0397C12.8203 27.3159 13.0442 27.5397 13.3203 27.5397H13.8516"
stroke="url(#paint10_radial_18_17288)"
strokeWidth={0.5}
/>
</g>
<defs>
<filter
id="filter0_i_18_17288"
x={2.13281}
y={18.7959}
width={5.03125}
height={11.1449}
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.15} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.847059 0 0 0 0 0.521569 0 0 0 0 0.584314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17288"
/>
</filter>
<filter
id="filter1_ii_18_17288"
x={2.13281}
y={17.7189}
width={28.2344}
height={12.1594}
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.3} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.792157 0 0 0 0 0.364706 0 0 0 0 0.423529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17288"
/>
<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} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.780392 0 0 0 0 0.517647 0 0 0 0 0.360784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_17288"
result="effect2_innerShadow_18_17288"
/>
</filter>
<filter
id="filter2_iii_18_17288"
x={15.2495}
y={19.7826}
width={11.1552}
height={11.1581}
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.1} dy={1} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.847059 0 0 0 0 0.137255 0 0 0 0 0.313726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17288"
/>
<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.25} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.811765 0 0 0 0 0.133333 0 0 0 0 0.533333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_17288"
result="effect2_innerShadow_18_17288"
/>
<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.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.737255 0 0 0 0 0.184314 0 0 0 0 0.305882 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_17288"
result="effect3_innerShadow_18_17288"
/>
</filter>
<filter
id="filter3_f_18_17288"
x={23.7266}
y={21.3783}
width={2.875}
height={8.53125}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_17288"
/>
</filter>
<filter
id="filter4_f_18_17288"
x={3.38281}
y={18.0397}
width={10.9688}
height={10.25}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_17288"
/>
</filter>
<radialGradient
id="paint0_radial_18_17288"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.8552 28.9147) rotate(-90) scale(8.82558 12.8465)"
>
<stop offset={0.0888031} stopColor="#F6BD90" />
<stop offset={1} stopColor="#DE8452" />
</radialGradient>
<linearGradient
id="paint1_linear_18_17288"
x1={1.60156}
y1={26.1283}
x2={3.44531}
y2={26.1908}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.129699} stopColor="#9E6845" />
<stop offset={1} stopColor="#B88A66" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_17288"
x1={7.75781}
y1={29.5658}
x2={6.60156}
y2={29.5658}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DA7442" />
<stop offset={1} stopColor="#E49160" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_17288"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.75781 27.5971) rotate(-76.6024) scale(8.15956 12.979)"
>
<stop offset={0.762348} stopColor="#BA4632" stopOpacity={0} />
<stop offset={0.973293} stopColor="#BA4632" />
</radialGradient>
<radialGradient
id="paint4_radial_18_17288"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.10156 29.9409) rotate(-90) scale(7.06253 1.71875)"
>
<stop stopColor="#FFD8A6" />
<stop offset={1} stopColor="#F0B88C" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_17288"
x1={4.87929}
y1={20.0658}
x2={29.4756}
y2={29.3493}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.372438} stopColor="#EFB383" />
<stop offset={1} stopColor="#FFC08C" />
</linearGradient>
<radialGradient
id="paint6_radial_18_17288"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5703 29.0033) rotate(158.199) scale(4.03887 5.98838)"
>
<stop offset={0.198444} stopColor="#D4794D" />
<stop offset={1} stopColor="#D4794D" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_17288"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(30.0703 26.722) rotate(143.556) scale(2.52507 0.993972)"
>
<stop stopColor="#FFD78F" />
<stop offset={1} stopColor="#FFD78F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18_17288"
x1={23.6952}
y1={21.2533}
x2={20.2577}
y2={30.222}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E3346A" />
<stop offset={1} stopColor="#D91E95" />
</linearGradient>
<linearGradient
id="paint9_linear_18_17288"
x1={25.1641}
y1={22.3783}
x2={25.1641}
y2={28.9095}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EC506C" />
<stop offset={0.848781} stopColor="#ED5381" />
</linearGradient>
<radialGradient
id="paint10_radial_18_17288"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.8516 19.6283) rotate(125.8) scale(6.35736 10.1761)"
>
<stop offset={0.13536} stopColor="#FFD694" />
<stop offset={1} stopColor="#FFD694" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = WomansSandalIcon;