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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BowAndArrowIcon = ({ 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_24195)">
      <path
        d="M4.66268 21.2605L2.05666 23.9199C1.38468 24.6056 1.37324 25.6993 2.03073 26.399C2.72133 27.1338 3.88232 27.1536 4.59753 26.4427L11.1354 19.9438L6.52714 20.3731C5.82023 20.439 5.15959 20.7534 4.66268 21.2605Z"
        fill="url(#paint0_linear_18_24195)"
      />
      <path
        d="M11.1782 27.69L8.51878 30.296C7.83304 30.968 6.73931 30.9795 6.03967 30.322C5.3048 29.6314 5.28504 28.4704 5.99598 27.7552L12.4948 21.2173L12.0655 25.8256C11.9997 26.5325 11.6853 27.1931 11.1782 27.69Z"
        fill="url(#paint1_linear_18_24195)"
      />
    </g>
    <g filter="url(#filter1_i_18_24195)">
      <path
        d="M4.69788 7.88135L5.10413 27.0063"
        stroke="url(#paint2_linear_18_24195)"
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_i_18_24195)">
      <path
        d="M5.60413 27.4126L23.6979 27.6313"
        stroke="url(#paint3_linear_18_24195)"
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_i_18_24195)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M3.60592 5.80655C4.30306 5.02227 5.504 4.95162 6.28829 5.64877C6.93778 6.22609 7.95297 7.07054 9.16288 7.38689C9.67386 7.5205 10.2506 7.5208 11.0491 7.42906C11.2648 7.40428 11.5332 7.36642 11.8308 7.32442C12.4537 7.23652 13.2048 7.13054 13.8693 7.08863C14.9738 7.01895 16.219 7.07523 17.5671 7.51939C18.916 7.96382 20.2639 8.76199 21.6336 10.038C23.5816 11.8528 24.5985 13.609 25.0573 15.3259C25.4735 16.8831 25.3871 18.2897 25.3256 19.2906C25.3213 19.36 25.3172 19.4275 25.3133 19.4929C25.2937 19.8276 25.2475 20.2679 25.2067 20.6582C25.1828 20.8857 25.1608 21.0961 25.1468 21.2588C25.0992 21.8118 25.0833 22.3197 25.1391 22.8225C25.2423 23.7543 25.6074 24.8413 26.8606 26.1071C27.5989 26.8528 27.5928 28.0558 26.8471 28.794C26.1014 29.5323 24.8984 29.5263 24.1602 28.7806C22.304 26.9058 21.5597 25.0241 21.3622 23.241C21.2675 22.3863 21.3034 21.6003 21.3608 20.9331C21.391 20.5816 21.42 20.317 21.4456 20.0835C21.4767 19.7998 21.5027 19.562 21.5199 19.2698C21.5218 19.2374 21.5237 19.2052 21.5256 19.1732C21.5888 18.1029 21.639 17.2532 21.3862 16.307C21.1396 15.3844 20.5549 14.2266 19.0434 12.8184C18.0147 11.8601 17.1321 11.377 16.378 11.1286C15.6231 10.8798 14.8926 10.8316 14.1085 10.8811C13.5638 10.9154 13.1188 10.98 12.6144 11.0532C12.2791 11.1018 11.9174 11.1543 11.4828 11.2042C10.526 11.3142 9.39376 11.375 8.20162 11.0633C6.03317 10.4963 4.42672 9.07827 3.76371 8.48892C2.97942 7.79178 2.90878 6.59084 3.60592 5.80655Z"
        fill="#7E574D"
      />
    </g>
    <g filter="url(#filter4_f_18_24195)">
      <path
        d="M5.2135 6.81885C5.86975 7.40218 7.18057 8.53343 8.86975 8.9751C12.276 9.86572 15.7291 6.70947 20.526 11.1782C23.9855 14.4011 24.1979 16.8501 24.0729 18.9751C23.9479 21.1001 23.3854 23.8501 26.1979 26.9751"
        stroke="url(#paint4_linear_18_24195)"
        strokeLinecap="round"
      />
      <path
        d="M5.2135 6.81885C5.86975 7.40218 7.18057 8.53343 8.86975 8.9751C12.276 9.86572 15.7291 6.70947 20.526 11.1782C23.9855 14.4011 24.1979 16.8501 24.0729 18.9751C23.9479 21.1001 23.3854 23.8501 26.1979 26.9751"
        stroke="url(#paint5_linear_18_24195)"
        strokeLinecap="round"
      />
    </g>
    <path
      d="M5.41663 27.0376L25.6979 6.81885"
      stroke="url(#paint6_linear_18_24195)"
      strokeWidth={2}
      strokeLinecap="round"
    />
    <g filter="url(#filter5_f_18_24195)">
      <path
        d="M5.41663 27.0376L20.9479 11.5376"
        stroke="url(#paint7_linear_18_24195)"
        strokeWidth={0.5}
        strokeLinecap="round"
      />
    </g>
    <path
      d="M23.9068 28.5733L26.6978 25.8501"
      stroke="url(#paint8_linear_18_24195)"
      strokeLinecap="round"
    />
    <path
      d="M3.89165 8.55816L6.72911 5.7876"
      stroke="url(#paint9_linear_18_24195)"
      strokeLinecap="round"
    />
    <path
      d="M26.6832 11.0343L21.48 5.9024C21.1211 5.54846 21.2842 4.93845 21.7718 4.81081L28.5788 3.02888C29.0518 2.90505 29.4871 3.32823 29.3766 3.80457L27.7728 10.7184C27.658 11.2135 27.045 11.3912 26.6832 11.0343Z"
      fill="url(#paint10_linear_18_24195)"
    />
    <path
      d="M26.6832 11.0343L21.48 5.9024C21.1211 5.54846 21.2842 4.93845 21.7718 4.81081L28.5788 3.02888C29.0518 2.90505 29.4871 3.32823 29.3766 3.80457L27.7728 10.7184C27.658 11.2135 27.045 11.3912 26.6832 11.0343Z"
      fill="url(#paint11_linear_18_24195)"
    />
    <path
      d="M21.2938 16C21.0026 15.1315 20.3918 14.0746 19.0434 12.8184C18.0147 11.8601 17.1321 11.377 16.378 11.1285C16.2514 11.0868 16.1256 11.0508 16 11.0199L17.0595 7.36865C17.227 7.41302 17.3962 7.46308 17.5671 7.51938C18.916 7.96381 20.2639 8.76198 21.6336 10.038C23.326 11.6147 24.3156 13.1471 24.8471 14.648L21.2938 16Z"
      fill="url(#paint12_radial_18_24195)"
    />
    <g filter="url(#filter6_f_18_24195)">
      <path
        d="M17.9703 9.06177C18.9201 9.42947 19.9222 10.0466 20.9911 11.0424C22.2635 12.2278 23.0967 13.3085 23.6354 14.3069"
        stroke="url(#paint13_linear_18_24195)"
        strokeLinecap="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_24195"
        x={1.54504}
        y={19.9438}
        width={10.9497}
        height={10.8638}
        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 />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.380392 0 0 0 0 0.294118 0 0 0 0 0.619608 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_24195"
        />
      </filter>
      <filter
        id="filter1_i_18_24195"
        x={4.19788}
        y={7.38135}
        width={1.40625}
        height={20.125}
        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 />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.756863 0 0 0 0 0.686275 0 0 0 0 0.823529 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_24195"
        />
      </filter>
      <filter
        id="filter2_i_18_24195"
        x={5.10413}
        y={26.9126}
        width={19.0938}
        height={1.21875}
        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 />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.756863 0 0 0 0 0.686275 0 0 0 0 0.823529 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_24195"
        />
      </filter>
      <filter
        id="filter3_i_18_24195"
        x={3.12598}
        y={3.91882}
        width={25.5344}
        height={25.425}
        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={-1.25} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.423529 0 0 0 0 0.227451 0 0 0 0 0.301961 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_24195"
        />
      </filter>
      <filter
        id="filter4_f_18_24195"
        x={4.0635}
        y={5.66885}
        width={23.2844}
        height={22.4562}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.325}
          result="effect1_foregroundBlur_18_24195"
        />
      </filter>
      <filter
        id="filter5_f_18_24195"
        x={4.66663}
        y={10.7876}
        width={17.0312}
        height={17}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.25}
          result="effect1_foregroundBlur_18_24195"
        />
      </filter>
      <filter
        id="filter6_f_18_24195"
        x={16.4702}
        y={7.56165}
        width={8.66525}
        height={8.24536}
        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_18_24195"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_24195"
        x1={11.6979}
        y1={20.4751}
        x2={4.76038}
        y2={27.5376}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#8A6CC0" />
        <stop offset={1} stopColor="#705CA5" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_24195"
        x1={11.6979}
        y1={20.4751}
        x2={4.76038}
        y2={27.5376}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#8A6CC0" />
        <stop offset={1} stopColor="#705CA5" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_24195"
        x1={4.901}
        y1={7.88135}
        x2={4.901}
        y2={13.0649}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#BBADC6" />
        <stop offset={1} stopColor="#DFD4EA" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_24195"
        x1={23.3434}
        y1={27.6313}
        x2={17.9089}
        y2={28.7721}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#BEABCD" />
        <stop offset={1} stopColor="#DED0EB" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_24195"
        x1={5.57288}
        y1={6.81885}
        x2={15.4557}
        y2={8.7251}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#8C6661" />
        <stop offset={1} stopColor="#8C6661" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_24195"
        x1={25.6979}
        y1={27.9751}
        x2={23.1354}
        y2={13.1626}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A18079" />
        <stop offset={1} stopColor="#A18079" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_24195"
        x1={24.0104}
        y1={8.5376}
        x2={5.41663}
        y2={26.6626}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.216837} stopColor="#CB8B6E" />
        <stop offset={0.496969} stopColor="#DE9E6D" />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_24195"
        x1={6.76038}
        y1={25.8501}
        x2={21.9479}
        y2={10.1001}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#EAAC87" />
        <stop offset={1} stopColor="#EAAB85" />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_24195"
        x1={27.0452}
        y1={25.8501}
        x2={24.1392}
        y2={28.7863}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F3EEF8" />
        <stop offset={1} stopColor="#B7A1CC" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_24195"
        x1={7.07288}
        y1={5.7876}
        x2={4.19788}
        y2={8.69385}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F3EEF8" />
        <stop offset={1} stopColor="#BAAEC6" />
      </linearGradient>
      <linearGradient
        id="paint10_linear_18_24195"
        x1={28.1152}
        y1={8.69074}
        x2={24.4038}
        y2={3.58755}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.563707} stopColor="#E0DAEE" />
        <stop offset={1} stopColor="#CBC8D5" />
      </linearGradient>
      <linearGradient
        id="paint11_linear_18_24195"
        x1={24.4701}
        y1={8.82329}
        x2={25.34}
        y2={7.92857}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0237977} stopColor="#C0B0D1" />
        <stop offset={1} stopColor="#CDC7DA" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint12_radial_18_24195"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.0062 15.3845) rotate(-122.152) scale(6.73213 3.97576)"
      >
        <stop offset={0.0778709} stopColor="#EEBB3A" />
        <stop offset={1} stopColor="#E3A63F" />
      </radialGradient>
      <linearGradient
        id="paint13_linear_18_24195"
        x1={25.2003}
        y1={15.6463}
        x2={15.5241}
        y2={8.22347}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFDF6E" />
        <stop offset={1} stopColor="#FFDF6E" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = BowAndArrowIcon;