IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Data icon - Lineal | SVG & PNG Free Download

Style Variants

Data

Web Development 44

Data icon - also known as interface, data, transfer, structure, seo, hierarchical structure, ui, sharing, archives, directory, data structure, and root directory. Created in a clean lineal style with a black finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

hierarchical structure

Usage Snippets

Data.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>
    </defs>
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M346 317H166v180h180z"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
    <path
        d="M0 0h180"
        transform="matrix(1.33333 0 0 -1.33333 221.333 180)"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-linecap="butt"
        stroke-linejoin="miter"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M0 0h180"
        transform="matrix(1.33333 0 0 -1.33333 221.333 100)"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-linecap="butt"
        stroke-linejoin="miter"
        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="M196 15H15v181h181z"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h181"
            transform="translate(15 76)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h181"
            transform="translate(15 136)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M497 15H316v181h181z"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h181"
            transform="translate(316 76)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h181"
            transform="translate(316 136)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
    <path
        d="M0 0v60h-300V0"
        transform="matrix(1.33333 0 0 -1.33333 541.333 421.333)"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-linecap="butt"
        stroke-linejoin="miter"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M0 0v61"
        transform="matrix(1.33333 0 0 -1.33333 341.333 341.333)"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-linecap="butt"
        stroke-linejoin="miter"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
</svg>