Icon

ArrowUpRight

A canonical Velicons asset with searchable taxonomy, inspectable SVG artwork, and framework-ready usage.

appnavigation
defaultmonochrome

Ready to use

Copy a framework example or the canonical SVG without leaving this page.

Usage

Generated from the canonical Velicons framework integrations.

Example.tsx
1import { ArrowUpRight } from '@velicons/react';
2 
3export function Example() {
4 return <ArrowUpRight />;
5}

Experiment

Shape the SVG before you ship it.

Tune paint, opacity, scale, transforms, and stroke behavior against the real generated asset. The resulting code stays visible below the preview.

In context

An app icon in a real interface.

See ArrowUpRight used naturally inside a product interface.

Application

iconlucide

ArrowUpRight

This is an example of how the icon can become part of a larger product experience without being the interface itself.

appnavigation

Recent activity

Where this visual element appears in the product.

Live

Added ArrowUpRight to application

Just now · Workspace

Updated presentation

12 minutes ago · Design

Used in a new collection

Yesterday · Library

Appearance

The same asset can adapt to different surfaces while retaining its visual identity.

Default

Compact

Muted

Featured

Icon metadata

Canonical icon data, library information, source provenance, and library-specific metadata.

Icon ID
icon:arrow-up-right:lucide:default
Name
arrow-up-right
Title
ArrowUpRight
Library
Lucide
Variant
default
Color mode
monochrome
ViewBox
0 0 24 24
Dimensions
24 × 24
Categories
Aliases
None
Component
ArrowUpRight

Library & attribution

Library
Lucide
License
ISC
SPDX
ISC
License URL
https://opensource.org/licenses/ISC
Author
Lucide contributors
Repository
https://github.com/lucide-icons/lucide
Website
https://lucide.dev

Library-specific metadata

Contributors
colebemisericfennis
Use Cases
None