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

Game Icons (Iconify)

SurroundedShield

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="m265.496 21.607l6.318 111.87l26.352-39.502l35.848-72.368zm89.373 0l-47.47 95.83l-6.834 19.184l48.793-30.65l-.024-.03L452.98 21.608h-98.11zm123.915 0l1.516 1.864l-87.152 70.915l-78.554 70.47l69.467-19.244l109.727-42.077V21.607h-15.002zm-345.55.586c-1.197.04-2.08.143-2.643.143c-37.722 0-66.125 37.65-66.125 81.605c0 17.037 4.316 32.848 11.64 46.023c-12.274 4.675-22.294 12.76-29.855 22.896c-10.174 13.64-16.37 30.73-20.426 49.288c-8.11 37.118-7.623 80.647-7.623 115.81v9.343h39.713l9.672 146.626h122.148l7.174-96.196a382 382 0 0 1-17.555-15.894l-6.964 93.402H85.085l-9.672-146.625H36.92c.017-33.33.38-71.425 7.164-102.476c3.706-16.962 9.328-31.62 17.148-42.104s17.386-17.03 31.254-19.18l15.926-2.466L98.36 149.79c-9.08-11.376-15.204-27.674-15.204-45.85c0-36.015 22.562-62.915 47.436-62.915c2.79 0 4.426-.112 4.617-.086l.1.013c22.578 2.953 42.72 29.22 42.72 62.988c0 18.513-6.364 34.904-15.757 46.33l26.434-7.823c5.084-11.485 8.01-24.554 8.01-38.506c0-41.176-24.445-77-58.985-81.516l-.002-.002l-1.248-.086h.48a27 27 0 0 0-3.728-.143zm3.726.143c.255.027.503.05.77.086l-.044-.008l-.6-.078zM493.788 123.55l-104.22 39.964l-70.083 37.465l98.082 5.493l76.22-10.008zm-199.172 30.706l-92.94 3.842L93.497 190.12c18.687 86.98 67.757 162.757 146.287 216.802c51.176-99.324 68.713-165.12 54.83-252.666zm199.172 61.058l-77.953 10.235l-102.865 33.944l96.708 34.318l84.11 11.043zm-77.25 98.25l-112.437.272l104.63 68.035l.034-.073l85.023 38.396v-96.49zm-118.926 55.54l54.347 62.43L427.02 493.8h66.767v-53.1l-92.715-41.87l.055-.12l-103.516-29.606zm-25.63 39.503l12.563 27.676l44.113 57.518h69.092l-61.703-51.185zM249.363 428.4l-3.234 65.4h58.974l-36.637-47.77z"/></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. SurroundedShieldIcon.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.