Up Arrow Icons
An up arrow shows up more than its direction suggests — scroll-to-top buttons, sort indicators, upload icons, "back to top" links, rank increases in a dashboard. This page collects every up-arrow variant across Pathwork's libraries, from simple chevrons to full arrowheads with a stem, so you can pick the exact weight and shape without scrolling through a full general arrow set to find the one pointing the direction you need.
Showing top 100·100 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all up arrow iconsSource libraries
Frequently Asked Questions
A chevron is just the angled line (like a '^' shape) without a stem, commonly used for expand/collapse toggles or subtle directional hints. A full arrow includes a vertical line with an arrowhead, which reads more explicitly as 'move' or 'go up' — useful for actions like scroll-to-top or upload. Which one to use depends on whether you want a subtle indicator or a clear directional action.
It's generally fine visually, but if both actions appear close together or in a similar context, consider differentiating them further with a label, tooltip, or a slightly different icon (like a dedicated upload-tray icon) so the meaning isn't ambiguous at a glance.
Not necessarily — for simple, symmetric arrow icons, you can use a single icon and rotate it with CSS (e.g. 'transform: rotate(180deg)' to turn an up arrow into a down arrow) instead of downloading a separate file for each direction. This page is useful when you want an icon that was specifically designed as 'up' rather than a rotated version of another direction.
A few animated variants (like a subtle bounce or fade-in) exist in Pathwork's Animated collection. Most icons on this page are static, since a plain up arrow is usually paired with your own hover or click animation rather than shipping with motion built in.
This depends on your interface, but a simple chevron or thin-stroke arrow tends to read cleanly in a small floating button, while a bolder filled arrow can work well if the button itself is more prominent. Previewing a few at your actual button size is the most reliable way to decide.
Each icon keeps the license from its source library attached to it, and terms can differ depending on which library a specific icon comes from. Check the license shown on the individual icon's page before using it commercially.