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