Hover the icon or press Play. Suggested motion: nod. Pick another to preview it and update the animated code:
Group icon
A free group 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/group.jsonimport * as React from "react";
/**
* Group from Radix Icons (https://icons.radix-ui.com), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/radix/group. Sized in em, colored by currentColor.
*/
export function RxGroupIcon(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="M1.44995 10.95C1.72609 10.95 1.94995 11.1738 1.94995 11.45V12.95H3.44995C3.72609 12.95 3.94995 13.1738 3.94995 13.45C3.94995 13.7261 3.72609 13.95 3.44995 13.95H1.44995C1.17381 13.95 0.949951 13.7261 0.949951 13.45V11.45C0.949951 11.1738 1.17381 10.95 1.44995 10.95ZM8.94995 12.95C9.22609 12.95 9.44995 13.1738 9.44995 13.45C9.44995 13.7261 9.22609 13.95 8.94995 13.95H5.94995C5.67381 13.95 5.44995 13.7261 5.44995 13.45C5.44995 13.1738 5.67381 12.95 5.94995 12.95H8.94995ZM13.45 10.95C13.7261 10.95 13.95 11.1738 13.95 11.45V13.45C13.9499 13.7261 13.7261 13.9499 13.45 13.95H11.45C11.1738 13.95 10.95 13.7261 10.95 13.45C10.95 13.1738 11.1738 12.95 11.45 12.95H12.949L12.95 11.45C12.95 11.1738 13.1738 10.95 13.45 10.95ZM1.44995 5.44995C1.72609 5.44995 1.94995 5.67381 1.94995 5.94995V8.94995C1.94995 9.22609 1.72609 9.44995 1.44995 9.44995C1.17381 9.44995 0.949951 9.22609 0.949951 8.94995V5.94995C0.949951 5.67381 1.17381 5.44995 1.44995 5.44995ZM13.45 5.44995C13.7261 5.44995 13.95 5.67381 13.95 5.94995V8.94995C13.95 9.22609 13.7261 9.44995 13.45 9.44995C13.1738 9.44995 12.95 9.22609 12.95 8.94995V5.94995C12.95 5.67381 13.1738 5.44995 13.45 5.44995ZM3.44995 0.949951C3.72609 0.949951 3.94995 1.17381 3.94995 1.44995C3.94995 1.72609 3.72609 1.94995 3.44995 1.94995H1.94995V3.44995C1.94995 3.72609 1.72609 3.94995 1.44995 3.94995C1.17382 3.94994 0.949953 3.72609 0.949951 3.44995V1.44995C0.949951 1.31734 1.00267 1.1902 1.09644 1.09644C1.1902 1.00267 1.31734 0.949951 1.44995 0.949951H3.44995ZM13.449 0.949951C13.7251 0.949951 13.95 1.17381 13.95 1.44995V3.44995C13.95 3.72609 13.7261 3.94994 13.45 3.94995C13.1738 3.94995 12.95 3.72609 12.95 3.44995V1.94995H11.45C11.1738 1.94995 10.95 1.72609 10.95 1.44995C10.95 1.17381 11.1738 0.949951 11.45 0.949951H13.449ZM8.94995 0.949951C9.22609 0.949951 9.44995 1.17381 9.44995 1.44995C9.44995 1.72609 9.22609 1.94995 8.94995 1.94995H5.94995C5.67381 1.94995 5.44995 1.72609 5.44995 1.44995C5.44995 1.17381 5.67381 0.949951 5.94995 0.949951H8.94995Z"
fill="currentColor"
/>
</svg>
);
}import { RxGroup } from "react-icons/rx";
export function Example() {
return <RxGroup 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="M1.44995 10.95C1.72609 10.95 1.94995 11.1738 1.94995 11.45V12.95H3.44995C3.72609 12.95 3.94995 13.1738 3.94995 13.45C3.94995 13.7261 3.72609 13.95 3.44995 13.95H1.44995C1.17381 13.95 0.949951 13.7261 0.949951 13.45V11.45C0.949951 11.1738 1.17381 10.95 1.44995 10.95ZM8.94995 12.95C9.22609 12.95 9.44995 13.1738 9.44995 13.45C9.44995 13.7261 9.22609 13.95 8.94995 13.95H5.94995C5.67381 13.95 5.44995 13.7261 5.44995 13.45C5.44995 13.1738 5.67381 12.95 5.94995 12.95H8.94995ZM13.45 10.95C13.7261 10.95 13.95 11.1738 13.95 11.45V13.45C13.9499 13.7261 13.7261 13.9499 13.45 13.95H11.45C11.1738 13.95 10.95 13.7261 10.95 13.45C10.95 13.1738 11.1738 12.95 11.45 12.95H12.949L12.95 11.45C12.95 11.1738 13.1738 10.95 13.45 10.95ZM1.44995 5.44995C1.72609 5.44995 1.94995 5.67381 1.94995 5.94995V8.94995C1.94995 9.22609 1.72609 9.44995 1.44995 9.44995C1.17381 9.44995 0.949951 9.22609 0.949951 8.94995V5.94995C0.949951 5.67381 1.17381 5.44995 1.44995 5.44995ZM13.45 5.44995C13.7261 5.44995 13.95 5.67381 13.95 5.94995V8.94995C13.95 9.22609 13.7261 9.44995 13.45 9.44995C13.1738 9.44995 12.95 9.22609 12.95 8.94995V5.94995C12.95 5.67381 13.1738 5.44995 13.45 5.44995ZM3.44995 0.949951C3.72609 0.949951 3.94995 1.17381 3.94995 1.44995C3.94995 1.72609 3.72609 1.94995 3.44995 1.94995H1.94995V3.44995C1.94995 3.72609 1.72609 3.94995 1.44995 3.94995C1.17382 3.94994 0.949953 3.72609 0.949951 3.44995V1.44995C0.949951 1.31734 1.00267 1.1902 1.09644 1.09644C1.1902 1.00267 1.31734 0.949951 1.44995 0.949951H3.44995ZM13.449 0.949951C13.7251 0.949951 13.95 1.17381 13.95 1.44995V3.44995C13.95 3.72609 13.7261 3.94994 13.45 3.94995C13.1738 3.94995 12.95 3.72609 12.95 3.44995V1.94995H11.45C11.1738 1.94995 10.95 1.72609 10.95 1.44995C10.95 1.17381 11.1738 0.949951 11.45 0.949951H13.449ZM8.94995 0.949951C9.22609 0.949951 9.44995 1.17381 9.44995 1.44995C9.44995 1.72609 9.22609 1.94995 8.94995 1.94995H5.94995C5.67381 1.94995 5.44995 1.72609 5.44995 1.44995C5.44995 1.17381 5.67381 0.949951 5.94995 0.949951H8.94995Z"
fill="currentColor"
/>
</svg>"Group" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.