Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Cut icon
A free cut icon from Ionicons 5, 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
- ionicons.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/ionicons-5/cut.jsonimport * as React from "react";
/**
* Cut from Ionicons 5 (https://ionicons.com/), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/ionicons-5/cut. Sized in em, colored by currentColor.
*/
export function IoCutIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 512 512"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M103.48 224a71.64 71.64 0 0 0 44.76-15.66l41.5 16.89 6.82-12.63a39 39 0 0 1 4.32-6.37l14.22-14.42-41.17-24.94A72 72 0 1 0 103.48 224m0-112a40 40 0 1 1-40 40 40 40 0 0 1 40-40"
/>
<path
d="m480 169-5.52-12.58c-4.48-10.42-14.74-16-32.78-17.85-10.12-1-26.95-1.24-49.69 3.81-20 4.45-122.14 28.2-164.95 58.62-20.25 14.39-24.06 33.67-27.06 49.16-2.78 14.14-5 25.31-18 35-15 11.14-27.27 16.38-33.58 18.6a71.74 71.74 0 1 0 24.79 38zm-224.52 87a16 16 0 1 1 16-16 16 16 0 0 1-16 16m-152 144a40 40 0 1 1 40-40 40 40 0 0 1-40 40"
/>
<path
d="m343.79 259.87-83.74 48.18 27.63 13.08 3.62 1.74C310 331.92 359.74 356 410.53 359c3.89.23 7.47.34 10.78.34C442 359.31 453 354 459.75 350L480 336z"
/>
</svg>
);
}import { IoCut } from "react-icons/io5";
export function Example() {
return <IoCut className="size-5" />;
}<svg
viewBox="0 0 512 512"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M103.48 224a71.64 71.64 0 0 0 44.76-15.66l41.5 16.89 6.82-12.63a39 39 0 0 1 4.32-6.37l14.22-14.42-41.17-24.94A72 72 0 1 0 103.48 224m0-112a40 40 0 1 1-40 40 40 40 0 0 1 40-40"
/>
<path
d="m480 169-5.52-12.58c-4.48-10.42-14.74-16-32.78-17.85-10.12-1-26.95-1.24-49.69 3.81-20 4.45-122.14 28.2-164.95 58.62-20.25 14.39-24.06 33.67-27.06 49.16-2.78 14.14-5 25.31-18 35-15 11.14-27.27 16.38-33.58 18.6a71.74 71.74 0 1 0 24.79 38zm-224.52 87a16 16 0 1 1 16-16 16 16 0 0 1-16 16m-152 144a40 40 0 1 1 40-40 40 40 0 0 1-40 40"
/>
<path
d="m343.79 259.87-83.74 48.18 27.63 13.08 3.62 1.74C310 331.92 359.74 356 410.53 359c3.89.23 7.47.34 10.78.34C442 359.31 453 354 459.75 350L480 336z"
/>
</svg>"Cut" icon from Ionicons 5 (https://ionicons.com/), licensed under MIT license.