Add icons to this collection by clicking the heart icon.
Sort icon - also known as arrows, arrow, orientation, vertical, switch, sort, and swap. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-34.122"
x2="-26.304"
y1="634.004"
y2="626.186"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.521 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M508.748 339.605c-4.224-4.096-10.944-3.968-15.083.235L362.657 475.008V224c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v251.008L210.316 339.84c-4.096-4.203-10.859-4.331-15.083-.235s-4.331 10.859-.256 15.083L344.31 508.757c.021.021.064.021.085.064.96.981 2.133 1.792 3.413 2.347 1.301.533 2.709.832 4.181.832s2.88-.299 4.16-.832a10.275 10.275 0 0 0 3.413-2.347c.021-.021.064-.043.085-.064L508.98 354.688c4.099-4.224 3.992-10.987-.232-15.083z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-43.121"
x2="-35.303"
y1="642.783"
y2="634.965"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.521 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M159.991 298.667c5.888 0 10.667-4.779 10.667-10.667V36.992L301.665 172.16a10.699 10.699 0 0 0 7.659 3.243c2.667 0 5.355-1.003 7.424-3.008 4.224-4.096 4.331-10.859.256-15.083L167.671 3.243c-.043-.021-.064-.043-.085-.064A10.655 10.655 0 0 0 159.991 0a10.617 10.617 0 0 0-7.595 3.179l-.064.064L2.999 157.312c-4.075 4.224-3.968 10.987.256 15.083a10.61 10.61 0 0 0 15.061-.235L149.324 36.992V288c0 5.888 4.779 10.667 10.667 10.667z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category