Home/Libraries/Game Icons (Iconify)/files

Game Icons (Iconify)

Files

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="m146.217 28.218l-100.07 42.86l106.296 248.194l41.188-17.64l-27.606-191.945l-1.28-8.909l78.567-11.3l-12.519-29.23c-16.682 3.773-28.871 3.449-47.402 21.062l-5.993 5.693l-6.181-5.484c-18.118-16.072-20.828-36.566-25-53.301m18.912.492c3.243 12.805 5.535 24.275 12.777 33.68c12.818-10.212 24.447-14.227 34.951-16.733c-14.485-7.674-29.652-12.217-47.728-16.947m127.746 71.826l-107.752 15.496l38.436 267.25l36.978-5.318l23.188-193.996l1.068-8.936l86.086 10.29l-4.598-31.96c-17.092-.671-28.78-4.14-51.24 8.076l-7.26 3.95l-4.552-6.899c-13.34-20.213-10.655-40.708-10.354-57.953m18.139 5.367c-.182 13.21-.937 24.883 3.625 35.842c15.025-6.547 27.298-7.415 38.093-7.117c-12.006-11.162-25.481-19.477-41.718-28.725m-10.485 89.139l-32.043 268.092l172.77 20.648l24.598-205.793c-16.337-5.073-26.73-11.452-51.586-5.465l-8.034 1.936l-2.61-7.84c-7.655-22.977.243-42.079 4.997-58.658zm124.225 22.799c-3.594 12.713-7.345 23.792-5.775 35.558c16.207-2.435 28.286-.097 38.636 2.985c-8.708-13.889-19.571-25.409-32.861-38.543"/></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. FilesIcon.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.