@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
338 lines (337 loc) • 14.9 kB
JSX
const React = require("react");
const BackhandIndexPointingDownIcon = ({ 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_20020_5429)">
<path
d="M28.0419 13.8808C29.2816 14.7406 29.7436 16.4765 28.9305 17.7287C28.1173 18.9809 26.48 19.3235 25.2278 18.5103L22.6175 16.8152L22.6175 27.345C22.6175 28.8014 21.4369 29.982 19.9806 29.982C18.5242 29.982 17.3436 28.8014 17.3436 27.345L17.3436 23.061C16.9258 23.8529 16.0942 24.3928 15.1366 24.3928C14.0459 24.3928 13.1188 23.6926 12.7802 22.7172C12.2851 23.229 11.5911 23.5472 10.8228 23.5472C9.67553 23.5472 8.69394 22.8377 8.293 21.8334C7.81707 22.2407 7.19899 22.4867 6.52345 22.4867C5.0196 22.4867 3.80049 21.2676 3.80049 19.7638L3.80049 16.661C3.80049 16.6263 3.80114 16.5918 3.80243 16.5574L3.80243 11.6983C3.80243 10.267 4.65069 7.82037 6.31224 5.67559C6.47794 5.45537 6.65358 5.24284 6.83851 5.03863C6.84211 5.03455 6.8457 5.03047 6.84931 5.0264C6.84925 5.02635 6.84936 5.02645 6.84931 5.0264C8.5275 3.17995 10.9669 2.01801 13.6819 2.01801C16.8309 2.01801 19.609 3.58131 21.2588 5.96251C21.8621 6.79543 22.1506 7.46897 22.4372 8.1382C22.6569 8.65106 22.8754 9.16139 23.2338 9.73897C23.8002 10.652 24.6332 11.3295 25.0986 11.708C25.1336 11.7365 25.1666 11.7633 25.1972 11.7883L25.1949 11.7888L28.0419 13.8808Z"
fill="url(#paint0_radial_20020_5429)"
/>
<path
d="M28.0419 13.8808C29.2816 14.7406 29.7436 16.4765 28.9305 17.7287C28.1173 18.9809 26.48 19.3235 25.2278 18.5103L22.6175 16.8152L22.6175 27.345C22.6175 28.8014 21.4369 29.982 19.9806 29.982C18.5242 29.982 17.3436 28.8014 17.3436 27.345L17.3436 23.061C16.9258 23.8529 16.0942 24.3928 15.1366 24.3928C14.0459 24.3928 13.1188 23.6926 12.7802 22.7172C12.2851 23.229 11.5911 23.5472 10.8228 23.5472C9.67553 23.5472 8.69394 22.8377 8.293 21.8334C7.81707 22.2407 7.19899 22.4867 6.52345 22.4867C5.0196 22.4867 3.80049 21.2676 3.80049 19.7638L3.80049 16.661C3.80049 16.6263 3.80114 16.5918 3.80243 16.5574L3.80243 11.6983C3.80243 10.267 4.65069 7.82037 6.31224 5.67559C6.47794 5.45537 6.65358 5.24284 6.83851 5.03863C6.84211 5.03455 6.8457 5.03047 6.84931 5.0264C6.84925 5.02635 6.84936 5.02645 6.84931 5.0264C8.5275 3.17995 10.9669 2.01801 13.6819 2.01801C16.8309 2.01801 19.609 3.58131 21.2588 5.96251C21.8621 6.79543 22.1506 7.46897 22.4372 8.1382C22.6569 8.65106 22.8754 9.16139 23.2338 9.73897C23.8002 10.652 24.6332 11.3295 25.0986 11.708C25.1336 11.7365 25.1666 11.7633 25.1972 11.7883L25.1949 11.7888L28.0419 13.8808Z"
fill="url(#paint1_linear_20020_5429)"
/>
<path
d="M28.0419 13.8808C29.2816 14.7406 29.7436 16.4765 28.9305 17.7287C28.1173 18.9809 26.48 19.3235 25.2278 18.5103L22.6175 16.8152L22.6175 27.345C22.6175 28.8014 21.4369 29.982 19.9806 29.982C18.5242 29.982 17.3436 28.8014 17.3436 27.345L17.3436 23.061C16.9258 23.8529 16.0942 24.3928 15.1366 24.3928C14.0459 24.3928 13.1188 23.6926 12.7802 22.7172C12.2851 23.229 11.5911 23.5472 10.8228 23.5472C9.67553 23.5472 8.69394 22.8377 8.293 21.8334C7.81707 22.2407 7.19899 22.4867 6.52345 22.4867C5.0196 22.4867 3.80049 21.2676 3.80049 19.7638L3.80049 16.661C3.80049 16.6263 3.80114 16.5918 3.80243 16.5574L3.80243 11.6983C3.80243 10.267 4.65069 7.82037 6.31224 5.67559C6.47794 5.45537 6.65358 5.24284 6.83851 5.03863C6.84211 5.03455 6.8457 5.03047 6.84931 5.0264C6.84925 5.02635 6.84936 5.02645 6.84931 5.0264C8.5275 3.17995 10.9669 2.01801 13.6819 2.01801C16.8309 2.01801 19.609 3.58131 21.2588 5.96251C21.8621 6.79543 22.1506 7.46897 22.4372 8.1382C22.6569 8.65106 22.8754 9.16139 23.2338 9.73897C23.8002 10.652 24.6332 11.3295 25.0986 11.708C25.1336 11.7365 25.1666 11.7633 25.1972 11.7883L25.1949 11.7888L28.0419 13.8808Z"
fill="url(#paint2_radial_20020_5429)"
/>
<path
d="M28.0419 13.8808C29.2816 14.7406 29.7436 16.4765 28.9305 17.7287C28.1173 18.9809 26.48 19.3235 25.2278 18.5103L22.6175 16.8152L22.6175 27.345C22.6175 28.8014 21.4369 29.982 19.9806 29.982C18.5242 29.982 17.3436 28.8014 17.3436 27.345L17.3436 23.061C16.9258 23.8529 16.0942 24.3928 15.1366 24.3928C14.0459 24.3928 13.1188 23.6926 12.7802 22.7172C12.2851 23.229 11.5911 23.5472 10.8228 23.5472C9.67553 23.5472 8.69394 22.8377 8.293 21.8334C7.81707 22.2407 7.19899 22.4867 6.52345 22.4867C5.0196 22.4867 3.80049 21.2676 3.80049 19.7638L3.80049 16.661C3.80049 16.6263 3.80114 16.5918 3.80243 16.5574L3.80243 11.6983C3.80243 10.267 4.65069 7.82037 6.31224 5.67559C6.47794 5.45537 6.65358 5.24284 6.83851 5.03863C6.84211 5.03455 6.8457 5.03047 6.84931 5.0264C6.84925 5.02635 6.84936 5.02645 6.84931 5.0264C8.5275 3.17995 10.9669 2.01801 13.6819 2.01801C16.8309 2.01801 19.609 3.58131 21.2588 5.96251C21.8621 6.79543 22.1506 7.46897 22.4372 8.1382C22.6569 8.65106 22.8754 9.16139 23.2338 9.73897C23.8002 10.652 24.6332 11.3295 25.0986 11.708C25.1336 11.7365 25.1666 11.7633 25.1972 11.7883L25.1949 11.7888L28.0419 13.8808Z"
fill="url(#paint3_radial_20020_5429)"
/>
<path
d="M28.0419 13.8808C29.2816 14.7406 29.7436 16.4765 28.9305 17.7287C28.1173 18.9809 26.48 19.3235 25.2278 18.5103L22.6175 16.8152L22.6175 27.345C22.6175 28.8014 21.4369 29.982 19.9806 29.982C18.5242 29.982 17.3436 28.8014 17.3436 27.345L17.3436 23.061C16.9258 23.8529 16.0942 24.3928 15.1366 24.3928C14.0459 24.3928 13.1188 23.6926 12.7802 22.7172C12.2851 23.229 11.5911 23.5472 10.8228 23.5472C9.67553 23.5472 8.69394 22.8377 8.293 21.8334C7.81707 22.2407 7.19899 22.4867 6.52345 22.4867C5.0196 22.4867 3.80049 21.2676 3.80049 19.7638L3.80049 16.661C3.80049 16.6263 3.80114 16.5918 3.80243 16.5574L3.80243 11.6983C3.80243 10.267 4.65069 7.82037 6.31224 5.67559C6.47794 5.45537 6.65358 5.24284 6.83851 5.03863C6.84211 5.03455 6.8457 5.03047 6.84931 5.0264C6.84925 5.02635 6.84936 5.02645 6.84931 5.0264C8.5275 3.17995 10.9669 2.01801 13.6819 2.01801C16.8309 2.01801 19.609 3.58131 21.2588 5.96251C21.8621 6.79543 22.1506 7.46897 22.4372 8.1382C22.6569 8.65106 22.8754 9.16139 23.2338 9.73897C23.8002 10.652 24.6332 11.3295 25.0986 11.708C25.1336 11.7365 25.1666 11.7633 25.1972 11.7883L25.1949 11.7888L28.0419 13.8808Z"
fill="url(#paint4_radial_20020_5429)"
/>
</g>
<path
d="M17.3436 19.4904V27.345C17.3436 28.8014 18.5242 29.982 19.9805 29.982C21.4369 29.982 22.6175 28.8014 22.6175 27.345V19.4904H17.3436Z"
fill="url(#paint5_linear_20020_5429)"
/>
<path
d="M17.3436 19.4904V27.345C17.3436 28.8014 18.5242 29.982 19.9805 29.982C21.4369 29.982 22.6175 28.8014 22.6175 27.345V19.4904H17.3436Z"
fill="url(#paint6_linear_20020_5429)"
/>
<g filter="url(#filter1_f_20020_5429)">
<rect
x={20.2794}
y={16}
width={1.46978}
height={12.2583}
rx={0.734891}
fill="url(#paint7_linear_20020_5429)"
/>
</g>
<g filter="url(#filter2_f_20020_5429)">
<rect
x={22.3173}
y={12.9457}
width={1.82833}
height={6.63341}
rx={0.914163}
transform="rotate(-51.1646 22.3173 12.9457)"
fill="url(#paint8_linear_20020_5429)"
/>
</g>
<g filter="url(#filter3_f_20020_5429)">
<rect
x={6.14874}
y={17.9677}
width={1.78758}
height={3.16418}
rx={0.893788}
fill="#FFC045"
/>
</g>
<g filter="url(#filter4_f_20020_5429)">
<rect
x={10.7914}
y={18.965}
width={1.78758}
height={3.16418}
rx={0.893788}
fill="#FFC045"
/>
</g>
<g filter="url(#filter5_f_20020_5429)">
<rect
x={15.1062}
y={19.9101}
width={1.78758}
height={3.16418}
rx={0.893788}
fill="#FFC045"
/>
</g>
<defs>
<filter
id="filter0_i_20020_5429"
x={3.80051}
y={1.26801}
width={26.5367}
height={28.714}
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} dy={-0.75} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.901961 0 0 0 0 0.513726 0 0 0 0 0.258824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_5429"
/>
</filter>
<filter
id="filter1_f_20020_5429"
x={18.7794}
y={14.5}
width={4.46979}
height={15.2583}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_20020_5429"
/>
</filter>
<filter
id="filter2_f_20020_5429"
x={21.1884}
y={10.3926}
width={8.5713}
height={7.84161}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_20020_5429"
/>
</filter>
<filter
id="filter3_f_20020_5429"
x={5.14874}
y={16.9677}
width={3.78757}
height={5.16418}
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_20020_5429"
/>
</filter>
<filter
id="filter4_f_20020_5429"
x={9.79144}
y={17.965}
width={3.78758}
height={5.16418}
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_20020_5429"
/>
</filter>
<filter
id="filter5_f_20020_5429"
x={14.1062}
y={18.9101}
width={3.78758}
height={5.16418}
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_20020_5429"
/>
</filter>
<radialGradient
id="paint0_radial_20020_5429"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.6409 7.53002) rotate(130.04) scale(21.6737 31.9334)"
>
<stop offset={0.0701602} stopColor="#FFD43E" />
<stop offset={1} stopColor="#FDB236" />
</radialGradient>
<linearGradient
id="paint1_linear_20020_5429"
x1={1.58742}
y1={14.1049}
x2={22.8737}
y2={14.1049}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F4A524" />
<stop offset={0.293436} stopColor="#F4A524" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_20020_5429"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.1523 7.27659) rotate(134.318) scale(9.09736 21.4433)"
>
<stop offset={0.00553043} stopColor="#FFE040" />
<stop offset={1} stopColor="#FFE040" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_20020_5429"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.08014 22.5701) rotate(-90) scale(4.19151 2.37896)"
>
<stop stopColor="#EB7B5D" />
<stop offset={1} stopColor="#EB7B5D" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_20020_5429"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.7237 23.5975) rotate(-90) scale(3.94495 2.95871)"
>
<stop stopColor="#EB7B5D" />
<stop offset={1} stopColor="#EB7B5D" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_20020_5429"
x1={16.6569}
y1={24.5403}
x2={19.9805}
y2={24.5403}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E7942D" />
<stop offset={1} stopColor="#E7942D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_20020_5429"
x1={19.0247}
y1={19.4904}
x2={19.0247}
y2={22.5498}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC13A" />
<stop offset={1} stopColor="#FFC83C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_20020_5429"
x1={21.0143}
y1={12.6667}
x2={21.0143}
y2={28.2583}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFDC45" stopOpacity={0} />
<stop offset={1} stopColor="#FFDC45" />
</linearGradient>
<linearGradient
id="paint8_linear_20020_5429"
x1={23.2314}
y1={11.1419}
x2={23.2314}
y2={19.5791}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE548" stopOpacity={0} />
<stop offset={1} stopColor="#FFE548" />
</linearGradient>
</defs>
</svg>
);
module.exports = BackhandIndexPointingDownIcon;