Arrow Up 4 Square Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Arrow Up 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/308781.svg" alt="Arrow Up 4 Square Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308781.svg" alt="Arrow Up 4 Square Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308781.svg" alt="Arrow Up 4 Square Svg icon" :width="24" :height="24" />
CSS background
.icon-arrow-up-4-square---svg {
background-image: url('https://proicons.com/icon/308781.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 18V4ZM14.2929 13.7071C14.6834 14.0976 15.3166 14.0976 15.7071 13.7071C16.0976 13.3166 16.0976 12.6834 15.7071 12.2929L12.7071 9.29289C12.3166 8.90237 11.6834 8.90237 11.2929 9.29289L8.29289 12.2929C7.90237 12.6834 7.90237 13.3166 8.29289 13.7071C8.68342 14.0976 9.31658 14.0976 9.70711 13.7071L12 11.4142L14.2929 13.7071Z" fill="#292929"/> </svg>
Copied!