Reload Arrows (Update / Refresh) Free Icons | Vector Assets

Rewriting to latest state, “Update / Reload” Free Material

Illustration icon indispensable for UI design depicting appearance where 2 arrows rotate smoothly on circumference. While previous “Recycle” means circulation of resources or physical exchange, this rotating arrow symbolizes “Passage of time” or “Acquisition of new information” in digital space. Free material available for commercial use to convey system operation status to user as “Reload” button of web browser, “Update check” of application, or “Loading (Spinner)” waiting for processing.

Specific Usage Scenes and Suggestions

This icon is searched and used in scenes showing state change of system or active “Redo” action by user.

• For “Reload” Button of Browser / App
  As “Refresh button” updating screen to display latest article or post on news site or timeline. One of functions users click most frequently.
• As “Spinner” During Processing / Loading
  As base material of “Loading animation” continuing to rotate round and round in center of screen during data download or page transition. Visually conveys message “Currently processing, please wait” to user.
• For “Retry” of Game / Operation
  As “Play again” button when game over or “Reconnect” button when communication error occurs. Contains positive nuance of doing again newly, not returning to state immediately before failure.
• For “Update” Notification of Software
  As notification icon “There is update program” of OS or app, or mark urging restart. Important sign to keep system in latest and safe state.
• For Guidance of 360-degree View / Rotation Operation
  As an icon explaining operation method “Can rotate image by dragging” in preview panorama photo of real estate site or product image of EC site.

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.

This rotating arrow icon has excellent compatibility with CSS animation. Just embedding SVG code in website and adding simple CSS code makes icon rotate round and round actually. Even when using as still image, using colors properly according to system state (status) such as “Gray” for standby, “Blue” for in progress, “Red” for retry waiting due to communication error is standard of UI design.

Related Keywords

Update, Reload, Refresh, Rotation, Arrow, Loading, Processing, Spinner, Retry, 360 degrees, Passage of time, Icon