Home/Libraries/Game Icons (Iconify)/blaster

Game Icons (Iconify)

Blaster

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="M256 136c60 75-45 45-165 45c51.292 17.097 90.22 30.17 118.125 41.25C164.385 236.653 103.75 249.25 16 256c87.75 6.75 148.386 19.347 193.125 33.75C181.22 300.83 142.293 313.903 91 331c120 0 225-30 165 45c19.66-9.83 42.34-19.584 64.218-30.468C345.538 362.998 364.79 376 399.906 376c48 0 96.093-48 96.093-120s-48.096-120-96.094-120c-35.35 0-54.58 12.824-80.157 30.468c-21.765-10.81-44.206-20.695-63.75-30.468zm132.188 47.813c33.136 0 60 32.422 60 72.187s-26.864 72.188-60 72.188c-9.062 0-17.61-2.715-25.313-7.032C388.008 303.676 406 282.742 406 256s-17.992-47.68-43.125-65.158c7.702-4.316 16.25-7.032 25.313-7.032z"/></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. BlasterIcon.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.