@jstnmthw/react-fluentui-emoji/icons/HandWithIndexFingerAndThumbCrossedIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const HandWithIndexFingerAndThumbCrossedIcon = ({
  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_2427)">
      <path
        d="M9.58571 7.51997C9.98571 8.59497 10.3357 10.0512 10.3826 10.6137L14.203 5.03559C13.3281 3.11371 12.1185 2.28982 11.0391 2.16839C9.78906 2.02776 8.64062 2.59027 8.24215 3.93404C7.98437 5.31685 9.08571 6.17622 9.58571 7.51997Z"
        fill="url(#paint0_radial_20020_2427)"
      />
      <path
        d="M9.58571 7.51997C9.98571 8.59497 10.3357 10.0512 10.3826 10.6137L14.203 5.03559C13.3281 3.11371 12.1185 2.28982 11.0391 2.16839C9.78906 2.02776 8.64062 2.59027 8.24215 3.93404C7.98437 5.31685 9.08571 6.17622 9.58571 7.51997Z"
        fill="url(#paint1_radial_20020_2427)"
      />
    </g>
    <g filter="url(#filter1_iii_20020_2427)">
      <path
        d="M14.4219 3.51996C15.2047 2.23056 16.9359 1.67602 18.2252 2.4588C19.5147 3.24157 19.9254 4.92141 19.1426 6.21081L16.891 9.91961C17.6885 9.6268 18.6093 9.70086 19.3758 10.2004C20.3695 10.8481 20.8137 12.0221 20.5806 13.1167C21.2588 13.0027 21.9801 13.1332 22.6017 13.5384C23.6344 14.2115 24.0847 15.4424 23.8146 16.5766C24.3672 16.5713 24.9318 16.7338 25.4573 17.098C26.7698 17.9105 27.2073 19.9886 26.3312 21.5569L23.3675 25.8871C23.3595 25.8993 23.3517 25.9116 23.3438 25.9238C18.9652 32.6905 11.4694 30.1867 7.03542 24.9418C4.03542 20.9668 5.37917 17.723 6.55117 15.9027L10.9613 9.16052L14.4219 3.51996Z"
        fill="url(#paint2_radial_20020_2427)"
      />
    </g>
    <g filter="url(#filter2_f_20020_2427)">
      <rect
        x={16.2804}
        y={2.35657}
        width={3.917}
        height={16.5149}
        rx={1.9585}
        transform="rotate(30 16.2804 2.35657)"
        fill="url(#paint3_linear_20020_2427)"
      />
      <rect
        x={16.2804}
        y={2.35657}
        width={3.917}
        height={16.5149}
        rx={1.9585}
        transform="rotate(30 16.2804 2.35657)"
        fill="url(#paint4_radial_20020_2427)"
      />
    </g>
    <g filter="url(#filter3_f_20020_2427)">
      <rect
        x={17.4294}
        y={9.95935}
        width={3.917}
        height={10.1186}
        rx={1.9585}
        transform="rotate(32.7214 17.4294 9.95935)"
        fill="url(#paint5_linear_20020_2427)"
      />
      <rect
        x={17.4294}
        y={9.95935}
        width={3.917}
        height={10.1186}
        rx={1.9585}
        transform="rotate(32.7214 17.4294 9.95935)"
        fill="url(#paint6_radial_20020_2427)"
      />
    </g>
    <g filter="url(#filter4_f_20020_2427)">
      <rect
        x={17.4294}
        y={9.95935}
        width={3.917}
        height={10.1186}
        rx={1.9585}
        transform="rotate(32.7214 17.4294 9.95935)"
        fill="url(#paint7_linear_20020_2427)"
      />
      <rect
        x={17.4294}
        y={9.95935}
        width={3.917}
        height={10.1186}
        rx={1.9585}
        transform="rotate(32.7214 17.4294 9.95935)"
        fill="url(#paint8_radial_20020_2427)"
      />
    </g>
    <g filter="url(#filter5_f_20020_2427)">
      <rect
        x={20.9049}
        y={13.3197}
        width={3.917}
        height={10.4516}
        rx={1.9585}
        transform="rotate(32.7214 20.9049 13.3197)"
        fill="url(#paint9_linear_20020_2427)"
      />
      <rect
        x={20.9049}
        y={13.3197}
        width={3.917}
        height={10.4516}
        rx={1.9585}
        transform="rotate(32.7214 20.9049 13.3197)"
        fill="url(#paint10_radial_20020_2427)"
      />
    </g>
    <g filter="url(#filter6_f_20020_2427)">
      <rect
        x={23.6653}
        y={16.9267}
        width={3.917}
        height={10.1501}
        rx={1.9585}
        transform="rotate(34.4723 23.6653 16.9267)"
        fill="url(#paint11_linear_20020_2427)"
      />
      <rect
        x={23.6653}
        y={16.9267}
        width={3.917}
        height={10.1501}
        rx={1.9585}
        transform="rotate(34.4723 23.6653 16.9267)"
        fill="url(#paint12_radial_20020_2427)"
      />
    </g>
    <g filter="url(#filter7_f_20020_2427)">
      <ellipse
        cx={14.863}
        cy={12.839}
        rx={0.178344}
        ry={2.7207}
        transform="rotate(36.1699 14.863 12.839)"
        fill="#D37700"
      />
      <path
        d="M13.1392 15.1968C13.2322 15.2648 13.3298 15.23 13.3519 15.2215C13.3865 15.2083 13.4161 15.1886 13.4367 15.1736C13.4803 15.1419 13.5296 15.0965 13.581 15.0451C13.6857 14.9403 13.8232 14.7856 13.9828 14.5949C14.303 14.2121 14.7233 13.6712 15.1684 13.0623C15.6135 12.4535 16.0015 11.8889 16.269 11.4676C16.4023 11.2577 16.5081 11.0798 16.5762 10.9482C16.6095 10.8837 16.6378 10.8229 16.6548 10.7717C16.6629 10.7475 16.6726 10.7134 16.6748 10.6764C16.6761 10.6528 16.6797 10.5492 16.5867 10.4812C16.4937 10.4132 16.3962 10.4481 16.374 10.4565C16.3394 10.4698 16.3099 10.4894 16.2893 10.5044C16.2457 10.5362 16.1963 10.5816 16.145 10.633C16.0403 10.7377 15.9028 10.8925 15.7432 11.0832C15.423 11.4659 15.0027 12.0069 14.5575 12.6157C14.1124 13.2246 13.7245 13.7892 13.4569 14.2104C13.3236 14.4203 13.2179 14.5983 13.1498 14.7299C13.1164 14.7944 13.0881 14.8552 13.0711 14.9064C13.0631 14.9306 13.0533 14.9647 13.0512 15.0017C13.0498 15.0253 13.0462 15.1288 13.1392 15.1968Z"
        stroke="#FFA71E"
        strokeWidth={0.4}
      />
    </g>
    <g filter="url(#filter8_f_20020_2427)">
      <ellipse
        cx={18.8162}
        cy={16}
        rx={0.178344}
        ry={2.14451}
        transform="rotate(36.1699 18.8162 16)"
        fill="#EF9204"
      />
      <path
        d="M17.4325 17.8927C17.5081 17.9479 17.588 17.9354 17.6219 17.9266C17.6591 17.917 17.6899 17.9 17.7104 17.8874C17.7531 17.861 17.7982 17.8233 17.8417 17.7831C17.9311 17.7006 18.045 17.5786 18.1742 17.4296C18.4339 17.13 18.7699 16.7044 19.1216 16.2233C19.4733 15.7422 19.7769 15.2929 19.9836 14.9545C20.0864 14.7862 20.1681 14.6407 20.2196 14.5305C20.2447 14.4768 20.267 14.4224 20.2792 14.3737C20.285 14.3504 20.2918 14.3159 20.2897 14.2775C20.2878 14.2425 20.2755 14.1626 20.1999 14.1073C20.1243 14.0521 20.0444 14.0646 20.0105 14.0734C19.9733 14.083 19.9424 14.1 19.922 14.1126C19.8793 14.139 19.8342 14.1767 19.7907 14.2169C19.7013 14.2994 19.5874 14.4214 19.4582 14.5704C19.1985 14.87 18.8625 15.2957 18.5108 15.7767C18.1591 16.2578 17.8554 16.7071 17.6488 17.0455C17.546 17.2138 17.4643 17.3593 17.4128 17.4695C17.3877 17.5232 17.3654 17.5776 17.3532 17.6263C17.3474 17.6496 17.3405 17.6841 17.3427 17.7225C17.3446 17.7575 17.3569 17.8374 17.4325 17.8927Z"
        stroke="#FFA307"
        strokeWidth={0.4}
      />
    </g>
    <g filter="url(#filter9_f_20020_2427)">
      <ellipse
        cx={21.83}
        cy={18.9862}
        rx={0.178344}
        ry={1.7269}
        transform="rotate(36.1699 21.83 18.9862)"
        fill="#FA9B3A"
      />
      <path
        d="M20.6928 20.5418C20.7545 20.5869 20.8205 20.5875 20.8598 20.5818C20.8983 20.5761 20.9303 20.5622 20.9515 20.5513C20.9947 20.5293 21.0375 20.497 21.0758 20.4647C21.155 20.398 21.2522 20.2994 21.3596 20.1804C21.576 19.9407 21.8513 19.5982 22.1354 19.2095C22.4196 18.8208 22.6624 18.4546 22.8252 18.1757C22.906 18.0373 22.9704 17.9147 23.01 17.8191C23.0291 17.7727 23.0469 17.7222 23.0548 17.6743C23.0587 17.6508 23.0623 17.6162 23.056 17.5778C23.0496 17.5385 23.029 17.4759 22.9672 17.4307C22.9054 17.3856 22.8395 17.3849 22.8001 17.3907C22.7616 17.3964 22.7297 17.4103 22.7085 17.4212C22.6653 17.4432 22.6225 17.4755 22.5842 17.5078C22.505 17.5745 22.4077 17.6731 22.3004 17.7921C22.084 18.0318 21.8087 18.3743 21.5246 18.7629C21.2404 19.1516 20.9976 19.5178 20.8348 19.7967C20.754 19.9351 20.6895 20.0577 20.65 20.1534C20.6309 20.1997 20.6131 20.2503 20.6052 20.2981C20.6013 20.3216 20.5977 20.3563 20.604 20.3947C20.6104 20.4339 20.631 20.4966 20.6928 20.5418Z"
        stroke="#FFAF0C"
        strokeWidth={0.4}
      />
    </g>
    <defs>
      <filter
        id="filter0_i_20020_2427"
        x={8.20361}
        y={1.99737}
        width={6.14936}
        height={8.61635}
        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.15} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.898039 0 0 0 0 0.647059 0 0 0 0 0.305882 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_20020_2427"
        />
      </filter>
      <filter
        id="filter1_iii_20020_2427"
        x={4.71277}
        y={1.59833}
        width={22.3245}
        height={28.9313}
        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.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.917647 0 0 0 0 0.627451 0 0 0 0 0.388235 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_20020_2427"
        />
        <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.5} />
        <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.588235 0 0 0 0 0.741176 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_20020_2427"
          result="effect2_innerShadow_20020_2427"
        />
        <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.5} />
        <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.839216 0 0 0 0 0.305882 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect2_innerShadow_20020_2427"
          result="effect3_innerShadow_20020_2427"
        />
      </filter>
      <filter
        id="filter2_f_20020_2427"
        x={7.23947}
        y={1.5731}
        width={13.2166}
        height={17.8277}
        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_2427"
        />
      </filter>
      <filter
        id="filter3_f_20020_2427"
        x={11.2075}
        y={9.20699}
        width={10.2697}
        height={12.1349}
        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_2427"
        />
      </filter>
      <filter
        id="filter4_f_20020_2427"
        x={11.2075}
        y={9.20699}
        width={10.2697}
        height={12.1349}
        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_2427"
        />
      </filter>
      <filter
        id="filter5_f_20020_2427"
        x={14.5029}
        y={12.5674}
        width={10.4498}
        height={12.4151}
        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_2427"
        />
      </filter>
      <filter
        id="filter6_f_20020_2427"
        x={17.1847}
        y={16.1911}
        width={10.4454}
        height={12.0559}
        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_2427"
        />
      </filter>
      <filter
        id="filter7_f_20020_2427"
        x={12.4507}
        y={9.84006}
        width={4.82448}
        height={5.99797}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.2}
          result="effect1_foregroundBlur_20020_2427"
        />
      </filter>
      <filter
        id="filter8_f_20020_2427"
        x={16.7423}
        y={13.4657}
        width={4.14784}
        height={5.06865}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.2}
          result="effect1_foregroundBlur_20020_2427"
        />
      </filter>
      <filter
        id="filter9_f_20020_2427"
        x={20.0006}
        y={16.7882}
        width={3.65883}
        height={4.39601}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.2}
          result="effect1_foregroundBlur_20020_2427"
        />
      </filter>
      <radialGradient
        id="paint0_radial_20020_2427"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.1469 3.28268) rotate(101.985) scale(4.54424 4.30842)"
      >
        <stop stopColor="#FFD942" />
        <stop offset={1} stopColor="#F5AE44" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_20020_2427"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.9341 7.07961) rotate(-104.25) scale(3.00976 1.77464)"
      >
        <stop offset={0.209349} stopColor="#DC9911" />
        <stop offset={1} stopColor="#F8B645" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_20020_2427"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.6384 5.27375) rotate(90.8201) scale(22.645 22.0007)"
      >
        <stop stopColor="#FEBE2C" />
        <stop offset={1} stopColor="#FFAB61" />
      </radialGradient>
      <linearGradient
        id="paint3_linear_20020_2427"
        x1={18.4238}
        y1={6.99385}
        x2={17.7931}
        y2={17.8326}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFCB54" />
        <stop offset={1} stopColor="#FFCB54" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint4_radial_20020_2427"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.2658 3.38161) rotate(96.2728) scale(3.85976 4.04454)"
      >
        <stop stopColor="#FFE763" />
        <stop offset={1} stopColor="#FFE763" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_20020_2427"
        x1={19.5729}
        y1={12.8006}
        x2={19.3475}
        y2={19.6245}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFCB54" />
        <stop offset={1} stopColor="#FFCB54" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint6_radial_20020_2427"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.4149 10.5874) rotate(100.171) scale(2.38822 4.00496)"
      >
        <stop stopColor="#FFE763" />
        <stop offset={1} stopColor="#FFE763" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint7_linear_20020_2427"
        x1={19.5729}
        y1={12.8006}
        x2={19.3475}
        y2={19.6245}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFCB54" />
        <stop offset={1} stopColor="#FFCB54" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint8_radial_20020_2427"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.4149 10.5874) rotate(100.171) scale(2.38822 4.00496)"
      >
        <stop stopColor="#FFE763" />
        <stop offset={1} stopColor="#FFE763" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint9_linear_20020_2427"
        x1={23.0483}
        y1={16.2545}
        x2={22.808}
        y2={23.3024}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFCB54" />
        <stop offset={1} stopColor="#FFCB54" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint10_radial_20020_2427"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.8903 13.9684) rotate(99.8534) scale(2.46441 4.00888)"
      >
        <stop stopColor="#FFE763" />
        <stop offset={1} stopColor="#FFE763" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint11_linear_20020_2427"
        x1={25.8087}
        y1={19.7768}
        x2={25.582}
        y2={26.6219}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFCB54" />
        <stop offset={1} stopColor="#FFCB54" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint12_radial_20020_2427"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.6507 17.5567) rotate(100.14) scale(2.39543 4.00534)"
      >
        <stop stopColor="#FFE763" />
        <stop offset={1} stopColor="#FFE763" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = HandWithIndexFingerAndThumbCrossedIcon;