IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

System icon - Flat | SVG & PNG Free Download

Style Variants

System

Files And Folder

System icon - also known as interface, document, files, gear, office material, cogwheel, system, archives, back office, and files and folders. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

office material

files and folders

Usage Snippets

System.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="464pt"
    height="464pt"
    viewBox="-16 0 464 464"
>
    <path
        fill="#3d9ae2"
        d="M144 0h272c8.836 0 16 7.164 16 16v384c0 8.836-7.164 16-16 16H144c-8.836 0-16-7.164-16-16V16c0-8.836 7.164-16 16-16zm0 0"
    />
    <path
        fill="#96c8ef"
        d="M288 48H16C7.176 48.027.027 55.176 0 64v384c.027 8.824 7.176 15.973 16 16h272c8.824-.027 15.973-7.176 16-16V64c-.027-8.824-7.176-15.973-16-16zm0 0"
    />
    <path
        fill="#1e81ce"
        d="M320 64v352h-16V64c-.027-8.824-7.176-15.973-16-16h16c8.824.027 15.973 7.176 16 16zm0 0"
    />
    <path
        fill="#ff9811"
        d="M373.922 248a66.48 66.48 0 0 1-6.8 16.48l18.398 18.399-22.641 22.64-18.399-18.398a66.48 66.48 0 0 1-16.48 6.8V320h-32v-26.078a66.48 66.48 0 0 1-16.48-6.8L261.12 305.52l-22.64-22.641 18.398-18.399a66.48 66.48 0 0 1-6.8-16.48H224v-32h26.078a66.48 66.48 0 0 1 6.8-16.48L238.48 181.12l22.641-22.64 18.399 18.398a66.48 66.48 0 0 1 16.48-6.8V144h32v26.078a66.48 66.48 0 0 1 16.48 6.8l18.399-18.398 22.64 22.641-18.398 18.399a66.48 66.48 0 0 1 6.8 16.48H400v32zm0 0"
    />
    <path
        fill="#78b9eb"
        d="m277.121 158.48 13.36 13.36a64.988 64.988 0 0 0-10.961 5.039L269.12 166.48zM279.52 287.121a64.988 64.988 0 0 0 10.96 5.04l-13.359 13.359-8-8zm0 0"
    />
    <path
        fill="#1e81ce"
        d="m344.48 287.121 5.04 5.04a40.85 40.85 0 0 1-5.52 1.76V320h-16v-26.078a66.48 66.48 0 0 0 16.48-6.8zM344 170.078a40.85 40.85 0 0 1 5.52 1.762l-5.04 5.039a66.48 66.48 0 0 0-16.48-6.8V144h16zM383.121 264.48l18.399 18.399-22.641 22.64-8-8 14.64-14.64-18.398-18.399a66.48 66.48 0 0 0 6.8-16.48h16a66.48 66.48 0 0 1-6.8 16.48zM367.121 199.52l18.399-18.399-14.641-14.64 8-8 22.64 22.64-18.398 18.399a66.48 66.48 0 0 1 6.8 16.48h-16a66.48 66.48 0 0 0-6.8-16.48zM400 216h16v32h-16zm0 0"
    />
    <path fill="#ff5023" d="M384 0v64l-16-32-16 32V0zm0 0" />
    <path fill="#1e81ce" d="m368 32 8 16-8 16zM400 0v64l-16-32V0zm0 0" />
    <path
        fill="#ffd422"
        d="M312 200a29.27 29.27 0 0 0-8 1.04c-14.082 3.683-23.906 16.405-23.906 30.96s9.824 27.277 23.906 30.96a29.27 29.27 0 0 0 8 1.04c17.672 0 32-14.328 32-32s-14.328-32-32-32zm0 0"
    />
    <path fill="#ff5023" d="M256 48v64l-16-32-16 32V48zm0 0" />
    <path fill="#78b9eb" d="m240 80 8 16-8 16zM272 48v64l-16-32V48zm0 0" />
    <g fill="#5aaae7">
        <path
            d="M40 168h64v16H40zM120 168h32v16h-32zM168 168h48v16h-48zM40 200h48v16H40zM104 200h16v16h-16zM136 200h64v16h-64zM40 232h64v16H40zM120 232h48v16h-48zM184 232h16v16h-16zM40 264h176v16H40zM40 296h48v16H40zM104 296h80v16h-80zM200 296h16v16h-16zM40 328h16v16H40zM72 328h48v16H72zM136 328h80v16h-80zM40 88h16v16H40zM72 88h72v16H72zM40 120h104v16H40zm0 0"
        />
    </g>
    <path
        fill="#ee8700"
        d="M312 272c-22.09 0-40-17.91-40-40s17.91-40 40-40 40 17.91 40 40c-.027 22.082-17.918 39.973-40 40zm0-64c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 0"
    />
</svg>