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 · GiRiotShield

Riot Shield icon

A free riot 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/riot-shield.json
components/icons/game-icons-riot-shield.tsx
import * as React from "react";

/**
 * Riot Shield from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/riot-shield. Sized in em, colored by currentColor.
 */
export function GiRiotShieldIcon(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="M147.72 22l-12 186.063L136 206l20.47 19.28 60.06 4.22-62.718 17.53-19.687-14.186L119.28 462.72c34.19 37.568 246.03 46.008 292.783 1l10.093-156.345-.5.656-106.28 28.72 108.655-58.594 15.314-237.312c-.416.048-.834.077-1.25.125l-17.844-12C342.784 48 262.702 41.085 162.062 26.5c-4.812-1.425-9.597-2.91-14.343-4.5zm35.155 65.875l10.03 1.53c71.27 10.928 142.92 12.908 215.44 1.69l11.56-1.814-.81 11.69-6.158 87.874-.468 6.72-6.533 1.686c-75.586 19.37-150.226 19.046-223.187-1.75l-7.28-2.094.53-7.562 6.156-87.875.72-10.095zm17.25 21.375l-4.938 70.094c16.562 4.392 33.175 7.695 49.875 9.906l-44.28-79.906c-.22-.03-.438-.063-.657-.094zm199.5 1.844c-22.016 2.998-43.938 4.807-65.78 5.594l38.092 68.812c7.586-1.416 15.19-3.038 22.813-4.875l4.875-69.53zM223.75 112.25l43.938 79.313c8.84.65 17.708 1.015 26.593 1.062l-43.092-77.75c-9.162-.715-18.305-1.594-27.438-2.625zm-11.344 181.656c5.072 11.86 14.753 13.32 25.125 13.25-8.644 17.158.01 19.542 13.095 31.25-22.473-5.502-36.892.28-49.438 22.156-.343-18.092-6.846-35.864-33.5-45.812 22.11 1.196 42.39-3.123 44.72-20.844zm70.375 48.53c6.363 16.677 20.84 19.917 36.94 10.94-8.647 17.155-9.585 30.1 3.5 41.812-22.474-5.502-32.294-7.15-40.783 8.937-.343-18.094-14.782-24.426-34.312-29.03 19.98-4.563 33.006-12.248 34.656-32.658zm88.47 70.283c.344 18.093.94 25.36 19.25 32.28-16.95-1.495-29.377 4.88-34.063 19.47-5.073-11.863-14.75-13.32-25.125-13.25 2.8-8.81 4.74-19.01-3.218-30.22 17.49 3.448 31.427.68 43.156-8.28z"
      />
    </svg>
  );
}
With react-icons
import { GiRiotShield } from "react-icons/gi";

export function Example() {
  return <GiRiotShield className="size-5" />;
}
riot-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="M147.72 22l-12 186.063L136 206l20.47 19.28 60.06 4.22-62.718 17.53-19.687-14.186L119.28 462.72c34.19 37.568 246.03 46.008 292.783 1l10.093-156.345-.5.656-106.28 28.72 108.655-58.594 15.314-237.312c-.416.048-.834.077-1.25.125l-17.844-12C342.784 48 262.702 41.085 162.062 26.5c-4.812-1.425-9.597-2.91-14.343-4.5zm35.155 65.875l10.03 1.53c71.27 10.928 142.92 12.908 215.44 1.69l11.56-1.814-.81 11.69-6.158 87.874-.468 6.72-6.533 1.686c-75.586 19.37-150.226 19.046-223.187-1.75l-7.28-2.094.53-7.562 6.156-87.875.72-10.095zm17.25 21.375l-4.938 70.094c16.562 4.392 33.175 7.695 49.875 9.906l-44.28-79.906c-.22-.03-.438-.063-.657-.094zm199.5 1.844c-22.016 2.998-43.938 4.807-65.78 5.594l38.092 68.812c7.586-1.416 15.19-3.038 22.813-4.875l4.875-69.53zM223.75 112.25l43.938 79.313c8.84.65 17.708 1.015 26.593 1.062l-43.092-77.75c-9.162-.715-18.305-1.594-27.438-2.625zm-11.344 181.656c5.072 11.86 14.753 13.32 25.125 13.25-8.644 17.158.01 19.542 13.095 31.25-22.473-5.502-36.892.28-49.438 22.156-.343-18.092-6.846-35.864-33.5-45.812 22.11 1.196 42.39-3.123 44.72-20.844zm70.375 48.53c6.363 16.677 20.84 19.917 36.94 10.94-8.647 17.155-9.585 30.1 3.5 41.812-22.474-5.502-32.294-7.15-40.783 8.937-.343-18.094-14.782-24.426-34.312-29.03 19.98-4.563 33.006-12.248 34.656-32.658zm88.47 70.283c.344 18.093.94 25.36 19.25 32.28-16.95-1.495-29.377 4.88-34.063 19.47-5.073-11.863-14.75-13.32-25.125-13.25 2.8-8.81 4.74-19.01-3.218-30.22 17.49 3.448 31.427.68 43.156-8.28z"
  />
</svg>
Attribution
"Riot Shield" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: security, protection, safe, guard