Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Id Badge icon
A free id badge 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
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/id-badge.jsonimport * as React from "react";
/**
* Id Badge from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/line-awesome/id-badge. Sized in em, colored by currentColor.
*/
export function LiaIdBadgeIcon(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 3 C 13.90625 3 13 3.90625 13 5 L 7 5 L 7 28 L 25 28 L 25 5 L 19 5 C 19 3.90625 18.09375 3 17 3 Z M 15 5 L 17 5 L 17 7 L 15 7 Z M 9 7 L 13 7 L 13 9 L 19 9 L 19 7 L 23 7 L 23 26 L 9 26 Z M 16 11 C 13.800781 11 12 12.800781 12 15 C 12 16.113281 12.476563 17.117188 13.21875 17.84375 C 11.886719 18.746094 11 20.28125 11 22 L 13 22 C 13 20.332031 14.332031 19 16 19 C 17.667969 19 19 20.332031 19 22 L 21 22 C 21 20.28125 20.113281 18.746094 18.78125 17.84375 C 19.523438 17.117188 20 16.113281 20 15 C 20 12.800781 18.199219 11 16 11 Z M 16 13 C 17.117188 13 18 13.882813 18 15 C 18 16.117188 17.117188 17 16 17 C 14.882813 17 14 16.117188 14 15 C 14 13.882813 14.882813 13 16 13 Z"
/>
</svg>
);
}import { LiaIdBadge } from "react-icons/lia";
export function Example() {
return <LiaIdBadge className="size-5" />;
}<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 3 C 13.90625 3 13 3.90625 13 5 L 7 5 L 7 28 L 25 28 L 25 5 L 19 5 C 19 3.90625 18.09375 3 17 3 Z M 15 5 L 17 5 L 17 7 L 15 7 Z M 9 7 L 13 7 L 13 9 L 19 9 L 19 7 L 23 7 L 23 26 L 9 26 Z M 16 11 C 13.800781 11 12 12.800781 12 15 C 12 16.113281 12.476563 17.117188 13.21875 17.84375 C 11.886719 18.746094 11 20.28125 11 22 L 13 22 C 13 20.332031 14.332031 19 16 19 C 17.667969 19 19 20.332031 19 22 L 21 22 C 21 20.28125 20.113281 18.746094 18.78125 17.84375 C 19.523438 17.117188 20 16.113281 20 15 C 20 12.800781 18.199219 11 16 11 Z M 16 13 C 17.117188 13 18 13.882813 18 15 C 18 16.117188 17.117188 17 16 17 C 14.882813 17 14 16.117188 14 15 C 14 13.882813 14.882813 13 16 13 Z"
/>
</svg>"Id Badge" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.