Home/Libraries/Game Icons (Iconify)/explosive-materials

Game Icons (Iconify)

ExplosiveMaterials

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="M16.504 12.025v151.26l54.93 177.096c-.248.088-.49.187-.737.276l90.278 47.748l-32.21 40.035l28.817 38.04l89.61 27.946H361.08l-196.783-37.424a78.5 78.5 0 0 0 6.326-12.22l325.95 18.11V413.25l-321.627 17.313a79.6 79.6 0 0 0 1.563-14.627l320.062-60.504v-50.81l-320.8 99.216a78.6 78.6 0 0 0-3.463-14.578l324.263-170.49v-65.41L167.35 377.767a78.6 78.6 0 0 0-7.88-12.032L496.567 62.836v-50.81l-.002.005H456.27L148.533 354.456a78.7 78.7 0 0 0-12.068-8.38L364.578 12.032H298l-172.725 328.83a79 79 0 0 0-10.318-3.037l101.28-325.793H168.35l-60.963 324.473a81 81 0 0 0-9.282-.584l17.1-323.89h-44.97l17.812 324.466a79 79 0 0 0-9.926 1.85zm22.642 349.84c-12.633 13.97-20.314 32.506-20.314 52.897c0 43.655 35.188 78.843 78.844 78.843c19.185 0 36.72-6.81 50.36-18.136l-54.415-39.784l29.425-32.424l-83.9-41.397z"/></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. ExplosiveMaterialsIcon.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.