IconSearch logoIconsearch
Home/Libraries/Stash Icons (Iconify)/corner-down-left-light
← Back to Search
Stash Icons (Iconify)

CornerDownLeftLight

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M20 3.5a.5.5 0 0 1 .5.5v1.423c0 1.66 0 2.938-.083 3.959c-.085 1.03-.257 1.845-.626 2.569a6.5 6.5 0 0 1-2.84 2.84c-.724.37-1.538.541-2.57.626c-1.02.083-2.297.083-3.958.083H5.207l4.147 4.146a.5.5 0 0 1-.708.708l-5-5a.5.5 0 0 1 0-.708l5-5a.5.5 0 1 1 .708.708L5.207 14.5H10.4c1.688 0 2.925 0 3.9-.08c.97-.08 1.637-.234 2.197-.52a5.5 5.5 0 0 0 2.404-2.403c.285-.56.44-1.227.519-2.197c.08-.975.08-2.212.08-3.9V4a.5.5 0 0 1 .5-.5" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. CornerDownLeftLightIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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 Stash Icons (Iconify)

Browse all Stash Icons (Iconify) icons →
airplane
airplane
airplane-duotone
airplane-duotone
airplane-light
airplane-light
airplane-solid
airplane-solid
angle-down
angle-down
angle-down-duotone
angle-down-duotone
angle-down-light
angle-down-light
angle-left
angle-left
angle-left-duotone
angle-left-duotone
angle-left-light
angle-left-light
angle-right
angle-right
angle-right-duotone
angle-right-duotone