Hover the icon or press Play. Suggested motion: nod. Pick another to preview it and update the animated code:
Person icon
A free person 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/person.jsonimport * as React from "react";
/**
* Person from Radix Icons (https://icons.radix-ui.com), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/radix/person. Sized in em, colored by currentColor.
*/
export function RxPersonIcon(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.50061 0.875C9.50223 0.87533 11.1254 2.49835 11.1256 4.5C11.1254 6.15524 10.0147 7.54948 8.49866 7.9834C9.69596 8.12806 10.7226 8.55058 11.4957 9.3125C12.4775 10.2802 12.9743 11.7208 12.9742 13.6006C12.9739 13.8626 12.7617 14.0752 12.4996 14.0752C12.2377 14.075 12.0254 13.8625 12.025 13.6006C12.0251 11.8806 11.5718 10.7206 10.8287 9.98828C10.0843 9.25473 8.97269 8.87501 7.49963 8.875C6.02676 8.87507 4.91492 9.25482 4.17053 9.98828C3.42772 10.7206 2.97424 11.8809 2.97424 13.6006C2.9739 13.8626 2.76176 14.0752 2.49963 14.0752C2.23769 14.075 2.02537 13.8625 2.02502 13.6006C2.02502 11.7211 2.52208 10.2802 3.50354 9.3125C4.27606 8.55116 5.30254 8.12935 6.49866 7.98438C4.98407 7.5496 3.87578 6.15428 3.87561 4.5C3.87582 2.49815 5.49871 0.875 7.50061 0.875ZM7.50061 1.82422C6.02338 1.82422 4.82504 3.02282 4.82483 4.5C4.82504 5.97718 6.02338 7.1748 7.50061 7.1748C8.97756 7.17447 10.1752 5.97698 10.1754 4.5C10.1752 3.02302 8.97756 1.82455 7.50061 1.82422Z"
fill="currentColor"
/>
</svg>
);
}import { RxPerson } from "react-icons/rx";
export function Example() {
return <RxPerson 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.50061 0.875C9.50223 0.87533 11.1254 2.49835 11.1256 4.5C11.1254 6.15524 10.0147 7.54948 8.49866 7.9834C9.69596 8.12806 10.7226 8.55058 11.4957 9.3125C12.4775 10.2802 12.9743 11.7208 12.9742 13.6006C12.9739 13.8626 12.7617 14.0752 12.4996 14.0752C12.2377 14.075 12.0254 13.8625 12.025 13.6006C12.0251 11.8806 11.5718 10.7206 10.8287 9.98828C10.0843 9.25473 8.97269 8.87501 7.49963 8.875C6.02676 8.87507 4.91492 9.25482 4.17053 9.98828C3.42772 10.7206 2.97424 11.8809 2.97424 13.6006C2.9739 13.8626 2.76176 14.0752 2.49963 14.0752C2.23769 14.075 2.02537 13.8625 2.02502 13.6006C2.02502 11.7211 2.52208 10.2802 3.50354 9.3125C4.27606 8.55116 5.30254 8.12935 6.49866 7.98438C4.98407 7.5496 3.87578 6.15428 3.87561 4.5C3.87582 2.49815 5.49871 0.875 7.50061 0.875ZM7.50061 1.82422C6.02338 1.82422 4.82504 3.02282 4.82483 4.5C4.82504 5.97718 6.02338 7.1748 7.50061 7.1748C8.97756 7.17447 10.1752 5.97698 10.1754 4.5C10.1752 3.02302 8.97756 1.82455 7.50061 1.82422Z"
fill="currentColor"
/>
</svg>"Person" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.