Arrow Top Right Icon
Customize & Export
About this icon
Arrow Top Right is a free, open-source icon from Radix Icons, a library of 345 icons licensed under MIT.
Radix Icons — 345 15×15px icons from the Radix UI design system. Pixel-perfect at small sizes, designed for component libraries and design tokens. MIT license.
Download the Arrow Top Righticon as SVG for scalable vector use, as a React JSX component ready to drop into any React or Next.js project, or as a PNG raster image at sizes from 24 px to 512 px. Use the color editor above to customize stroke, fill, and background before exporting.
Export Formats
SVG
Scalable Vector
Resolution-independent. Works at any size, in every browser and design tool.
JSX / TSX
React Component
Drop-in React component with TypeScript props. Works with Next.js, Vite, and any React project.
PNG
Raster Image
Export at 24 – 512 px. Perfect for emails, app stores, and platforms that don't support SVG.
Frequently Asked Questions
How do I download the Arrow Top Right icon?
Click Export above. Choose SVG for scalable vector, JSX for a React component, or PNG for a raster image. Download starts immediately — no account required.
Can I use Arrow Top Right commercially?
Radix Icons is distributed under the MIT license, which generally permits commercial use. Always review the full license before shipping to production.
How do I use Arrow Top Right in a React project?
Choose JSX format and click Export to download a ready-to-use React component. Or copy the SVG source and paste it inline in your JSX.
Can I change the color of Arrow Top Right?
Yes — use the color swatches in the editor above to customize each color in the icon. You can also apply background shapes and colors before exporting.
What sizes can I export Arrow Top Right at?
SVG scales perfectly at any size. For PNG, choose from 24, 32, 48, 64, 128, 256, or 512px before exporting.