Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Crop icon
A free crop 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/crop.jsonimport * as React from "react";
/**
* Crop from Radix Icons (https://icons.radix-ui.com), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/radix/crop. Sized in em, colored by currentColor.
*/
export function RxCropIcon(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="M-5.0268e-07 3.5C5.61896e-06 3.22386 0.223862 3 0.499999 3L3 3L3 0.5C3 0.223858 3.22386 -1.40919e-07 3.5 -1.5299e-07C3.77614 -1.6506e-07 4 0.223858 4 0.5L4 3L11.5 3C11.7761 3 12 3.22389 12 3.5L12 11L14.5 11L14.6006 11.0098C14.8285 11.0563 15 11.2583 15 11.5C15 11.7417 14.8286 11.9437 14.6006 11.9902L14.5 12L12 12L12 14.5C12 14.7761 11.7761 15 11.5 15C11.2239 15 11 14.7761 11 14.5L11 12L3.5 12C3.22386 12 3 11.7761 3 11.5L3 4L0.5 4C0.22386 3.99999 -8.80855e-07 3.77614 -5.0268e-07 3.5ZM11 11L11 4L4 4L4 11L11 11Z"
fill="currentColor"
/>
</svg>
);
}import { RxCrop } from "react-icons/rx";
export function Example() {
return <RxCrop 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="M-5.0268e-07 3.5C5.61896e-06 3.22386 0.223862 3 0.499999 3L3 3L3 0.5C3 0.223858 3.22386 -1.40919e-07 3.5 -1.5299e-07C3.77614 -1.6506e-07 4 0.223858 4 0.5L4 3L11.5 3C11.7761 3 12 3.22389 12 3.5L12 11L14.5 11L14.6006 11.0098C14.8285 11.0563 15 11.2583 15 11.5C15 11.7417 14.8286 11.9437 14.6006 11.9902L14.5 12L12 12L12 14.5C12 14.7761 11.7761 15 11.5 15C11.2239 15 11 14.7761 11 14.5L11 12L3.5 12C3.22386 12 3 11.7761 3 11.5L3 4L0.5 4C0.22386 3.99999 -8.80855e-07 3.77614 -5.0268e-07 3.5ZM11 11L11 4L4 4L4 11L11 11Z"
fill="currentColor"
/>
</svg>"Crop" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.