Add icons to this collection by clicking the heart icon.
Notepad icon - also known as education, diary, notebook, agenda, notepad, journal, and planner. Created in a clean lineal color style with a navy and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<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>
    </defs>
    <path
        d="M382.306 331.347H191.613v140.49h190.693z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="#e2c4ff"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0v-50.204h341.388v461.877h-50.204"
            transform="translate(121.286 60.204)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M412.469 60.204H81.122V502h331.347z"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c0-11.091-8.991-20.082-20.082-20.082-11.09 0-20.081 8.991-20.081 20.082 0 11.091 8.991 20.082 20.081 20.082C-8.991 20.082 0 11.091 0 0Z"
            transform="translate(161.449 441.755)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h70.286"
            transform="translate(51 441.755)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c0-11.091-8.991-20.082-20.082-20.082-11.09 0-20.081 8.991-20.081 20.082 0 11.091 8.991 20.082 20.081 20.082C-8.991 20.082 0 11.091 0 0Z"
            transform="translate(161.449 361.429)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h70.286"
            transform="translate(51 361.429)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c0-11.091-8.991-20.082-20.082-20.082-11.09 0-20.081 8.991-20.081 20.082 0 11.091 8.991 20.082 20.081 20.082C-8.991 20.082 0 11.091 0 0Z"
            transform="translate(161.449 281.102)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h70.286"
            transform="translate(51 281.102)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c0-11.091-8.991-20.082-20.082-20.082-11.09 0-20.081 8.991-20.081 20.082 0 11.091 8.991 20.082 20.081 20.082C-8.991 20.082 0 11.091 0 0Z"
            transform="translate(161.449 200.775)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h70.286"
            transform="translate(51 200.775)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c0-11.091-8.991-20.082-20.082-20.082-11.09 0-20.081 8.991-20.081 20.082 0 11.091 8.991 20.082 20.081 20.082C-8.991 20.082 0 11.091 0 0Z"
            transform="translate(161.449 120.449)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h70.286"
            transform="translate(51 120.449)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h170.694"
            transform="translate(201.612 301.184)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h80.327"
            transform="translate(201.612 261.02)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h50.204"
            transform="translate(322.102 261.02)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h170.694"
            transform="translate(201.612 220.857)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h110.449"
            transform="translate(201.612 180.694)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h20.082"
            transform="translate(352.224 180.694)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h170.694"
            transform="translate(201.612 140.53)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h50.204"
            transform="translate(201.612 100.367)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h80.326"
            transform="translate(291.98 100.367)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
</svg>
More icons in the same style and category