Up Arrow Circle (Page Top / Back) Free Icons | Vector Assets

Necessity of website! Free material of “Back to Page Top” button

Simple and highly visible up arrow icon where upward triangle (▲) is placed inside circle. Design most widely spread as “Page Top” button installed near footer of website or blog. Navigation enabling user to return to top instantly in vertically long Landing Page (LP) or smartphone site, free material available for commercial use essential for ensuring usability.

Specific Usage Scenes and Suggestions

Not only functionality as UI part, can also be utilized as symbol representing “Rise.”

• For UI Part of Website / Blog
  As “Back to Top” button fixedly displayed (following) at bottom right of screen. especially on narrow screen of smartphone, round shape easy to tap with finger is preferred. Has effect of preventing withdrawal rate in articles and contents with large scroll amount and increasing migration.
• For Timeline Operation of App / SNS
  As icon of shortcut function like “Return to latest post” “Jump to unread message” in timeline flowing in chronological order like X (old Twitter) or chat app.
• For Expression of Business / Ranking
  As positive indicator showing “Rank rise” “Sales up” “Year-on-year plus” accompanying pie chart or ranking table. Making warm colors like red or orange can emphasize growth and vitality.
• For Guidance of Facility / Elevator
  As guidance sign showing “To upper floor” “Rooftop is here” in floor guide map of department store or office building. Universal design simple and meaningful to anyone.

Editing Tips and Benefits of SVG Format

Free materials distributed on this site are also provided in vector format (SVG file) that does not deteriorate.

It is common to customize color of this icon according to tone & manner of website. Controlling SVG file with CSS allows easy implementation of micro-interactions (movements) such as “Color reverses” “Floats slightly up” “Rotates” at mouse over, conveying more clearly to user that it is “Button that can be pressed.”

Related Keywords

Up arrow, Page top, Return, Upper, Triangle, Button, UI, Scroll, Rise, Up, Icon