@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
217 lines (216 loc) • 10.6 kB
JSX
const React = require("react");
const LegIcon = ({ 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_20020_4451)">
<path
d="M23.4023 11.8125C23.4023 11.8125 14.9765 4.40626 13.3281 3.07032C11.6796 1.73438 8.15619 1.27344 6.50777 4.18751C4.85612 7.1073 6.85145 9.41407 7.99609 10.1875C11.1683 12.331 17.8998 15.3048 18.3787 15.8086C19.281 16.7578 17.3468 16.9594 16.9841 19.9297C16.6483 22.6807 17.6445 24.0625 17.6445 26.4766C17.6445 27.1277 17.1914 28.1094 17.1914 28.5625C17.1914 29.5068 17.787 29.9844 18.9492 29.9844H24.8594C25.4141 29.9844 25.8359 29.6485 25.8359 29C25.8359 28.3516 25.3185 28.018 24.9062 28.0391C23.9883 28.0859 23.4298 27.6819 22.5898 27.2266C21.6562 26.7205 20.8681 26.0547 21.1211 25.1563C21.7253 23.0104 23.0687 18.1703 23.8437 16.0703C24.7221 13.69 24.2499 12.625 23.4023 11.8125Z"
fill="#FFC538"
/>
</g>
<path
d="M23.4023 11.8125C23.4023 11.8125 14.9765 4.40626 13.3281 3.07032C11.6796 1.73438 8.15619 1.27344 6.50777 4.18751C4.85612 7.1073 6.85145 9.41407 7.99609 10.1875C11.1683 12.331 17.8998 15.3048 18.3787 15.8086C19.281 16.7578 17.3468 16.9594 16.9841 19.9297C16.6483 22.6807 17.6445 24.0625 17.6445 26.4766C17.6445 27.1277 17.1914 28.1094 17.1914 28.5625C17.1914 29.5068 17.787 29.9844 18.9492 29.9844H24.8594C25.4141 29.9844 25.8359 29.6485 25.8359 29C25.8359 28.3516 25.3185 28.018 24.9062 28.0391C23.9883 28.0859 23.4298 27.6819 22.5898 27.2266C21.6562 26.7205 20.8681 26.0547 21.1211 25.1563C21.7253 23.0104 23.0687 18.1703 23.8437 16.0703C24.7221 13.69 24.2499 12.625 23.4023 11.8125Z"
fill="url(#paint0_radial_20020_4451)"
/>
<path
d="M23.4023 11.8125C23.4023 11.8125 14.9765 4.40626 13.3281 3.07032C11.6796 1.73438 8.15619 1.27344 6.50777 4.18751C4.85612 7.1073 6.85145 9.41407 7.99609 10.1875C11.1683 12.331 17.8998 15.3048 18.3787 15.8086C19.281 16.7578 17.3468 16.9594 16.9841 19.9297C16.6483 22.6807 17.6445 24.0625 17.6445 26.4766C17.6445 27.1277 17.1914 28.1094 17.1914 28.5625C17.1914 29.5068 17.787 29.9844 18.9492 29.9844H24.8594C25.4141 29.9844 25.8359 29.6485 25.8359 29C25.8359 28.3516 25.3185 28.018 24.9062 28.0391C23.9883 28.0859 23.4298 27.6819 22.5898 27.2266C21.6562 26.7205 20.8681 26.0547 21.1211 25.1563C21.7253 23.0104 23.0687 18.1703 23.8437 16.0703C24.7221 13.69 24.2499 12.625 23.4023 11.8125Z"
fill="url(#paint1_radial_20020_4451)"
/>
<path
d="M23.4023 11.8125C23.4023 11.8125 14.9765 4.40626 13.3281 3.07032C11.6796 1.73438 8.15619 1.27344 6.50777 4.18751C4.85612 7.1073 6.85145 9.41407 7.99609 10.1875C11.1683 12.331 17.8998 15.3048 18.3787 15.8086C19.281 16.7578 17.3468 16.9594 16.9841 19.9297C16.6483 22.6807 17.6445 24.0625 17.6445 26.4766C17.6445 27.1277 17.1914 28.1094 17.1914 28.5625C17.1914 29.5068 17.787 29.9844 18.9492 29.9844H24.8594C25.4141 29.9844 25.8359 29.6485 25.8359 29C25.8359 28.3516 25.3185 28.018 24.9062 28.0391C23.9883 28.0859 23.4298 27.6819 22.5898 27.2266C21.6562 26.7205 20.8681 26.0547 21.1211 25.1563C21.7253 23.0104 23.0687 18.1703 23.8437 16.0703C24.7221 13.69 24.2499 12.625 23.4023 11.8125Z"
fill="url(#paint2_linear_20020_4451)"
/>
<path
d="M23.4023 11.8125C23.4023 11.8125 14.9765 4.40626 13.3281 3.07032C11.6796 1.73438 8.15619 1.27344 6.50777 4.18751C4.85612 7.1073 6.85145 9.41407 7.99609 10.1875C11.1683 12.331 17.8998 15.3048 18.3787 15.8086C19.281 16.7578 17.3468 16.9594 16.9841 19.9297C16.6483 22.6807 17.6445 24.0625 17.6445 26.4766C17.6445 27.1277 17.1914 28.1094 17.1914 28.5625C17.1914 29.5068 17.787 29.9844 18.9492 29.9844H24.8594C25.4141 29.9844 25.8359 29.6485 25.8359 29C25.8359 28.3516 25.3185 28.018 24.9062 28.0391C23.9883 28.0859 23.4298 27.6819 22.5898 27.2266C21.6562 26.7205 20.8681 26.0547 21.1211 25.1563C21.7253 23.0104 23.0687 18.1703 23.8437 16.0703C24.7221 13.69 24.2499 12.625 23.4023 11.8125Z"
fill="url(#paint3_radial_20020_4451)"
/>
<path
d="M23.4023 11.8125C23.4023 11.8125 14.9765 4.40626 13.3281 3.07032C11.6796 1.73438 8.15619 1.27344 6.50777 4.18751C4.85612 7.1073 6.85145 9.41407 7.99609 10.1875C11.1683 12.331 17.8998 15.3048 18.3787 15.8086C19.281 16.7578 17.3468 16.9594 16.9841 19.9297C16.6483 22.6807 17.6445 24.0625 17.6445 26.4766C17.6445 27.1277 17.1914 28.1094 17.1914 28.5625C17.1914 29.5068 17.787 29.9844 18.9492 29.9844H24.8594C25.4141 29.9844 25.8359 29.6485 25.8359 29C25.8359 28.3516 25.3185 28.018 24.9062 28.0391C23.9883 28.0859 23.4298 27.6819 22.5898 27.2266C21.6562 26.7205 20.8681 26.0547 21.1211 25.1563C21.7253 23.0104 23.0687 18.1703 23.8437 16.0703C24.7221 13.69 24.2499 12.625 23.4023 11.8125Z"
fill="url(#paint4_radial_20020_4451)"
/>
<g filter="url(#filter1_f_20020_4451)">
<path
d="M21.6297 14.2428L10.5695 6.38002C9.85565 5.87258 9.70223 4.87568 10.2304 4.17709C10.7616 3.47454 11.7701 3.35372 12.4522 3.9109L22.962 12.4956C23.4379 12.8844 23.5026 13.5878 23.1057 14.0569C22.7367 14.4929 22.0953 14.5737 21.6297 14.2428Z"
fill="#FFEB58"
/>
</g>
<g filter="url(#filter2_f_20020_4451)">
<path
d="M19.4372 24.4032L21.1393 16.0626C21.1805 15.8611 21.2934 15.6814 21.4571 15.557C22.1123 15.059 23.0215 15.6923 22.7815 16.4795L20.2993 24.6221C20.2422 24.8095 20.0693 24.9375 19.8734 24.9375C19.5917 24.9375 19.3808 24.6792 19.4372 24.4032Z"
fill="url(#paint5_linear_20020_4451)"
/>
</g>
<defs>
<filter
id="filter0_ii_20020_4451"
x={5.67897}
y={1.27551}
width={21.407}
height={29.2089}
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={1.25} dy={-0.75} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.94902 0 0 0 0 0.6 0 0 0 0 0.254902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_4451"
/>
<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.2} dy={0.5} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.890196 0 0 0 0 0.298039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_20020_4451"
result="effect2_innerShadow_20020_4451"
/>
</filter>
<filter
id="filter1_f_20020_4451"
x={7.91602}
y={1.56055}
width={17.4498}
height={14.8856}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_20020_4451"
/>
</filter>
<filter
id="filter2_f_20020_4451"
x={17.428}
y={13.3802}
width={7.39288}
height={13.5573}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_20020_4451"
/>
</filter>
<radialGradient
id="paint0_radial_20020_4451"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.50335 9.62183) rotate(28.8937) scale(16.3906 3.10289)"
>
<stop stopColor="#D18076" />
<stop offset={1} stopColor="#D18076" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint1_radial_20020_4451"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.2994 17.6769) rotate(-148.497) scale(26.2962 20.2755)"
>
<stop offset={0.904762} stopColor="#C8A25F" stopOpacity={0} />
<stop offset={1} stopColor="#C8A25F" />
</radialGradient>
<linearGradient
id="paint2_linear_20020_4451"
x1={20.4531}
y1={30.5}
x2={20.4531}
y2={29.2188}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DE8598" />
<stop offset={1} stopColor="#DE8598" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_20020_4451"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.8359 28.5313) rotate(169.299) scale(1.00975 0.911694)"
>
<stop stopColor="#FFE166" />
<stop offset={1} stopColor="#FFE166" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_20020_4451"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.5469 26.1875) rotate(135.437) scale(2.8948 1.7929)"
>
<stop offset={0.125133} stopColor="#FFE863" />
<stop offset={1} stopColor="#FFE863" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_20020_4451"
x1={21.2656}
y1={16.9688}
x2={19.5156}
y2={24.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFEB58" />
<stop offset={1} stopColor="#FFEB58" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = LegIcon;