Right Arrow Circle (Next / Play) Free Icons | Vector Assets

Free material of right arrow inducing to “Future” or “Next”

Simple and highly visible right arrow icon where right-facing triangle (▶) is placed inside circle. This shape is widely recognized not only as “Next” button in slideshow or page turning but also as “Play button (Play)” in video sites like YouTube or music apps. Free material available for commercial use most positive and important in UI design urging user to active action “Go forward” “Start content.”

Specific Usage Scenes and Suggestions

Utilized as important guide line leading user to goal or new information.

• For Playback of Video / Music Content
  As “Start playback (Play)” button of video or audio by placing largely in center of screen. Having round frame makes it clearly visible even on thumbnail image with complex background, making user hold expectation “It will start if I press this.”
• For Operation of Image Slider / Carousel
  As “Next image” button placed at right end in hero image or product image gallery. Since humans have habit of moving line of sight from left to right, right-facing arrow is optimal for showing next content in natural flow.
• For Application Form / Wizard
  As icon of “To next screen” “Proceed to confirmation screen” button in screen spanning multiple steps such as member registration, questionnaire, shopping cart. Direction of travel becomes clearer than text-only button, preventing dropout and supporting arrival at conversion (completion).
• For Pagination (Page Turning)
  As icon of “To next page” link in footer of search result or blog article list. Essential navigation for user to acquire next information smoothly after reading current page.

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 using this icon as “Next” button, adding movement “Sliding slightly to right on mouse over” with CSS animation increases induction effect to traveling direction. Also, when using as play button, setting SVG fill to “Red” or “Vivid brand color” can make it function as eye-catcher to increase click rate.

Related Keywords

Right arrow, Next, Proceed, Play, Play, Next, Triangle, Button, Slider, Video, UI, Icon