Home/Libraries/Game Icons (Iconify)/arrowed

Game Icons (Iconify)

Arrowed

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="m188.438 24.938l-7.188 17.718l-8.78 21.594l-23.095-3.22l-18.938-2.624L140 74.97l17.72 30.686l2.28 3.97l4.53.624l26.19 3.656l69.843 120.97c6.38-1.674 12.76-3.102 19.125-4.22l-73.032-126.53l9.625-23.75l1.72-4.25l-2.28-3.94L198 41.502l-9.563-16.563zM327 33.718l-13.688 13.344l-16.718 16.25l-19.844-12.218l-16.28-10.032l2.092 19.032l3.875 35.218l.5 4.532l3.907 2.406l21.844 13.438l12.375 112.093c3.99-.196 7.942-.287 11.843-.218c2.335.042 4.64.142 6.938.282l-12.563-113.75l18.94-18.406l3.28-3.188l-.5-4.563l-3.875-35.218l-2.125-19zM103.344 94.063l-1.563 19.063l-1.874 23.25l-23 3.875l-18.844 3.156l14.094 12.938L98.28 180.28l3.345 3.095l4.53-.75l26.032-4.406l80.875 74.186c1.764-.85 3.53-1.69 5.313-2.5a270 270 0 0 1 13.406-5.656l-87.31-80.125l2.06-25.53l.376-4.564l-3.375-3.093L117.438 107l-14.093-12.938zm332.53 123c-17.883-.094-38.852 9.04-55.937 26.125a100 100 0 0 0-13.562 16.875c-11.6-6.99-25.385-11.1-40.344-12.687l-.03-.25a148 148 0 0 0-9.438-.438c-.412-.005-.835.002-1.25 0c-105.82-2.977-255.813 107.01-127.937 203.125H68.062l-26.468 47.75H298.78l-88.5-103.25c24.272-26.708 67.46-43.704 97-45.062c13.794 45.098 36.266 113.497 71.75 148.313h60.845c-43.07-46.547-76.538-109.09-81.938-179.844a33.6 33.6 0 0 0 6.313 8.78c18.664 18.664 55.945 11.617 83.28-15.72c27.337-27.335 34.352-64.616 15.69-83.28c-7-7-16.615-10.38-27.345-10.438z"/></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. ArrowedIcon.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.