Arrow Down 3 Square Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Arrow Down 3 Square Svg icon is commonly used in navigation controls, pagination and call-to-action buttons. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/308750.svg" alt="Arrow Down 3 Square Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308750.svg" alt="Arrow Down 3 Square Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308750.svg" alt="Arrow Down 3 Square Svg icon" :width="24" :height="24" />
CSS background
.icon-arrow-down-3-square---svg {
background-image: url('https://proicons.com/icon/308750.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C3 3.44772 3.44772 3 4 3H20C20.5523 3 21 3.44772 21 4V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V4ZM13 9C13 8.44772 12.5523 8 12 8C11.4477 8 11 8.44771 11 9L11 12.5858L9.70711 11.2929C9.31658 10.9024 8.68342 10.9024 8.29289 11.2929C7.90237 11.6834 7.90237 12.3166 8.29289 12.7071L11.2929 15.7071C11.6834 16.0976 12.3166 16.0976 12.7071 15.7071L15.7071 12.7071C16.0976 12.3166 16.0976 11.6834 15.7071 11.2929C15.3166 10.9024 14.6834 10.9024 14.2929 11.2929L13 12.5858V9Z" fill="#292929"/> </svg>
Copied!