@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
570 lines (569 loc) • 21.1 kB
JSX
const React = require("react");
const SocksIcon = ({ 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_16592)">
<path
d="M28.2462 7.78833C28.2462 6.68376 27.3508 5.78833 26.2462 5.78833H21.5558C20.4512 5.78833 19.5558 6.68376 19.5558 7.78833V16.9152C19.5558 17.926 19.1731 18.8994 18.4847 19.6395L15.6973 22.6362C14.2605 24.2352 13.9134 26.9359 15.6046 28.6336C17.2261 30.2613 20.2742 30.2142 21.7979 28.6336L26.8647 23.3202C27.7515 22.3902 28.2462 21.1546 28.2462 19.8696V7.78833Z"
fill="url(#paint0_linear_18_16592)"
/>
<path
d="M28.2462 7.78833C28.2462 6.68376 27.3508 5.78833 26.2462 5.78833H21.5558C20.4512 5.78833 19.5558 6.68376 19.5558 7.78833V16.9152C19.5558 17.926 19.1731 18.8994 18.4847 19.6395L15.6973 22.6362C14.2605 24.2352 13.9134 26.9359 15.6046 28.6336C17.2261 30.2613 20.2742 30.2142 21.7979 28.6336L26.8647 23.3202C27.7515 22.3902 28.2462 21.1546 28.2462 19.8696V7.78833Z"
fill="url(#paint1_linear_18_16592)"
/>
<path
d="M28.2462 7.78833C28.2462 6.68376 27.3508 5.78833 26.2462 5.78833H21.5558C20.4512 5.78833 19.5558 6.68376 19.5558 7.78833V16.9152C19.5558 17.926 19.1731 18.8994 18.4847 19.6395L15.6973 22.6362C14.2605 24.2352 13.9134 26.9359 15.6046 28.6336C17.2261 30.2613 20.2742 30.2142 21.7979 28.6336L26.8647 23.3202C27.7515 22.3902 28.2462 21.1546 28.2462 19.8696V7.78833Z"
fill="url(#paint2_radial_18_16592)"
/>
<path
d="M28.2462 7.78833C28.2462 6.68376 27.3508 5.78833 26.2462 5.78833H21.5558C20.4512 5.78833 19.5558 6.68376 19.5558 7.78833V16.9152C19.5558 17.926 19.1731 18.8994 18.4847 19.6395L15.6973 22.6362C14.2605 24.2352 13.9134 26.9359 15.6046 28.6336C17.2261 30.2613 20.2742 30.2142 21.7979 28.6336L26.8647 23.3202C27.7515 22.3902 28.2462 21.1546 28.2462 19.8696V7.78833Z"
fill="url(#paint3_radial_18_16592)"
/>
<path
d="M28.2462 7.78833C28.2462 6.68376 27.3508 5.78833 26.2462 5.78833H21.5558C20.4512 5.78833 19.5558 6.68376 19.5558 7.78833V16.9152C19.5558 17.926 19.1731 18.8994 18.4847 19.6395L15.6973 22.6362C14.2605 24.2352 13.9134 26.9359 15.6046 28.6336C17.2261 30.2613 20.2742 30.2142 21.7979 28.6336L26.8647 23.3202C27.7515 22.3902 28.2462 21.1546 28.2462 19.8696V7.78833Z"
fill="url(#paint4_linear_18_16592)"
/>
</g>
<g filter="url(#filter1_i_18_16592)">
<path
d="M17.5275 4.16333C17.5275 3.05876 16.632 2.16333 15.5275 2.16333H10.837C9.73247 2.16333 8.83704 3.05876 8.83704 4.16333V13.2902C8.83704 14.301 8.45435 15.2744 7.7659 16.0145L4.97854 19.0112C3.54173 20.6102 3.19461 23.3109 4.88584 25.0086C6.50735 26.6363 9.5555 26.5892 11.0791 25.0086L16.146 19.6952C17.0328 18.7652 17.5275 17.5296 17.5275 16.2446V4.16333Z"
fill="url(#paint5_linear_18_16592)"
/>
<path
d="M17.5275 4.16333C17.5275 3.05876 16.632 2.16333 15.5275 2.16333H10.837C9.73247 2.16333 8.83704 3.05876 8.83704 4.16333V13.2902C8.83704 14.301 8.45435 15.2744 7.7659 16.0145L4.97854 19.0112C3.54173 20.6102 3.19461 23.3109 4.88584 25.0086C6.50735 26.6363 9.5555 26.5892 11.0791 25.0086L16.146 19.6952C17.0328 18.7652 17.5275 17.5296 17.5275 16.2446V4.16333Z"
fill="url(#paint6_linear_18_16592)"
/>
<path
d="M17.5275 4.16333C17.5275 3.05876 16.632 2.16333 15.5275 2.16333H10.837C9.73247 2.16333 8.83704 3.05876 8.83704 4.16333V13.2902C8.83704 14.301 8.45435 15.2744 7.7659 16.0145L4.97854 19.0112C3.54173 20.6102 3.19461 23.3109 4.88584 25.0086C6.50735 26.6363 9.5555 26.5892 11.0791 25.0086L16.146 19.6952C17.0328 18.7652 17.5275 17.5296 17.5275 16.2446V4.16333Z"
fill="url(#paint7_radial_18_16592)"
/>
<path
d="M17.5275 4.16333C17.5275 3.05876 16.632 2.16333 15.5275 2.16333H10.837C9.73247 2.16333 8.83704 3.05876 8.83704 4.16333V13.2902C8.83704 14.301 8.45435 15.2744 7.7659 16.0145L4.97854 19.0112C3.54173 20.6102 3.19461 23.3109 4.88584 25.0086C6.50735 26.6363 9.5555 26.5892 11.0791 25.0086L16.146 19.6952C17.0328 18.7652 17.5275 17.5296 17.5275 16.2446V4.16333Z"
fill="url(#paint8_radial_18_16592)"
/>
<path
d="M17.5275 4.16333C17.5275 3.05876 16.632 2.16333 15.5275 2.16333H10.837C9.73247 2.16333 8.83704 3.05876 8.83704 4.16333V13.2902C8.83704 14.301 8.45435 15.2744 7.7659 16.0145L4.97854 19.0112C3.54173 20.6102 3.19461 23.3109 4.88584 25.0086C6.50735 26.6363 9.5555 26.5892 11.0791 25.0086L16.146 19.6952C17.0328 18.7652 17.5275 17.5296 17.5275 16.2446V4.16333Z"
fill="url(#paint9_linear_18_16592)"
/>
</g>
<path
d="M28.2461 9.24121H19.5557V10.3188H28.2461V9.24121Z"
fill="url(#paint10_linear_18_16592)"
/>
<path
d="M28.2461 9.24121H19.5557V10.3188H28.2461V9.24121Z"
fill="url(#paint11_linear_18_16592)"
/>
<path
d="M17.5273 5.61621H8.83691V6.69385H17.5273V5.61621Z"
fill="url(#paint12_linear_18_16592)"
/>
<path
d="M17.5273 5.61621H8.83691V6.69385H17.5273V5.61621Z"
fill="url(#paint13_linear_18_16592)"
/>
<path
d="M28.1691 7.23682C28.2192 7.41205 28.2461 7.59705 28.2461 7.78839V8.31445H19.5557V7.78839C19.5557 7.59705 19.5825 7.41205 19.6327 7.23682H28.1691Z"
fill="url(#paint14_linear_18_16592)"
/>
<path
d="M28.1691 7.23682C28.2192 7.41205 28.2461 7.59705 28.2461 7.78839V8.31445H19.5557V7.78839C19.5557 7.59705 19.5825 7.41205 19.6327 7.23682H28.1691Z"
fill="url(#paint15_linear_18_16592)"
/>
<path
d="M17.4503 3.61182C17.5005 3.78705 17.5273 3.97205 17.5273 4.16339V4.68945H8.83691V4.16339C8.83691 3.97205 8.86377 3.78705 8.91394 3.61182H17.4503Z"
fill="url(#paint16_linear_18_16592)"
/>
<path
d="M17.4503 3.61182C17.5005 3.78705 17.5273 3.97205 17.5273 4.16339V4.68945H8.83691V4.16339C8.83691 3.97205 8.86377 3.78705 8.91394 3.61182H17.4503Z"
fill="url(#paint17_linear_18_16592)"
/>
<g filter="url(#filter2_i_18_16592)">
<path
d="M28.2464 19.5771H23.2614C23.1081 19.5771 22.98 19.6961 22.98 19.8494C22.98 21.8578 24.4254 23.5285 26.3327 23.8782L26.8649 23.3201C27.7516 22.3902 28.2464 21.1545 28.2464 19.8695V19.5771Z"
fill="url(#paint18_radial_18_16592)"
/>
</g>
<g filter="url(#filter3_i_18_16592)">
<path
d="M17.5276 15.9521H12.5426C12.3893 15.9521 12.2612 16.0711 12.2612 16.2244C12.2612 18.2328 13.7067 19.9035 15.614 20.2532L16.1461 19.6951C17.0329 18.7652 17.5276 17.5295 17.5276 16.2445V15.9521Z"
fill="url(#paint19_radial_18_16592)"
/>
</g>
<g filter="url(#filter4_i_18_16592)">
<path
d="M21.189 29.1358C21.1894 29.1091 21.1896 29.0823 21.1896 29.0555C21.1896 26.0302 18.7371 23.5776 15.7118 23.5776C15.4771 23.5776 15.2459 23.5924 15.019 23.621C14.2018 25.1981 14.2255 27.2493 15.6046 28.6336C17.0317 30.0661 19.5637 30.2014 21.189 29.1358Z"
fill="url(#paint20_radial_18_16592)"
/>
</g>
<g filter="url(#filter5_i_18_16592)">
<path
d="M10.4703 25.5108C10.4707 25.4841 10.4709 25.4573 10.4709 25.4305C10.4709 22.4052 8.01836 19.9526 4.99303 19.9526C4.75838 19.9526 4.52715 19.9674 4.30025 19.996C3.48302 21.5731 3.5068 23.6243 4.88585 25.0086C6.31292 26.4411 8.84496 26.5764 10.4703 25.5108Z"
fill="url(#paint21_radial_18_16592)"
/>
</g>
<defs>
<filter
id="filter0_i_18_16592"
x={14.4722}
y={5.58833}
width={13.9742}
height={24.2485}
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.2} dy={-0.2} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.219608 0 0 0 0 0.545098 0 0 0 0 0.392157 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16592"
/>
</filter>
<filter
id="filter1_i_18_16592"
x={3.75342}
y={1.96333}
width={13.9742}
height={24.2485}
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.2} dy={-0.2} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.219608 0 0 0 0 0.545098 0 0 0 0 0.392157 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16592"
/>
</filter>
<filter
id="filter2_i_18_16592"
x={22.73}
y={19.5771}
width={5.51636}
height={4.30103}
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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.145098 0 0 0 0 0.435294 0 0 0 0 0.976471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16592"
/>
</filter>
<filter
id="filter3_i_18_16592"
x={12.0112}
y={15.9521}
width={5.51636}
height={4.30103}
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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.145098 0 0 0 0 0.435294 0 0 0 0 0.976471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16592"
/>
</filter>
<filter
id="filter4_i_18_16592"
x={14.4722}
y={23.3776}
width={6.96753}
height={6.45916}
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.25} dy={-0.2} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.329412 0 0 0 0 0.360784 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16592"
/>
</filter>
<filter
id="filter5_i_18_16592"
x={3.75342}
y={19.7526}
width={6.96753}
height={6.45916}
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.25} dy={-0.2} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.329412 0 0 0 0 0.360784 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16592"
/>
</filter>
<linearGradient
id="paint0_linear_18_16592"
x1={27.5974}
y1={7.03975}
x2={21.1085}
y2={26.9235}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#17E65A" />
<stop offset={1} stopColor="#52E3A0" />
</linearGradient>
<linearGradient
id="paint1_linear_18_16592"
x1={28.2462}
y1={18.9664}
x2={24.9837}
y2={18.9664}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#63FF88" />
<stop offset={1} stopColor="#63FF88" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_16592"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.2337 12.8414) scale(4.5 9.625)"
>
<stop stopColor="#2FB273" />
<stop offset={1} stopColor="#32D274" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_16592"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.8896 25.791) rotate(-44.8373) scale(3.48259 5.23375)"
>
<stop stopColor="#54E3A6" />
<stop offset={1} stopColor="#54E3A6" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_16592"
x1={23.9837}
y1={27.0914}
x2={22.1087}
y2={25.1539}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.208758} stopColor="#2CD07B" />
<stop offset={1} stopColor="#2FD07E" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_16592"
x1={16.8786}
y1={3.41475}
x2={10.3898}
y2={23.2985}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#17E65A" />
<stop offset={1} stopColor="#52E3A0" />
</linearGradient>
<linearGradient
id="paint6_linear_18_16592"
x1={17.5275}
y1={15.3414}
x2={14.265}
y2={15.3414}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#63FF88" />
<stop offset={1} stopColor="#63FF88" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_16592"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.51495 9.21643) scale(4.5 9.625)"
>
<stop stopColor="#2FB273" />
<stop offset={1} stopColor="#32D274" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_16592"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.1709 22.166) rotate(-44.8373) scale(3.48259 5.23375)"
>
<stop stopColor="#54E3A6" />
<stop offset={1} stopColor="#54E3A6" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_18_16592"
x1={13.265}
y1={23.4664}
x2={11.39}
y2={21.5289}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.208758} stopColor="#2CD07B" />
<stop offset={1} stopColor="#2FD07E" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_16592"
x1={20.4369}
y1={10.3188}
x2={27.0635}
y2={10.3188}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E9C05F" />
<stop offset={1} stopColor="#FFFD7E" />
</linearGradient>
<linearGradient
id="paint11_linear_18_16592"
x1={19.5557}
y1={10.3188}
x2={20.468}
y2={10.3188}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#999F49" />
<stop offset={1} stopColor="#CAB352" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_16592"
x1={9.71812}
y1={6.69385}
x2={16.3448}
y2={6.69385}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E9C05F" />
<stop offset={1} stopColor="#FFFD7E" />
</linearGradient>
<linearGradient
id="paint13_linear_18_16592"
x1={8.83691}
y1={6.69385}
x2={9.74921}
y2={6.69385}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#999F49" />
<stop offset={1} stopColor="#CAB352" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_16592"
x1={20.4369}
y1={8.31445}
x2={27.0635}
y2={8.31445}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E9C05F" />
<stop offset={1} stopColor="#FFFD7E" />
</linearGradient>
<linearGradient
id="paint15_linear_18_16592"
x1={19.5557}
y1={8.31445}
x2={20.468}
y2={8.31445}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#999F49" />
<stop offset={1} stopColor="#CAB352" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_16592"
x1={9.71812}
y1={4.68945}
x2={16.3448}
y2={4.68945}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E9C05F" />
<stop offset={1} stopColor="#FFFD7E" />
</linearGradient>
<linearGradient
id="paint17_linear_18_16592"
x1={8.83691}
y1={4.68945}
x2={9.74921}
y2={4.68945}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#999F49" />
<stop offset={1} stopColor="#CAB352" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint18_radial_18_16592"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.2998 19.5771) rotate(99.7178) scale(4.06752 3.57478)"
>
<stop offset={0.146986} stopColor="#5284FF" />
<stop offset={1} stopColor="#3F70FF" />
</radialGradient>
<radialGradient
id="paint19_radial_18_16592"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.581 15.9521) rotate(99.7178) scale(4.06752 3.57478)"
>
<stop offset={0.146986} stopColor="#5284FF" />
<stop offset={1} stopColor="#3F70FF" />
</radialGradient>
<radialGradient
id="paint20_radial_18_16592"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.5524 27.9431) rotate(167.471) scale(7.26438 7.73191)"
>
<stop offset={0.26782} stopColor="#4E8EFF" />
<stop offset={0.920415} stopColor="#2364D1" />
</radialGradient>
<radialGradient
id="paint21_radial_18_16592"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.83361 24.3181) rotate(167.471) scale(7.26438 7.73191)"
>
<stop offset={0.26782} stopColor="#4E8EFF" />
<stop offset={0.920415} stopColor="#2364D1" />
</radialGradient>
</defs>
</svg>
);
module.exports = SocksIcon;