IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Sort icon - Lineal | SVG & PNG Free Download

Style Variants

Sort

Sort icon - also known as file, document, data, digital, convert, filter, category, sort, and files and folders. Created in a clean lineal style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/14/2025

Tags

files and folders

Usage Snippets

Sort.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="682.667"
    height="682.667"
    viewBox="0 0 682.667 682.667"
>
    <defs>
        <clipPath id="a" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
        <clipPath id="b" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
        <clipPath id="c" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0h240l100-100v-382H0Z"
            transform="translate(15 497)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
    <path
        d="M75 317h220V77H75Z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M0 0h220"
        transform="matrix(1.33333 0 0 -1.33333 100 340)"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M0 0h220"
        transform="matrix(1.33333 0 0 -1.33333 100 420)"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M0 0h220"
        transform="matrix(1.33333 0 0 -1.33333 100 500)"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M0 0v240"
        transform="matrix(1.33333 0 0 -1.33333 180 580)"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0h-100v100"
            transform="translate(355 397)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
    <path
        d="M0 0h100"
        transform="matrix(1.33333 0 0 -1.33333 100 100)"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M0 0h100"
        transform="matrix(1.33333 0 0 -1.33333 100 180)"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="m0 0 41.305 108.451c.844 2.063 3.765 2.066 4.613.005L86.848 0"
            transform="translate(410.152 15)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h61.292"
            transform="translate(423.034 42.01)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h69.417L-2.256-110h73.382"
            transform="translate(419.141 497)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v140"
            transform="translate(453.573 186)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="m0 0-30-30-30 30"
            transform="translate(483.573 216)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
</svg>