Home/Libraries/Game Icons (Iconify)/slashed-shield

Game Icons (Iconify)

SlashedShield

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.156 22.125L60.28 82.438c.432 108.262 10.918 200.47 40.25 270.437c13.326 31.78 30.345 59.02 52.126 81.47c4.056-11.198 8.352-22.57 12.813-34.064c-16.453-18.292-29.438-40.056-39.345-64.75c-23.25-57.95-30.656-131.856-30.656-217.717l-.095-7.188l6.563-1.72L246.313 62.47a2236 2236 0 0 1 18.125-37.814zm52.656 16.188l-17.875 33.124l23.313 7.5c5.9-11.474 11.73-22.754 17.375-33.593zM376.5 59.156c-6.004 11.338-12.02 22.668-18.03 34l25.25 8.125a2525 2525 0 0 1 20.186-33.686zm71.156 21.907l-33.844 51.5c-.736 79.713-7.717 148.21-29.25 202.687c-22.848 57.806-63.124 99.61-127.312 118.625l-2.656.813l-2.656-.813c-32.193-9.537-58.434-25.294-79.5-46.25a1391 1391 0 0 1-19.625 26.844c26.645 27.41 60.394 47.68 103.28 60.25c80.56-23.573 128.42-71.69 157.5-142.095c28.78-69.676 38.15-161.577 38.532-270.188l-4.47-1.374zm-212 4.437L114.25 124.563c.405 81.79 8.107 151.38 29.22 204a250 250 0 0 0 1.374 3.375c24.524-86.216 54.174-165.683 90.812-246.438m46.25 2.625L147.25 337.5c7.214 16.193 15.74 30.653 25.875 43.344c38.187-95.228 87.792-197.513 132.5-285.094l-23.72-7.625zm67.688 21.78C297.91 207.07 245.08 303.326 183.22 392.346c18.644 19.297 42.002 33.62 71.374 42.75c57.576-17.84 91.637-53.702 112.594-106.72c17.472-44.204 25.07-100.542 27.25-166.344L235.594 403.845c36.84-95.574 83.337-190.838 138.47-286.063l-24.47-7.874z"/></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. SlashedShieldIcon.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.