Sponsored Link
(PNG)
Free material of down arrow urging “Save” or “Continuation”
Simple and versatile down arrow icon where downward triangle (▼) is placed inside circle. This design is most commonly used as “Download button” to save materials and images on website. Also, free material available for commercial use indispensable for UI design functioning as navigation of scroll down urging to proceed to “Next section” on long page or displaying hidden detailed information by opening accordion menu.
Specific Usage Scenes and Suggestions
Urges active action “Get” or “Proceed forward” to user.
- For Button of Download Content
As button meaning “Click here to save” in distribution page of PDF materials, image materials, apps, software. User can intuitively understand “Downward arrow = Data falls to own terminal,” contributing to improvement of conversion rate (DL number). - For Accordion Menu / Detail Display
As toggle button to open information closed in initial state such as “FAQ” “Product spec details.” With this icon, user recognizes “There is continuation” “Can expand” and can access necessary information smoothly. - For Scroll Induction of Website
As anchor link placed directly under main visual of Landing Page (LP) informing that content continues outside range of first view. Adding animation moving up and down fluffy can guide line of sight naturally downward. - For Expression of Business / Numerical Fluctuation
As indicator showing number decreased such as year-on-year minus, cost down, rank decline. In this case, conveying situation accurately by devising color usage according to context such as “Blue (Calm)” “Red (Deficit).”
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 as download button, adding “Underline (Bar)” under arrow by SVG edit strengthens image of “Saucer” and recognition as save icon increases further. Also, when using as menu expansion button, adding movement “Arrow rotates 180 degrees upward (▲) when clicked” with CSS becomes kind UI where open/close state can be understood at a glance.
Related Keywords
Down arrow, Download, Save, Expand, See more, Dropdown, Menu, Scroll, Down, UI, Button, Icon
This Down Arrow Circle (Download / Expand) icon is free to use. Commercial use allowed; no attribution or registration required. Please be sure to check the Terms of Use before using.
Sister Site: Check out our Free Hand-Drawn Illustrations as well.