Next Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Next 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/310249.svg" alt="Next icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310249.svg" alt="Next icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310249.svg" alt="Next icon" :width="24" :height="24" />
CSS background
.icon-next {
background-image: url('https://proicons.com/icon/310249.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="M20.0949 20.9999C19.896 20.9999 19.7053 20.9209 19.5647 20.7803C19.424 20.6396 19.3449 20.4489 19.3449 20.2499V3.74994C19.3449 3.55103 19.424 3.36026 19.5647 3.2196C19.7053 3.07895 19.896 2.99994 20.0949 2.99994C20.2939 2.99994 20.4846 3.07895 20.6252 3.2196C20.7659 3.36026 20.8449 3.55103 20.8449 3.74994V20.2499C20.8463 20.3488 20.8278 20.4469 20.7906 20.5385C20.7534 20.6301 20.6982 20.7134 20.6283 20.7833C20.5584 20.8532 20.4751 20.9084 20.3835 20.9456C20.2919 20.9828 20.1938 21.0013 20.0949 20.9999Z" fill="black"/> <path d="M16.6949 11.411C16.7039 11.7595 16.6319 12.1053 16.4844 12.4212C16.3369 12.737 16.1179 13.0143 15.845 13.2311L6.73498 20.3211C6.40927 20.568 6.0217 20.7203 5.61498 20.7611H5.385C5.03878 20.7697 4.69562 20.6942 4.385 20.5411C4.01514 20.3605 3.70331 20.0799 3.48498 19.7311C3.26758 19.3833 3.1532 18.9811 3.15502 18.5711V5.42106C3.15707 5.02682 3.26401 4.64022 3.46496 4.30103C3.67298 3.96423 3.96616 3.68829 4.31493 3.50104C4.66362 3.31073 5.05822 3.22072 5.45495 3.24103C5.84735 3.25973 6.22739 3.38413 6.55492 3.60105L15.6749 9.68104C15.9643 9.87209 16.2043 10.1291 16.375 10.431C16.5544 10.7293 16.6638 11.0644 16.6949 11.411Z" fill="black"/> </svg>
Next in other icon packs
Copied!