Arrow Down 4 Square Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Arrow Down 4 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/308751.svg" alt="Arrow Down 4 Square Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308751.svg" alt="Arrow Down 4 Square Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308751.svg" alt="Arrow Down 4 Square Svg icon" :width="24" :height="24" />
CSS background
.icon-arrow-down-4-square---svg {
background-image: url('https://proicons.com/icon/308751.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 18V4ZM9.70711 10.2929C9.31658 9.90237 8.68342 9.90237 8.29289 10.2929C7.90237 10.6834 7.90237 11.3166 8.29289 11.7071L11.2929 14.7071C11.6834 15.0976 12.3166 15.0976 12.7071 14.7071L15.7071 11.7071C16.0976 11.3166 16.0976 10.6834 15.7071 10.2929C15.3166 9.90237 14.6834 9.90237 14.2929 10.2929L12 12.5858L9.70711 10.2929Z" fill="#292929"/> </svg>
Copied!