Add icons to this collection by clicking the heart icon.
Sort icon - also known as arrows, list, menu, order, ui, apps, and sort. 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="512"
height="512"
viewBox="0 0 20 20"
>
<linearGradient
id="Orange_Yellow"
gradientUnits="userSpaceOnUse"
x1="-5.672"
x2="14.309"
y1="15.672"
y2="-4.309"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="Orange_Yellow-2"
x1="-.672"
x2="19.309"
y1="20.672"
y2=".691"
href="#Orange_Yellow"
/>
<linearGradient
id="Orange_Yellow-4"
x1="4.328"
x2="24.309"
y1="25.672"
y2="5.691"
href="#Orange_Yellow"
/>
<linearGradient
id="Orange_Yellow-5"
x1="1.828"
x2="21.809"
y1="23.172"
y2="3.191"
href="#Orange_Yellow"
/>
<g id="Layer_2">
<path
d="m5 9a4 4 0 1 1 4-4 4 4 0 0 1 -4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0 -2-2z"
fill="url(#Orange_Yellow)"
/>
<path
d="m5 19a4 4 0 1 1 4-4 4 4 0 0 1 -4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0 -2-2z"
fill="url(#Orange_Yellow-2)"
/>
<path
d="m18 6a1 1 0 0 1 -.707-.293l-2.133-2.133a.228.228 0 0 0 -.321 0l-2.132 2.133a1 1 0 0 1 -1.414-1.414l2.133-2.133a2.229 2.229 0 0 1 3.148 0l2.133 2.133a1 1 0 0 1 -.707 1.707z"
fill="url(#Orange_Yellow-2)"
/>
<path
d="m15 18.49a2.222 2.222 0 0 1 -1.574-.65l-2.133-2.133a1 1 0 0 1 1.414-1.414l2.133 2.133a.228.228 0 0 0 .321 0l2.132-2.133a1 1 0 0 1 1.414 1.414l-2.133 2.133a2.222 2.222 0 0 1 -1.574.65z"
fill="url(#Orange_Yellow-4)"
/>
<path
d="m15 18a1 1 0 0 1 -1-1v-14a1 1 0 0 1 2 0v14a1 1 0 0 1 -1 1z"
fill="url(#Orange_Yellow-5)"
/>
</g>
</svg>
More icons in the same style and category