arrow-up-right
Arrow Up Right icon · Lucide · <ArrowUpRight />
arrow-up-rightLucide tags arrow-up-right with north-east, diagonal and direction. It's in Lucide's Arrows category; similar icons include Circle Arrow Out Up Right, Square Arrow Out Up Right and Square Arrow Up Right. The matching icon is Arrow Up Right in Microsoft's Fluent icons.
24 px, stroke 2
arrow-up-right.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 Right icon in React
npm install lucide-react
import { ArrowUpRight } from "lucide-react";
export function Example() {
return <ArrowUpRight />;
}
Details
| Name | arrow-up-right |
|---|---|
| Component | ArrowUpRight (also ArrowUpRightIcon, LucideArrowUpRight) |
| Category | Arrows |
| Icon font | icon-arrow-up-right, U+E04D |
| CSS content | "\e04d" |
| File | lucide-static/icons/arrow-up-right.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 Up RightMicrosoft's version of this icon, on Fluenticons