@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
242 lines (241 loc) • 8.25 kB
JSX
const React = require("react");
const HighHeeledShoeIcon = ({ 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}
<rect
x={2.10376}
y={17.1094}
width={2.21875}
height={12.8438}
fill="#402D54"
/>
<rect
x={2.10376}
y={17.1094}
width={2.21875}
height={12.8438}
fill="url(#paint0_linear_18_17275)"
/>
<rect
x={2.10376}
y={17.1094}
width={2.21875}
height={12.8438}
fill="url(#paint1_linear_18_17275)"
/>
<rect
x={2.10376}
y={17.1094}
width={2.21875}
height={12.8438}
fill="url(#paint2_linear_18_17275)"
/>
<g filter="url(#filter0_iii_18_17275)">
<path
d="M2.07249 11.7499V17.1249H5.0256C8.7756 17.25 9.55685 19.7031 9.55685 22.1875L9.51103 26.8429C9.49324 28.6503 10.9534 30.1249 12.7609 30.1249H28.9475C29.6378 30.1249 29.9787 29.6641 29.9397 28.8828C29.8069 27.8438 29.164 27.1304 28.8381 26.7812C23.7131 20.9583 13.16 8.87808 11.385 6.70308C10.4221 5.52322 9.56574 4.59811 8.5881 4.17185C7.35373 3.70312 5.89793 3.86638 4.44748 5.07792C2.25997 7.21856 1.97874 10.052 2.07249 11.7499Z"
fill="#EF1B64"
/>
<path
d="M2.07249 11.7499V17.1249H5.0256C8.7756 17.25 9.55685 19.7031 9.55685 22.1875L9.51103 26.8429C9.49324 28.6503 10.9534 30.1249 12.7609 30.1249H28.9475C29.6378 30.1249 29.9787 29.6641 29.9397 28.8828C29.8069 27.8438 29.164 27.1304 28.8381 26.7812C23.7131 20.9583 13.16 8.87808 11.385 6.70308C10.4221 5.52322 9.56574 4.59811 8.5881 4.17185C7.35373 3.70312 5.89793 3.86638 4.44748 5.07792C2.25997 7.21856 1.97874 10.052 2.07249 11.7499Z"
fill="url(#paint3_radial_18_17275)"
/>
</g>
<g filter="url(#filter1_i_18_17275)">
<path
d="M8.96211 4.36182C8.53099 5.16827 8.60919 6.19006 9.23717 6.92914L21.7581 21.6659C22.5103 22.5512 23.79 22.7236 24.7417 22.1135C19.4299 16.048 12.7629 8.39136 11.3851 6.70306C10.5468 5.6759 9.78926 4.84174 8.96211 4.36182Z"
fill="#7E7985"
/>
<path
d="M8.96211 4.36182C8.53099 5.16827 8.60919 6.19006 9.23717 6.92914L21.7581 21.6659C22.5103 22.5512 23.79 22.7236 24.7417 22.1135C19.4299 16.048 12.7629 8.39136 11.3851 6.70306C10.5468 5.6759 9.78926 4.84174 8.96211 4.36182Z"
fill="url(#paint4_radial_18_17275)"
/>
<path
d="M8.96211 4.36182C8.53099 5.16827 8.60919 6.19006 9.23717 6.92914L21.7581 21.6659C22.5103 22.5512 23.79 22.7236 24.7417 22.1135C19.4299 16.048 12.7629 8.39136 11.3851 6.70306C10.5468 5.6759 9.78926 4.84174 8.96211 4.36182Z"
fill="url(#paint5_linear_18_17275)"
/>
</g>
<defs>
<filter
id="filter0_iii_18_17275"
x={1.55713}
y={3.9292}
width={28.8855}
height={26.4457}
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.75} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.333333 0 0 0 0 0.478431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17275"
/>
<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.74902 0 0 0 0 0.184314 0 0 0 0 0.219608 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_17275"
result="effect2_innerShadow_18_17275"
/>
<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.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.121569 0 0 0 0 0.309804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_17275"
result="effect3_innerShadow_18_17275"
/>
</filter>
<filter
id="filter1_i_18_17275"
x={8.29141}
y={4.36182}
width={16.4503}
height={18.5127}
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.4} dy={0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.192157 0 0 0 0 0.137255 0 0 0 0 0.25098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17275"
/>
</filter>
<linearGradient
id="paint0_linear_18_17275"
x1={4.32251}
y1={29.9531}
x2={3.54126}
y2={29.9531}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#442145" />
<stop offset={1} stopColor="#442145" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint1_linear_18_17275"
x1={2.32251}
y1={29.9531}
x2={3.47876}
y2={29.9531}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.297297} stopColor="#544D5E" />
<stop offset={1} stopColor="#544D5E" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_17275"
x1={2.15063}
y1={29.9531}
x2={2.3772}
y2={29.9531}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3D3646" />
<stop offset={1} stopColor="#3D3646" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_17275"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.9787 22.125) rotate(49.9863) scale(9.91492 1.7401)"
>
<stop stopColor="#FF6B8B" />
<stop offset={1} stopColor="#FF6B8B" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_17275"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.1664 11.875) rotate(143.213) scale(8.66251 13.5746)"
>
<stop offset={0.786007} stopColor="#342743" stopOpacity={0} />
<stop offset={0.95216} stopColor="#342743" />
</radialGradient>
<linearGradient
id="paint5_linear_18_17275"
x1={13.7368}
y1={18.2637}
x2={17.2127}
y2={15.6287}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.455357} stopColor="#3A2C48" />
<stop offset={1} stopColor="#3A2C48" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = HighHeeledShoeIcon;