Skip to content
Cuelark UI

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

Icons8 Line Awesome · LiaUserShieldSolid

User Shield Solid icon

A free user shield solid icon from Icons8 Line Awesome, 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
MIT license
Project
icons8.com
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/user-shield-solid.json
components/icons/line-awesome-user-shield-solid.tsx
import * as React from "react";

/**
 * User Shield Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/user-shield-solid. Sized in em, colored by currentColor.
 */
export function LiaUserShieldSolidIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 16 5 C 12.1 5 9 8.1 9 12 C 9 14.4375 10.209961 16.561523 12.070312 17.8125 C 8.5100119 19.34733 6 22.893578 6 27 L 8 27 C 8 22.6 11.6 19 16 19 C 16.341157 19 16.672626 18.967778 17 18.921875 L 17 23.5 C 17 28.7 23.799609 31.700781 24.099609 31.800781 L 24.5 32 L 24.900391 31.800781 C 25.200391 31.700781 32 28.7 32 23.5 L 32 18 L 31.099609 18 C 29.199609 18 28.099219 17.300781 27.199219 16.800781 C 26.299219 16.400781 25.5 16 24.5 16 C 23.5 16 22.7 16.400781 22 16.800781 C 21.49375 17.082031 20.886426 17.42229 20.119141 17.669922 C 21.86816 16.40417 23 14.350862 23 12 C 23 8.1 19.9 5 16 5 z M 16 7 C 18.8 7 21 9.2 21 12 C 21 14.8 18.8 17 16 17 C 13.2 17 11 14.8 11 12 C 11 9.2 13.2 7 16 7 z M 24.5 18 C 25 18 25.399219 18.199609 26.199219 18.599609 L 26.5 18.699219 C 27.3 19.099219 28.4 19.700391 30 19.900391 L 30 23.400391 C 30 26.700391 25.7 29.099219 24.5 29.699219 C 23.3 29.099219 19 26.700391 19 23.400391 L 19 19.900391 C 20.7 19.700391 21.799609 19.099219 22.599609 18.699219 L 22.900391 18.599609 L 23 18.599609 L 23.099609 18.599609 C 23.699609 18.099609 24 18 24.5 18 z"
      />
    </svg>
  );
}
With react-icons
import { LiaUserShieldSolid } from "react-icons/lia";

export function Example() {
  return <LiaUserShieldSolid className="size-5" />;
}
user-shield-solid.svg
<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 16 5 C 12.1 5 9 8.1 9 12 C 9 14.4375 10.209961 16.561523 12.070312 17.8125 C 8.5100119 19.34733 6 22.893578 6 27 L 8 27 C 8 22.6 11.6 19 16 19 C 16.341157 19 16.672626 18.967778 17 18.921875 L 17 23.5 C 17 28.7 23.799609 31.700781 24.099609 31.800781 L 24.5 32 L 24.900391 31.800781 C 25.200391 31.700781 32 28.7 32 23.5 L 32 18 L 31.099609 18 C 29.199609 18 28.099219 17.300781 27.199219 16.800781 C 26.299219 16.400781 25.5 16 24.5 16 C 23.5 16 22.7 16.400781 22 16.800781 C 21.49375 17.082031 20.886426 17.42229 20.119141 17.669922 C 21.86816 16.40417 23 14.350862 23 12 C 23 8.1 19.9 5 16 5 z M 16 7 C 18.8 7 21 9.2 21 12 C 21 14.8 18.8 17 16 17 C 13.2 17 11 14.8 11 12 C 11 9.2 13.2 7 16 7 z M 24.5 18 C 25 18 25.399219 18.199609 26.199219 18.599609 L 26.5 18.699219 C 27.3 19.099219 28.4 19.700391 30 19.900391 L 30 23.400391 C 30 26.700391 25.7 29.099219 24.5 29.699219 C 23.3 29.099219 19 26.700391 19 23.400391 L 19 19.900391 C 20.7 19.700391 21.799609 19.099219 22.599609 18.699219 L 22.900391 18.599609 L 23 18.599609 L 23.099609 18.599609 C 23.699609 18.099609 24 18 24.5 18 z"
  />
</svg>
Attribution
"User Shield Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: person, profile, account, avatar