Direction Up Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Direction Up icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310667.svg" alt="Direction Up icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310667.svg" alt="Direction Up icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310667.svg" alt="Direction Up icon" :width="24" :height="24" />
CSS background
.icon-direction-up {
background-image: url('https://proicons.com/icon/310667.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 d="M10.8321 17.4931L6.3187 20.6781C5.9247 20.8997 5.47071 20.9911 5.02166 20.939C4.57263 20.8869 4.15158 20.6941 3.81874 20.3882C3.48592 20.0823 3.25836 19.679 3.16867 19.236C3.07896 18.7929 3.13169 18.3328 3.31931 17.9215L9.94654 4.03864C10.1187 3.6686 10.393 3.35544 10.7372 3.13601C11.0812 2.91657 11.4808 2.79999 11.889 2.79999C12.2971 2.79999 12.6968 2.91657 13.0409 3.13601C13.385 3.35544 13.6594 3.6686 13.8315 4.03864L20.6587 18.1216C20.8616 18.5392 20.9232 19.0115 20.8344 19.4673C20.7457 19.923 20.5112 20.3375 20.1664 20.6486C19.8215 20.9595 19.3851 21.15 18.9225 21.1915C18.4601 21.2328 17.9967 21.1229 17.6021 20.8782L12.8889 17.4931C12.5735 17.3206 12.2198 17.2301 11.8604 17.2301C11.501 17.2301 11.1474 17.3206 10.8321 17.4931Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Copied!