IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Binder icon - Flat | SVG & PNG Free Download

Style Variants

Binder

Notes And Tasks 25

Binder icon - also known as education, document, storage, office material, archive, school material, binder, 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/14/2025

Tags

office material

school material

files and folders

Usage Snippets

Binder.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path fill="#ffdf40" d="M136 165v272l-60 30-60-30V165l60-30z" />
    <path fill="#ffbe40" d="M136 437V165l-60-30v332z" />
    <path fill="#8cd96b" d="M256 255v182l-60 30-60-30V255l60-30z" />
    <path fill="#5ab267" d="M256 437V255l-60-30v242z" />
    <path fill="#ffdf40" d="M376 75v362l-60 30-60-30V75l60-30z" />
    <path fill="#ffbe40" d="M376 437V75l-60-30v422z" />
    <path fill="#8cd96b" d="M496 135v302l-60 30-60-30V135l60-30z" />
    <path fill="#5ab267" d="M496 437V135l-60-30v362z" />
    <path
        fill="#396973"
        d="M136 105v60H16v-60c0-8.284 6.716-15 15-15h90c8.284 0 15 6.716 15 15zM136 437v60c0 8.284-6.716 15-15 15H31c-8.284 0-15-6.716-15-15v-60zM361 0c8.284 0 15 6.716 15 15v60H256V15c0-8.284 6.716-15 15-15zM256 437h120v60c0 8.284-6.716 15-15 15h-90c-8.284 0-15-6.716-15-15z"
    />
    <path
        fill="#5ab267"
        d="M481 60c8.284 0 15 6.716 15 15v60H376V75c0-8.284 6.716-15 15-15zM376 437h120v60c0 8.284-6.716 15-15 15h-90c-8.284 0-15-6.716-15-15z"
    />
    <path
        fill="#ffbe40"
        d="M76 392c-8.291 0-15-6.709-15-15V225c0-8.291 6.709-15 15-15s15 6.709 15 15v152c0 8.291-6.709 15-15 15z"
    />
    <path
        fill="#5ab267"
        d="M436 392c-8.291 0-15-6.709-15-15V195c0-8.291 6.709-15 15-15s15 6.709 15 15v182c0 8.291-6.709 15-15 15zM196 392c-8.291 0-15-6.709-15-15v-62c0-8.291 6.709-15 15-15s15 6.709 15 15v62c0 8.291-6.709 15-15 15z"
    />
    <path
        fill="#ffbe40"
        d="M316 392c-8.291 0-15-6.709-15-15V135c0-8.291 6.709-15 15-15s15 6.709 15 15v242c0 8.291-6.709 15-15 15z"
    />
    <path
        fill="#5ab267"
        d="M241 180c8.284 0 15 6.716 15 15v60H136v-60c0-8.284 6.716-15 15-15zM256 437v60c0 8.284-6.716 15-15 15h-90c-8.284 0-15-6.716-15-15v-60z"
    />
    <g fill="#3d994b">
        <path
            d="M436 512h45c8.284 0 15-6.716 15-15v-60h-60zM481 60h-45v75h60V75c0-8.286-6.716-15-15-15zM436 392c8.291 0 15-6.709 15-15V195c0-8.291-6.709-15-15-15z"
        />
    </g>
    <path
        fill="#2d4a59"
        d="M316 512h45c8.284 0 15-6.716 15-15v-60h-60zM376 15c0-8.286-6.716-15-15-15h-45v75h60z"
    />
    <path
        fill="#ff9f40"
        d="M331 377V135c0-8.291-6.709-15-15-15v272c8.291 0 15-6.709 15-15z"
    />
    <path
        fill="#3d994b"
        d="M196 512h45c8.284 0 15-6.716 15-15v-60h-60zM196 255h60v-60c0-8.284-6.716-15-15-15h-45zM211 377v-62c0-8.291-6.709-15-15-15v92c8.291 0 15-6.709 15-15z"
    />
    <path
        fill="#2d4a59"
        d="M76 512h45c8.284 0 15-6.716 15-15v-60H76zM121 90H76v75h60v-60c0-8.286-6.716-15-15-15z"
    />
    <path
        fill="#ff9f40"
        d="M91 377V225c0-8.291-6.709-15-15-15v182c8.291 0 15-6.709 15-15z"
    />
</svg>