Skip to content
Cuelark UI

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

Icons8 Line Awesome · LiaIdCardAltSolid

Id Card Alt Solid icon

A free id card alt 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.

Also known ascredit iconpayment icondebit iconwallet iconbilling icon
License
MIT license
Project
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/id-card-alt-solid.json
components/icons/line-awesome-id-card-alt-solid.tsx
import * as React from "react";

/**
 * Id Card Alt Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/id-card-alt-solid. Sized in em, colored by currentColor.
 */
export function LiaIdCardAltSolidIcon(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 15 5 C 13.90625 5 13 5.90625 13 7 L 13 8 L 4 8 L 4 26 L 28 26 L 28 8 L 19 8 L 19 7 C 19 5.90625 18.09375 5 17 5 Z M 15 7 L 17 7 L 17 9 L 15 9 Z M 6 10 L 13 10 L 13 11 L 19 11 L 19 10 L 26 10 L 26 24 L 6 24 Z M 16 12 C 13.800781 12 12 13.800781 12 16 C 12 17.117188 12.46875 18.128906 13.214844 18.855469 C 11.878906 19.757813 11 21.28125 11 23 L 13 23 C 13 21.332031 14.332031 20 16 20 C 17.667969 20 19 21.332031 19 23 L 21 23 C 21 21.28125 20.121094 19.757813 18.785156 18.855469 C 19.53125 18.128906 20 17.117188 20 16 C 20 13.800781 18.199219 12 16 12 Z M 16 14 C 17.117188 14 18 14.882813 18 16 C 18 17.117188 17.117188 18 16 18 C 14.882813 18 14 17.117188 14 16 C 14 14.882813 14.882813 14 16 14 Z"
      />
    </svg>
  );
}
With react-icons
import { LiaIdCardAltSolid } from "react-icons/lia";

export function Example() {
  return <LiaIdCardAltSolid className="size-5" />;
}
id-card-alt-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 15 5 C 13.90625 5 13 5.90625 13 7 L 13 8 L 4 8 L 4 26 L 28 26 L 28 8 L 19 8 L 19 7 C 19 5.90625 18.09375 5 17 5 Z M 15 7 L 17 7 L 17 9 L 15 9 Z M 6 10 L 13 10 L 13 11 L 19 11 L 19 10 L 26 10 L 26 24 L 6 24 Z M 16 12 C 13.800781 12 12 13.800781 12 16 C 12 17.117188 12.46875 18.128906 13.214844 18.855469 C 11.878906 19.757813 11 21.28125 11 23 L 13 23 C 13 21.332031 14.332031 20 16 20 C 17.667969 20 19 21.332031 19 23 L 21 23 C 21 21.28125 20.121094 19.757813 18.785156 18.855469 C 19.53125 18.128906 20 17.117188 20 16 C 20 13.800781 18.199219 12 16 12 Z M 16 14 C 17.117188 14 18 14.882813 18 16 C 18 17.117188 17.117188 18 16 18 C 14.882813 18 14 17.117188 14 16 C 14 14.882813 14.882813 14 16 14 Z"
  />
</svg>
Attribution
"Id Card Alt Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: credit, payment, debit, wallet