Hover the icon or press Play. Suggested motion: shake. Pick another to preview it and update the animated code:
Lock Closed icon
A free lock closed icon from Radix 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
- MIT license
- Project
- icons.radix-ui.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/lock-closed.jsonimport * as React from "react";
/**
* Lock Closed from Radix Icons (https://icons.radix-ui.com), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/radix/lock-closed. Sized in em, colored by currentColor.
*/
export function RxLockClosedIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
fill="none"
viewBox="0 0 15 15"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M7.50098 0.97831C8.5754 0.97831 9.46932 1.32269 10.0908 1.99198C10.7073 2.65592 11 3.57934 11 4.63358V5.99979H12C12.5522 5.99979 12.9999 6.4476 13 6.99979V12.9998C13 13.5521 12.5523 13.9998 12 13.9998H3C2.44772 13.9998 2 13.5521 2 12.9998V6.99979C2.00011 6.4476 2.44778 5.99979 3 5.99979H4V4.63554C4.00009 3.58126 4.29322 2.65732 4.91016 1.99296C5.53211 1.32327 6.42651 0.978401 7.50098 0.97831ZM3 12.9998H12V6.99979H3V12.9998ZM7.50098 1.97831C6.64571 1.9784 6.0396 2.24726 5.64355 2.67362C5.24259 3.10537 5.00009 3.76007 5 4.63554V5.99979H10V4.63358C10 3.75741 9.75854 3.10258 9.3584 2.67167C8.96322 2.24619 8.35692 1.97831 7.50098 1.97831Z"
fill="currentColor"
/>
</svg>
);
}import { RxLockClosed } from "react-icons/rx";
export function Example() {
return <RxLockClosed className="size-5" />;
}<svg
fill="none"
viewBox="0 0 15 15"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7.50098 0.97831C8.5754 0.97831 9.46932 1.32269 10.0908 1.99198C10.7073 2.65592 11 3.57934 11 4.63358V5.99979H12C12.5522 5.99979 12.9999 6.4476 13 6.99979V12.9998C13 13.5521 12.5523 13.9998 12 13.9998H3C2.44772 13.9998 2 13.5521 2 12.9998V6.99979C2.00011 6.4476 2.44778 5.99979 3 5.99979H4V4.63554C4.00009 3.58126 4.29322 2.65732 4.91016 1.99296C5.53211 1.32327 6.42651 0.978401 7.50098 0.97831ZM3 12.9998H12V6.99979H3V12.9998ZM7.50098 1.97831C6.64571 1.9784 6.0396 2.24726 5.64355 2.67362C5.24259 3.10537 5.00009 3.76007 5 4.63554V5.99979H10V4.63358C10 3.75741 9.75854 3.10258 9.3584 2.67167C8.96322 2.24619 8.35692 1.97831 7.50098 1.97831Z"
fill="currentColor"
/>
</svg>"Lock Closed" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.