arrow-up
Arrow Up icon · Lucide · <ArrowUp />
arrow-upLucide tags arrow-up with north, forward and direction. It's in Lucide's Arrows category; similar icons include Arrow Big Up, Arrow Big Up Dash and Arrow Up From Line. The matching icon is Arrow Up in Microsoft's Fluent icons.
24 px, stroke 2
arrow-up.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 Up icon in React
npm install lucide-react
import { ArrowUp } from "lucide-react";
export function Example() {
return <ArrowUp />;
}
Details
| Name | arrow-up |
|---|---|
| Component | ArrowUp (also ArrowUpIcon, LucideArrowUp) |
| Category | Arrows |
| Icon font | icon-arrow-up, U+E04A |
| CSS content | "\e04a" |
| File | lucide-static/icons/arrow-up.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |
Tags
Also in Fluent
Arrow UpMicrosoft's version of this icon, on Fluenticons