@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
413 lines (412 loc) • 19.8 kB
JSX
const React = require("react");
const BackhandIndexPointingRightIcon = ({ 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_2809)">
<path
d="M13.8808 4.52697C14.7406 3.28731 16.4765 2.82528 17.7287 3.63844C18.9809 4.4516 19.3235 6.08895 18.5103 7.34111L16.8152 9.95139H27.345C28.8014 9.95139 29.982 11.132 29.982 12.5884C29.982 14.0447 28.8014 15.2253 27.345 15.2253H23.061C23.8529 15.6431 24.3928 16.4747 24.3928 17.4324C24.3928 18.523 23.6926 19.4501 22.7172 19.7887C23.229 20.2838 23.5472 20.9778 23.5472 21.7461C23.5472 22.8934 22.8377 23.875 21.8334 24.2759C22.2407 24.7518 22.4867 25.3699 22.4867 26.0455C22.4867 27.5493 21.2676 28.7684 19.7638 28.7684H16.661C16.6263 28.7684 16.5918 28.7678 16.5574 28.7665H11.6983C10.267 28.7665 7.82037 27.9182 5.67559 26.2567C5.45537 26.091 5.24284 25.9153 5.03863 25.7304C5.03455 25.7268 5.03047 25.7232 5.0264 25.7196C5.02635 25.7197 5.02645 25.7195 5.0264 25.7196C3.17995 24.0414 2.01801 21.602 2.01801 18.887C2.01801 15.738 3.58131 12.9599 5.96251 11.3101C6.79543 10.7068 7.46898 10.4183 8.1382 10.1317C8.65106 9.91205 9.16139 9.69349 9.73897 9.33514C10.652 8.76867 11.3295 7.93569 11.708 7.47027C11.7365 7.43526 11.7633 7.40233 11.7883 7.37175L11.7888 7.37401L13.8808 4.52697Z"
fill="url(#paint0_radial_20020_2809)"
/>
<path
d="M13.8808 4.52697C14.7406 3.28731 16.4765 2.82528 17.7287 3.63844C18.9809 4.4516 19.3235 6.08895 18.5103 7.34111L16.8152 9.95139H27.345C28.8014 9.95139 29.982 11.132 29.982 12.5884C29.982 14.0447 28.8014 15.2253 27.345 15.2253H23.061C23.8529 15.6431 24.3928 16.4747 24.3928 17.4324C24.3928 18.523 23.6926 19.4501 22.7172 19.7887C23.229 20.2838 23.5472 20.9778 23.5472 21.7461C23.5472 22.8934 22.8377 23.875 21.8334 24.2759C22.2407 24.7518 22.4867 25.3699 22.4867 26.0455C22.4867 27.5493 21.2676 28.7684 19.7638 28.7684H16.661C16.6263 28.7684 16.5918 28.7678 16.5574 28.7665H11.6983C10.267 28.7665 7.82037 27.9182 5.67559 26.2567C5.45537 26.091 5.24284 25.9153 5.03863 25.7304C5.03455 25.7268 5.03047 25.7232 5.0264 25.7196C5.02635 25.7197 5.02645 25.7195 5.0264 25.7196C3.17995 24.0414 2.01801 21.602 2.01801 18.887C2.01801 15.738 3.58131 12.9599 5.96251 11.3101C6.79543 10.7068 7.46898 10.4183 8.1382 10.1317C8.65106 9.91205 9.16139 9.69349 9.73897 9.33514C10.652 8.76867 11.3295 7.93569 11.708 7.47027C11.7365 7.43526 11.7633 7.40233 11.7883 7.37175L11.7888 7.37401L13.8808 4.52697Z"
fill="url(#paint1_radial_20020_2809)"
/>
<path
d="M13.8808 4.52697C14.7406 3.28731 16.4765 2.82528 17.7287 3.63844C18.9809 4.4516 19.3235 6.08895 18.5103 7.34111L16.8152 9.95139H27.345C28.8014 9.95139 29.982 11.132 29.982 12.5884C29.982 14.0447 28.8014 15.2253 27.345 15.2253H23.061C23.8529 15.6431 24.3928 16.4747 24.3928 17.4324C24.3928 18.523 23.6926 19.4501 22.7172 19.7887C23.229 20.2838 23.5472 20.9778 23.5472 21.7461C23.5472 22.8934 22.8377 23.875 21.8334 24.2759C22.2407 24.7518 22.4867 25.3699 22.4867 26.0455C22.4867 27.5493 21.2676 28.7684 19.7638 28.7684H16.661C16.6263 28.7684 16.5918 28.7678 16.5574 28.7665H11.6983C10.267 28.7665 7.82037 27.9182 5.67559 26.2567C5.45537 26.091 5.24284 25.9153 5.03863 25.7304C5.03455 25.7268 5.03047 25.7232 5.0264 25.7196C5.02635 25.7197 5.02645 25.7195 5.0264 25.7196C3.17995 24.0414 2.01801 21.602 2.01801 18.887C2.01801 15.738 3.58131 12.9599 5.96251 11.3101C6.79543 10.7068 7.46898 10.4183 8.1382 10.1317C8.65106 9.91205 9.16139 9.69349 9.73897 9.33514C10.652 8.76867 11.3295 7.93569 11.708 7.47027C11.7365 7.43526 11.7633 7.40233 11.7883 7.37175L11.7888 7.37401L13.8808 4.52697Z"
fill="url(#paint2_radial_20020_2809)"
/>
<path
d="M13.8808 4.52697C14.7406 3.28731 16.4765 2.82528 17.7287 3.63844C18.9809 4.4516 19.3235 6.08895 18.5103 7.34111L16.8152 9.95139H27.345C28.8014 9.95139 29.982 11.132 29.982 12.5884C29.982 14.0447 28.8014 15.2253 27.345 15.2253H23.061C23.8529 15.6431 24.3928 16.4747 24.3928 17.4324C24.3928 18.523 23.6926 19.4501 22.7172 19.7887C23.229 20.2838 23.5472 20.9778 23.5472 21.7461C23.5472 22.8934 22.8377 23.875 21.8334 24.2759C22.2407 24.7518 22.4867 25.3699 22.4867 26.0455C22.4867 27.5493 21.2676 28.7684 19.7638 28.7684H16.661C16.6263 28.7684 16.5918 28.7678 16.5574 28.7665H11.6983C10.267 28.7665 7.82037 27.9182 5.67559 26.2567C5.45537 26.091 5.24284 25.9153 5.03863 25.7304C5.03455 25.7268 5.03047 25.7232 5.0264 25.7196C5.02635 25.7197 5.02645 25.7195 5.0264 25.7196C3.17995 24.0414 2.01801 21.602 2.01801 18.887C2.01801 15.738 3.58131 12.9599 5.96251 11.3101C6.79543 10.7068 7.46898 10.4183 8.1382 10.1317C8.65106 9.91205 9.16139 9.69349 9.73897 9.33514C10.652 8.76867 11.3295 7.93569 11.708 7.47027C11.7365 7.43526 11.7633 7.40233 11.7883 7.37175L11.7888 7.37401L13.8808 4.52697Z"
fill="url(#paint3_radial_20020_2809)"
/>
<path
d="M13.8808 4.52697C14.7406 3.28731 16.4765 2.82528 17.7287 3.63844C18.9809 4.4516 19.3235 6.08895 18.5103 7.34111L16.8152 9.95139H27.345C28.8014 9.95139 29.982 11.132 29.982 12.5884C29.982 14.0447 28.8014 15.2253 27.345 15.2253H23.061C23.8529 15.6431 24.3928 16.4747 24.3928 17.4324C24.3928 18.523 23.6926 19.4501 22.7172 19.7887C23.229 20.2838 23.5472 20.9778 23.5472 21.7461C23.5472 22.8934 22.8377 23.875 21.8334 24.2759C22.2407 24.7518 22.4867 25.3699 22.4867 26.0455C22.4867 27.5493 21.2676 28.7684 19.7638 28.7684H16.661C16.6263 28.7684 16.5918 28.7678 16.5574 28.7665H11.6983C10.267 28.7665 7.82037 27.9182 5.67559 26.2567C5.45537 26.091 5.24284 25.9153 5.03863 25.7304C5.03455 25.7268 5.03047 25.7232 5.0264 25.7196C5.02635 25.7197 5.02645 25.7195 5.0264 25.7196C3.17995 24.0414 2.01801 21.602 2.01801 18.887C2.01801 15.738 3.58131 12.9599 5.96251 11.3101C6.79543 10.7068 7.46898 10.4183 8.1382 10.1317C8.65106 9.91205 9.16139 9.69349 9.73897 9.33514C10.652 8.76867 11.3295 7.93569 11.708 7.47027C11.7365 7.43526 11.7633 7.40233 11.7883 7.37175L11.7888 7.37401L13.8808 4.52697Z"
fill="url(#paint4_radial_20020_2809)"
/>
</g>
<path
d="M13.8808 4.52697C14.7406 3.28731 16.4765 2.82528 17.7287 3.63844C18.9809 4.4516 19.3235 6.08895 18.5103 7.34111L16.8152 9.95139H27.345C28.8014 9.95139 29.982 11.132 29.982 12.5884C29.982 14.0447 28.8014 15.2253 27.345 15.2253H23.061C23.8529 15.6431 24.3928 16.4747 24.3928 17.4324C24.3928 18.523 23.6926 19.4501 22.7172 19.7887C23.229 20.2838 23.5472 20.9778 23.5472 21.7461C23.5472 22.8934 22.8377 23.875 21.8334 24.2759C22.2407 24.7518 22.4867 25.3699 22.4867 26.0455C22.4867 27.5493 21.2676 28.7684 19.7638 28.7684H16.661C16.6263 28.7684 16.5918 28.7678 16.5574 28.7665H11.6983C10.267 28.7665 7.82037 27.9182 5.67559 26.2567C5.45537 26.091 5.24284 25.9153 5.03863 25.7304C5.03455 25.7268 5.03047 25.7232 5.0264 25.7196C5.02635 25.7197 5.02645 25.7195 5.0264 25.7196C3.17995 24.0414 2.01801 21.602 2.01801 18.887C2.01801 15.738 3.58131 12.9599 5.96251 11.3101C6.79543 10.7068 7.46898 10.4183 8.1382 10.1317C8.65106 9.91205 9.16139 9.69349 9.73897 9.33514C10.652 8.76867 11.3295 7.93569 11.708 7.47027C11.7365 7.43526 11.7633 7.40233 11.7883 7.37175L11.7888 7.37401L13.8808 4.52697Z"
fill="url(#paint5_radial_20020_2809)"
/>
<path
d="M13.8808 4.52697C14.7406 3.28731 16.4765 2.82528 17.7287 3.63844C18.9809 4.4516 19.3235 6.08895 18.5103 7.34111L16.8152 9.95139H27.345C28.8014 9.95139 29.982 11.132 29.982 12.5884C29.982 14.0447 28.8014 15.2253 27.345 15.2253H23.061C23.8529 15.6431 24.3928 16.4747 24.3928 17.4324C24.3928 18.523 23.6926 19.4501 22.7172 19.7887C23.229 20.2838 23.5472 20.9778 23.5472 21.7461C23.5472 22.8934 22.8377 23.875 21.8334 24.2759C22.2407 24.7518 22.4867 25.3699 22.4867 26.0455C22.4867 27.5493 21.2676 28.7684 19.7638 28.7684H16.661C16.6263 28.7684 16.5918 28.7678 16.5574 28.7665H11.6983C10.267 28.7665 7.82037 27.9182 5.67559 26.2567C5.45537 26.091 5.24284 25.9153 5.03863 25.7304C5.03455 25.7268 5.03047 25.7232 5.0264 25.7196C5.02635 25.7197 5.02645 25.7195 5.0264 25.7196C3.17995 24.0414 2.01801 21.602 2.01801 18.887C2.01801 15.738 3.58131 12.9599 5.96251 11.3101C6.79543 10.7068 7.46898 10.4183 8.1382 10.1317C8.65106 9.91205 9.16139 9.69349 9.73897 9.33514C10.652 8.76867 11.3295 7.93569 11.708 7.47027C11.7365 7.43526 11.7633 7.40233 11.7883 7.37175L11.7888 7.37401L13.8808 4.52697Z"
fill="url(#paint6_radial_20020_2809)"
/>
<rect
width={14.8643}
height={5.27393}
rx={2.63697}
transform="matrix(-1 0 0 1 29.982 9.95129)"
fill="url(#paint7_linear_20020_2809)"
/>
<rect
width={14.8643}
height={5.27393}
rx={2.63697}
transform="matrix(-1 0 0 1 29.982 9.95129)"
fill="url(#paint8_linear_20020_2809)"
/>
<path
d="M17.7287 3.63844C16.4765 2.82529 14.7407 3.28731 13.8808 4.52696L11.7888 7.37401L11.7884 7.37175C11.7643 7.40115 11.7386 7.43272 11.7113 7.46623L11.708 7.47027C11.3295 7.93568 10.652 8.76867 9.73898 9.33514C9.31723 9.59682 8.93134 9.78393 8.55414 9.95138H16.8152L18.5103 7.34111C19.3235 6.08894 18.9809 4.4516 17.7287 3.63844Z"
fill="url(#paint9_linear_20020_2809)"
/>
<path
d="M17.7287 3.63844C16.4765 2.82529 14.7407 3.28731 13.8808 4.52696L11.7888 7.37401L11.7884 7.37175C11.7643 7.40115 11.7386 7.43272 11.7113 7.46623L11.708 7.47027C11.3295 7.93568 10.652 8.76867 9.73898 9.33514C9.31723 9.59682 8.93134 9.78393 8.55414 9.95138H16.8152L18.5103 7.34111C19.3235 6.08894 18.9809 4.4516 17.7287 3.63844Z"
fill="url(#paint10_linear_20020_2809)"
/>
<g filter="url(#filter1_f_20020_2809)">
<rect
width={13.3153}
height={2.11985}
rx={1.05992}
transform="matrix(-1 0 0 1 28.0377 10.7961)"
fill="url(#paint11_linear_20020_2809)"
/>
</g>
<g filter="url(#filter2_f_20020_2809)">
<rect
width={9.12205}
height={2.16673}
rx={1.08336}
transform="matrix(-0.616836 0.787091 0.787091 0.616836 15.9599 4.0719)"
fill="url(#paint12_linear_20020_2809)"
/>
</g>
<g filter="url(#filter3_f_20020_2809)">
<rect
width={4.88453}
height={2.65039}
rx={1.3252}
transform="matrix(-1 0 0 1 23.0698 15.2252)"
fill="#FFBE33"
/>
</g>
<g filter="url(#filter4_f_20020_2809)">
<rect
width={4.88453}
height={2.65039}
rx={1.3252}
transform="matrix(-1 0 0 1 22.5498 19.7847)"
fill="#FFBE33"
/>
</g>
<g filter="url(#filter5_f_20020_2809)">
<rect
width={3.71476}
height={2.21069}
rx={1.10535}
transform="matrix(-1 0 0 1 21.3801 23.9443)"
fill="#FFBE33"
/>
</g>
<path
d="M24.3875 17.5956H17.9653V15.2252H23.061C23.8529 15.643 24.3928 16.4746 24.3928 17.4323C24.3928 17.4872 24.391 17.5416 24.3875 17.5956Z"
fill="url(#paint13_radial_20020_2809)"
/>
<defs>
<filter
id="filter0_i_20020_2809"
x={2.01801}
y={2.48169}
width={27.964}
height={26.2867}
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.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_2809"
/>
</filter>
<filter
id="filter1_f_20020_2809"
x={13.2224}
y={9.29614}
width={16.3153}
height={5.11987}
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_2809"
/>
</filter>
<filter
id="filter2_f_20020_2809"
x={9.27065}
y={3.0094}
width={9.45711}
height={10.6414}
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_2809"
/>
</filter>
<filter
id="filter3_f_20020_2809"
x={17.1853}
y={14.2252}
width={6.88454}
height={4.65039}
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_2809"
/>
</filter>
<filter
id="filter4_f_20020_2809"
x={16.6653}
y={18.7847}
width={6.88454}
height={4.65039}
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_2809"
/>
</filter>
<filter
id="filter5_f_20020_2809"
x={16.6653}
y={22.9443}
width={5.71477}
height={4.21069}
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_2809"
/>
</filter>
<radialGradient
id="paint0_radial_20020_2809"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.05733 15.5546) rotate(45.7073) scale(17.4153 25.8784)"
>
<stop stopColor="#FFCB42" />
<stop offset={1} stopColor="#F9AD28" />
</radialGradient>
<radialGradient
id="paint1_radial_20020_2809"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.6248 19.2356) rotate(180) scale(6.51954 1.95986)"
>
<stop stopColor="#DA7C44" />
<stop offset={0.763158} stopColor="#DA7C44" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_20020_2809"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.3049 24.3153) rotate(-180) scale(7.0795 1.51989)"
>
<stop stopColor="#DA7C44" />
<stop offset={0.763158} stopColor="#DA7C44" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_20020_2809"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.7295 19.7899) rotate(-180) scale(2.47656 0.109375)"
>
<stop stopColor="#B65B01" />
<stop offset={1} stopColor="#B65B01" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_20020_2809"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.8311 24.2587) rotate(-180) scale(2.375 0.203126)"
>
<stop stopColor="#B65B01" />
<stop offset={1} stopColor="#B65B01" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_20020_2809"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.8944 19.0207) rotate(180) scale(20.3602 23.0505)"
>
<stop offset={0.736004} stopColor="#FFEA4A" stopOpacity={0} />
<stop offset={1} stopColor="#FFEA4A" />
</radialGradient>
<radialGradient
id="paint6_radial_20020_2809"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.65921 9.88367) rotate(55.561) scale(2.65239 8.16187)"
>
<stop stopColor="#FFEA4A" />
<stop offset={1} stopColor="#FFEA4A" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_20020_2809"
x1={5.44172}
y1={6.21133}
x2={5.44172}
y2={3.74862}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E67B58" />
<stop offset={1} stopColor="#E67B58" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_20020_2809"
x1={13.9189}
y1={5.27393}
x2={4.83723}
y2={5.27393}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FDBF38" />
<stop offset={1} stopColor="#FDBF38" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_20020_2809"
x1={11.8467}
y1={6.13367}
x2={14.3467}
y2={8.50867}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE645" />
<stop offset={1} stopColor="#FFE645" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_20020_2809"
x1={18.128}
y1={9.10242}
x2={15.9717}
y2={7.75867}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E79325" />
<stop offset={1} stopColor="#E79325" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_20020_2809"
x1={3.79891}
y1={2.35759}
x2={15.9908}
y2={2.35759}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD12D" />
<stop offset={1} stopColor="#FFD12D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_20020_2809"
x1={4.53222}
y1={0.0122253}
x2={4.76129}
y2={2.65697}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD12D" />
<stop offset={1} stopColor="#FFD12D" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint13_radial_20020_2809"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.785 14.9158) rotate(20.4027) scale(3.49929 0.792518)"
>
<stop stopColor="#8F4709" />
<stop offset={1} stopColor="#8F4709" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = BackhandIndexPointingRightIcon;