Home/Libraries/Game Icons (Iconify)/bow-arrow

Game Icons (Iconify)

BowArrow

License: CC-BY-3.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" d="M331.734 20.443a4.4 4.4 0 0 0-1.802.327c-27.736 11.543-47.295 57.495-29.899 76.671c33.52 38.946 72.835 55.573 90.147 128.434c2.607 20.15 1.218 40.094 0 60.25c-17.312 72.861-56.627 89.488-90.147 128.434c-17.396 19.176 2.163 65.128 29.899 76.671c9.038 3.762 28.025-26.165 21.752-25.209c-16.34 2.491-37.8-20.941-28.387-28.93c38.47-32.65 105.49-100.055 100.277-135.552c-2.211-15.057-9.35-30.36-15.574-45.539c6.225-15.18 13.363-30.482 15.574-45.54c5.214-35.496-61.806-102.901-100.277-135.552c-9.412-7.988 12.047-31.42 28.387-28.93c5.881.897-10.44-25.35-19.95-25.535M152 24.23l-21.441 53.602L152 99.273l21.441-21.441zm-9 91.497v296.546l9-9l9 9V115.727l-2.637 2.636l-6.363 6.364zm160 9.847v260.824l18-17.53V143.104zM152 428.727l-23 23v38.546l23-23l23 23v-38.546z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. BowArrowIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-3.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.