Chevron Arrow (Up) Free Icons | Vector Assets

Folding information / Going back up, “V-shaped (Up) Arrow” Free Material

Simple line drawing icon facing directly up, like letter “V” of alphabet upside down. This shape called “Chevron” in technical terms is often used in set with down arrow, adopted in many modern websites as navigation to “Close (Fold)” expanded menu or move smartly to top of page.

Specific Usage Scenes and Suggestions

This icon functions as button user clicks when wanting to “Return to original state” or “Organize information.”

• For “Close” of Accordion / FAQ
  As a toggle button to close and neat expanded detailed information or answer area again. Change from “Down (Open)” to “Up (Close).”
• For “Back to Top” Button
  As a button fixedly displayed at bottom right of screen, scrolling back to top of page when clicked. Less oppressive than conventional arrow, blending into design.
• For Storing Dropdown Menu
  As an icon indicating storing open select box or menu list into one line again.
• For “Ascending” Sort of Data
  As a symbol of table header indicating state where data are lined up in order from smallest, such as “Price: Low to High” of products or “Oldest” date.
• For Opening/Closing of Header Area
  As an operation switch to pull out and store search bar etc. hidden at top on smartphone sites.

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.

In UI like accordion menu, no need to prepare two images “Up” and “Down” from beginning. Trend is to express open/close state by rotating one SVG file with CSS (transform: rotate). This enables rich expression where arrow turns smoothly with animation.

Related Keywords

Arrow, V-shape, Chevron, Up, Directly up, Upward, Close, Fold, Back to top, Page top, Ascending order, Sort, UI, Icon