Arrow Up 3 Square Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Arrow Up 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/308780.svg" alt="Arrow Up 3 Square Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308780.svg" alt="Arrow Up 3 Square Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308780.svg" alt="Arrow Up 3 Square Svg icon" :width="24" :height="24" />
CSS background
.icon-arrow-up-3-square---svg {
background-image: url('https://proicons.com/icon/308780.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 18V4ZM12.7071 8.29289C12.3166 7.90237 11.6834 7.90237 11.2929 8.29289L8.29289 11.2929C7.90237 11.6834 7.90237 12.3166 8.29289 12.7071C8.68342 13.0976 9.31658 13.0976 9.70711 12.7071L11 11.4142L11 15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15V11.4142L14.2929 12.7071C14.6834 13.0976 15.3166 13.0976 15.7071 12.7071C16.0976 12.3166 16.0976 11.6834 15.7071 11.2929L12.7071 8.29289Z" fill="#292929"/> </svg>
Copied!