18 Iconify packs · copy SVG, PNG, React, Vue, and more Open registry →

Lucide · UI

lucide:layer-arrow-down

Lucide is a stroked 24px set with consistent padding, often the default for React and shadcn/ui projects. License: ISC.

View collection

License: ISC · /r/lucide/layer-arrow-down.json

Redistribution follows that set’s license. Brand marks can have extra trademark limits.

React

import type { SVGProps } from 'react';

export function LayerArrowDown(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M12 10v10m10-10a1 1 0 0 1-.59.92l-5.077 2.308"/><path d="M22.017 10.005a1 1 0 0 0-.597-.916l-8.59-3.91a2 2 0 0 0-1.66.001L2.6 9.08a1 1 0 0 0-.02 1.831l5.093 2.316M9 17l3 3l3-3"/></g></svg>
  );
}

More in this set

Click to copy · Hover to preview

 

Customize colors

Changes apply to SVG, PNG and Data URI exports only. CDN / img URI always serve the original.

Lucide icon

Lucide

Lucide

lucide