Home/Libraries/Game Icons (Iconify)/spark-plug

Game Icons (Iconify)

SparkPlug

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="m468.8 38.21l-18.9 18.88h-22.6l-13.7 13.65l32.6 32.66l13.6-13.78V66.99l18.9-18.88zm-71.1 42.08c-2.3.42-5.3.91-8.5 1.69c-6.8 1.63-14.5 5.09-15.9 6.44c-1.3 1.34-4.8 9.05-6.4 15.98c-1.6 6.7-2.4 12.6-2.4 12.6l-.7 7.2l-7.2.7s-5.8.8-12.6 2.4c-6.9 1.6-14.6 5-15.9 6.4c-1.4 1.3-4.8 9.1-6.5 15.9c-1.5 6.8-2.3 12.7-2.3 12.7l-.9 8h-8.2s-7.1-.1-14.2 1.2c-2.3.4-4.5.9-6.4 1.5l54.3 54.3c.6-1.8 1.2-4 1.6-6.3c1.2-7.2 1.2-14.4 1.2-14.4l-.1-8.1l8-.9s5.9-.8 12.7-2.3c6.9-1.6 14.6-5.1 15.8-6.4c1.5-1.4 4.9-9.1 6.6-16c1.4-6.7 2.3-12.6 2.3-12.6l.8-7.2l7.1-.7s5.9-.8 12.7-2.4s14.5-5.1 15.9-6.4c1.2-1.3 4.8-9.1 6.4-15.9c.8-3.2 1.3-6.2 1.7-8.5zM276.4 185.3l-21.2 21.2l55.2 55.2l21.2-21.2zm-52.8 30.2L210 229.2l4.9 4.9l72.8 72.8l13.7-13.6v-15.1l-39.2-39.3l-23.5-23.4zm-60.3 37.7l-32.5 32.5l100.4 100.4l32.5-32.5zm45.3 0l-9.9 9.9l55 55.2l9.9-9.9zm-96.4 59.4l-11 14.1L203 405.9l11.1-14.1zm-22.6 22.6l-11.03 14.2l101.83 79.2l11-14.3zm-22.56 22.7L55.94 372l101.86 79.2l11-14.2zm-22.7 22.6l-11.03 14.1l101.89 79.2l11-14.1zm15.35 49.1l-14.15 28.3l13.44 13.4l28.28-14.1z"/></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. SparkPlugIcon.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.