Home/Libraries/Ligature Symbols (Iconify)/cut

Ligature Symbols (Iconify)

Cut

License: OFL-1.1

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 717 646"><path fill="#818cf8" d="M184 396h-4c-42 0-87 20-121 53c-35 32-59 75-59 118c0 49 35 79 83 79c41 0 87-21 122-53c34-33 58-75 58-118c0-5 0-12-1-17l32-28l314 161c5 2 10 4 15 4c7 0 20-4 34-6c13-3 27-6 35-7c14-2 25-15 25-29c0-10-5-19-14-25L442 347l261-181c9-6 14-15 14-25c0-14-11-28-25-30q-6 0-15-3c-12-3-28-5-40-7s-21-2-29 2c-2 1-8 4-19 9c-10 5-23 12-38 20s-32 16-50 26c-18 9-39 19-57 29c-38 19-75 38-103 52c-14 7-26 14-35 18c-8 4-12 7-12 7l-32-29c1-5 1-11 1-16c0-43-24-86-58-118c-35-32-81-53-122-53c-48 0-83 30-83 79c0 42 24 85 60 118c36 34 82 56 124 53c4 6 13 14 22 22s17 17 23 23v8c-6 6-13 13-23 22c-9 8-17 17-22 23M74 127v-3c3-1 6-1 9-1c24 0 50 15 67 29c8 7 18 19 25 31c8 12 15 26 15 37v2c-5 1-8 1-10 1c-24 0-48-15-66-30c-7-7-18-17-26-29s-14-26-14-37m145 276l41-40l-2-48l365-186l64 12l-380 262l-17-9l-40 36c-7-11-18-20-31-27m13-100l-13-14c13-5 24-14 31-25l16 14c-15 7-28 11-34 25m46 44c0 16 13 29 29 29c17 0 30-13 30-29c0-17-13-30-29-30c-18 0-30 13-30 30m60 71l77-53l272 188l-64 12zM75 567c0-22 15-47 37-65s48-32 68-32c3 0 6 1 8 1v2c1 0 1 1 1 2c0 22-15 46-37 64s-47 32-69 32h-4c-1-1-2-1-4-1z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CutIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **OFL-1.1** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Ligature Symbols (Iconify)

Browse all Ligature Symbols (Iconify) icons →

a-upper-case