arrow-down-from-line
Arrow Down From Line icon · Lucide · <ArrowDownFromLine />
arrow-down-from-lineLucide tags arrow-down-from-line with backwards, download and south. It's in Lucide's Arrows and File icons categories; similar icons include Arrow Up From Line, Arrow Down To Line and Arrow Left From Line.
24 px, stroke 2
arrow-down-from-line.svg
Size, stroke and code
Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.
Stroke width
Size
Arrow Down From Line icon in React
npm install lucide-react
import { ArrowDownFromLine } from "lucide-react";
export function Example() {
return <ArrowDownFromLine />;
}
Details
| Name | arrow-down-from-line |
|---|---|
| Component | ArrowDownFromLine (also ArrowDownFromLineIcon, LucideArrowDownFromLine) |
| Categories | Arrows, File icons |
| Icon font | icon-arrow-down-from-line, U+E454 |
| CSS content | "\e454" |
| File | lucide-static/icons/arrow-down-from-line.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |