Left Arrow Circle (Back / Previous) Free Icons | Vector Assets

Free material of left arrow inducing to “Past” or “Previous”

Simple and highly visible left arrow icon where left-facing triangle (◀) is placed inside circle. This shape familiar as “Back button” of web browser functions as navigation when user returns to previous screen or looks back at previous image in slideshow. Also symbol pointing to “Past (Left)” in flow of time, free material available for commercial use indispensable for UI design cancelling operation or tracing back history.

Specific Usage Scenes and Suggestions

Utilized in all digital contents requiring action “Return.”

• For Operation of Image Slider / Carousel
  As “To previous image” button placed at left end in slideshow (carousel) where product image of EC site or main visual of top page switches. Having translucent round frame in background ensures visibility even if overlapping on photo.
• For Pagination (Page Turning)
  As icon of “Return to previous page” link in footer part of search result list or blog article list. Supports operation tracing back list intuitively rather than link with only numbers.
• For UI of Video / Music Player
  As part of controller indicating “Rewind 10 seconds” “Skip to previous song (Head search)” in operation screen of YouTube or music app. Vertex of triangle facing left links visually with returning playback bar to left (past).
• For E-book / Manga App
  As navigation icon meaning “Return to previous page” “To previous volume” in electronic comic read on web browser or e-book viewer. Especially in horizontal reading media, becomes important guide showing direction to turn pages.

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.

When implementing this icon as button, adding animation at mouse over (hover) with CSS is effective. Adding movement “Entire icon moves slightly to left” can suggest return action more intuitively. Also, UI design making opacity lower and graying out when on first page to visually convey that it is impossible to return further is also common.

Related Keywords

Left arrow, Return, Back, Previous, Triangle, Button, Slider, Carousel, Rewind, UI, Icon