IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Notes icon - Flat | SVG & PNG Free Download

Style Variants

Notes

Document And Files 15

Notes icon - also known as interface, file, document, sheet, notes, archive, text lines, annotation, 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

files and folders

Usage Snippets

Notes.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 507.769 507.769"
>
    <path
        fill="#edf5fa"
        d="M395.237 0H168.601c-11.712 0-51.306 82.175-51.306 82.175s-71.838 23.652-71.838 35.411v360.449c0 16.395 13.338 29.734 29.734 29.734h320.047c16.395 0 29.733-13.339 29.733-29.734V29.734C424.97 13.338 411.632 0 395.237 0z"
    />
    <path
        fill="#d0e7f2"
        d="M395.237 0h-30c16.395 0 29.733 13.338 29.733 29.733v448.302c0 16.395-13.338 29.733-29.733 29.733h30c16.395 0 29.733-13.338 29.733-29.733V29.734C424.97 13.338 411.632 0 395.237 0z"
    />
    <path
        fill="#b7d9eb"
        d="M139.57 12.796 58.542 88.272l-.191.185c-7.754 7.754-12.234 17.894-12.807 28.762h92.015c16.93-.081 30.679-13.876 30.679-30.824l.211-86.343c-10.904.522-21.086 4.999-28.879 12.744z"
    />
    <path
        fill="#fed402"
        d="M352.115 315.635H213.884c-5.773 0-10.453-4.68-10.453-10.453V160.676c0-5.773 4.68-10.453 10.453-10.453h138.232c5.773 0 10.453 4.68 10.453 10.453v144.506c-.001 5.773-4.681 10.453-10.454 10.453z"
    />
    <path
        fill="#fac600"
        d="M352.115 150.223h-30c5.773 0 10.453 4.68 10.453 10.453v144.506c0 5.773-4.68 10.453-10.453 10.453h30c5.773 0 10.453-4.68 10.453-10.453V160.676c0-5.773-4.68-10.453-10.453-10.453z"
    />
    <path
        fill="#e6b600"
        d="M321.504 240.428a7.486 7.486 0 0 1-5.698-2.619l-20.534-23.956a7.5 7.5 0 0 1 11.388-9.762l20.534 23.956a7.5 7.5 0 0 1-.813 10.575 7.464 7.464 0 0 1-4.877 1.806z"
    />
    <g fill="#b7d9eb">
        <path
            d="M160.54 173.218h-54.524a7.5 7.5 0 0 1 0-15h54.524a7.5 7.5 0 0 1 0 15zM160.54 214.552h-54.524a7.5 7.5 0 0 1 0-15h54.524a7.5 7.5 0 0 1 0 15zM160.54 255.885h-54.524a7.5 7.5 0 0 1 0-15h54.524a7.5 7.5 0 0 1 0 15zM160.54 297.218h-54.524a7.5 7.5 0 0 1 0-15h54.524a7.5 7.5 0 0 1 0 15zM362.569 366.552H106.016a7.5 7.5 0 0 1 0-15h256.553a7.5 7.5 0 0 1 0 15zM362.569 411.218H106.016a7.5 7.5 0 0 1 0-15h256.553a7.5 7.5 0 0 1 0 15z"
        />
    </g>
    <path
        fill="#e6b600"
        d="M313.838 226.13a7.5 7.5 0 0 1-4.926-13.159l78.999-68.714a7.499 7.499 0 0 1 10.581.736 7.5 7.5 0 0 1-.736 10.581l-78.999 68.714a7.467 7.467 0 0 1-4.919 1.842z"
    />
    <circle cx="422.008" cy="122.121" r="40.305" fill="#fd6930" />
    <path
        fill="#ef4424"
        d="M422.008 81.816a40.165 40.165 0 0 0-15 2.896c14.829 5.952 25.305 20.453 25.305 37.41s-10.476 31.458-25.305 37.41a40.185 40.185 0 0 0 15 2.896c22.26 0 40.305-18.045 40.305-40.306s-18.045-40.306-40.305-40.306z"
    />
</svg>