Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: shake. Pick another to preview it and update the animated code:

Game Icons · GiSurroundedShield

Surrounded Shield icon

A free surrounded shield icon from Game Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
CC BY 3.0 license
Project
game-icons.net
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/surrounded-shield.json
components/icons/game-icons-surrounded-shield.tsx
import * as React from "react";

/**
 * Surrounded Shield from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/surrounded-shield. Sized in em, colored by currentColor.
 */
export function GiSurroundedShieldIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M265.496 21.607l6.318 111.87 26.352-39.502 35.848-72.368h-68.518zm89.373 0l-47.47 95.83-6.834 19.184 48.793-30.65-.024-.03L452.98 21.608h-98.11zm123.915 0l1.516 1.864-87.152 70.915-78.554 70.47 69.467-19.244 109.727-42.077V21.607h-15.002zm-345.55.586c-1.197.04-2.08.143-2.643.143-37.722 0-66.125 37.65-66.125 81.605 0 17.037 4.316 32.848 11.64 46.023-12.274 4.675-22.294 12.76-29.855 22.896-10.174 13.64-16.37 30.73-20.426 49.288-8.11 37.118-7.623 80.647-7.623 115.81v9.343h39.713l9.672 146.626h122.148l7.174-96.196c-6.056-5.153-11.91-10.453-17.555-15.894l-6.964 93.402H85.085l-9.672-146.625H36.92c.017-33.33.38-71.425 7.164-102.476 3.706-16.962 9.328-31.62 17.148-42.104 7.82-10.484 17.386-17.03 31.254-19.18l15.926-2.466L98.36 149.79c-9.08-11.376-15.204-27.674-15.204-45.85 0-36.015 22.562-62.915 47.436-62.915 2.79 0 4.426-.112 4.617-.086l.1.013c22.578 2.953 42.72 29.22 42.72 62.988 0 18.513-6.364 34.904-15.757 46.33l26.434-7.823c5.084-11.485 8.01-24.554 8.01-38.506 0-41.176-24.445-77-58.985-81.516l-.002-.002-1.248-.086h.48c-1.46-.156-2.713-.177-3.728-.143zm3.726.143c.255.027.503.05.77.086l-.044-.008-.6-.078h-.125zM493.788 123.55l-104.22 39.964-70.083 37.465 98.082 5.493 76.22-10.008V123.55zm-199.172 30.706l-92.94 3.842L93.497 190.12c18.687 86.98 67.757 162.757 146.287 216.802 51.176-99.324 68.713-165.12 54.83-252.666zm199.172 61.058l-77.953 10.235-102.865 33.944 96.708 34.318 84.11 11.043v-89.54zm-77.25 98.25l-112.437.272 104.63 68.035.034-.073 85.023 38.396v-96.49l-77.25-10.14zm-118.926 55.54l54.347 62.43L427.02 493.8h66.767v-53.1l-92.715-41.87.055-.12-103.516-29.606zm-25.63 39.503l12.563 27.676 44.113 57.518h69.092l-61.703-51.185-64.065-34.008zM249.363 428.4l-3.234 65.4h58.974l-36.637-47.77-19.104-17.63z"
      />
    </svg>
  );
}
With react-icons
import { GiSurroundedShield } from "react-icons/gi";

export function Example() {
  return <GiSurroundedShield className="size-5" />;
}
surrounded-shield.svg
<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M265.496 21.607l6.318 111.87 26.352-39.502 35.848-72.368h-68.518zm89.373 0l-47.47 95.83-6.834 19.184 48.793-30.65-.024-.03L452.98 21.608h-98.11zm123.915 0l1.516 1.864-87.152 70.915-78.554 70.47 69.467-19.244 109.727-42.077V21.607h-15.002zm-345.55.586c-1.197.04-2.08.143-2.643.143-37.722 0-66.125 37.65-66.125 81.605 0 17.037 4.316 32.848 11.64 46.023-12.274 4.675-22.294 12.76-29.855 22.896-10.174 13.64-16.37 30.73-20.426 49.288-8.11 37.118-7.623 80.647-7.623 115.81v9.343h39.713l9.672 146.626h122.148l7.174-96.196c-6.056-5.153-11.91-10.453-17.555-15.894l-6.964 93.402H85.085l-9.672-146.625H36.92c.017-33.33.38-71.425 7.164-102.476 3.706-16.962 9.328-31.62 17.148-42.104 7.82-10.484 17.386-17.03 31.254-19.18l15.926-2.466L98.36 149.79c-9.08-11.376-15.204-27.674-15.204-45.85 0-36.015 22.562-62.915 47.436-62.915 2.79 0 4.426-.112 4.617-.086l.1.013c22.578 2.953 42.72 29.22 42.72 62.988 0 18.513-6.364 34.904-15.757 46.33l26.434-7.823c5.084-11.485 8.01-24.554 8.01-38.506 0-41.176-24.445-77-58.985-81.516l-.002-.002-1.248-.086h.48c-1.46-.156-2.713-.177-3.728-.143zm3.726.143c.255.027.503.05.77.086l-.044-.008-.6-.078h-.125zM493.788 123.55l-104.22 39.964-70.083 37.465 98.082 5.493 76.22-10.008V123.55zm-199.172 30.706l-92.94 3.842L93.497 190.12c18.687 86.98 67.757 162.757 146.287 216.802 51.176-99.324 68.713-165.12 54.83-252.666zm199.172 61.058l-77.953 10.235-102.865 33.944 96.708 34.318 84.11 11.043v-89.54zm-77.25 98.25l-112.437.272 104.63 68.035.034-.073 85.023 38.396v-96.49l-77.25-10.14zm-118.926 55.54l54.347 62.43L427.02 493.8h66.767v-53.1l-92.715-41.87.055-.12-103.516-29.606zm-25.63 39.503l12.563 27.676 44.113 57.518h69.092l-61.703-51.185-64.065-34.008zM249.363 428.4l-3.234 65.4h58.974l-36.637-47.77-19.104-17.63z"
  />
</svg>
Attribution
"Surrounded Shield" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: security, protection, safe, guard