Add icons to this collection by clicking the heart icon.
Notepad icon - also known as interface, notebook, note, writing, Tools and utensils, writing tool, notepad, and communications. Created in a clean lineal color style with a silver, gray, black, teal, orange, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c4.636 8.029 14.903 10.78 22.933 6.145L46.896-7.69c8.029-4.636 10.78-14.903 6.144-22.933L-84.329-268.554a34.976 34.976 0 0 0-6.864-8.483l-49.718-44.833c-6.267-5.65-16.101.028-14.34 8.28l13.967 65.473a34.96 34.96 0 0 0 3.914 10.185z"
transform="translate(415.364 413.873)"
fill="#42a5f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.963 13.834c-8.029 4.636-18.297 1.885-22.933-6.144l-1.605-2.782L-40 0c8.029-4.636 10.78-14.903 6.145-22.933l-137.37-237.931a34.953 34.953 0 0 0-6.864-8.483l-20.133-18.154-3.924-18.399c-1.761-8.252 8.073-13.93 14.339-8.28l49.718 44.833a34.953 34.953 0 0 1 6.864 8.483L6.145-22.933C10.78-14.903 8.029-4.636 0 0"
transform="translate(462.26 406.184)"
fill="#1976d2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a34.948 34.948 0 0 0-6.864-8.482l-49.718-44.833c-6.266-5.65-16.101.027-14.34 8.279l13.968 65.473a34.938 34.938 0 0 0 3.914 10.186L61.725 229.401v107.393c0 12.364-10.024 22.387-22.387 22.387h-306.643c-12.364 0-22.386-10.023-22.386-22.387v-457.863c0-9.251 7.499-16.75 16.75-16.75H44.975c9.251 0 16.75 7.499 16.75 16.75v227.98z"
transform="translate(331.035 145.32)"
fill="#cfd8dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.25-7.499-16.75-16.75-16.75h-294.666V-20c0-9.25 7.499-16.75 16.75-16.75H23.25C32.501-36.75 40-29.25 40-20v227.98L0 138.698Z"
transform="translate(352.76 44.25)"
fill="#90a4ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17.741c.083-.784.128-1.58.128-2.386v-196.676l40 69.282v107.394C22.387-10.022 12.364 0 0 0"
transform="translate(370.373 504.5)"
fill="#90a4ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 11.739 20.332c4.636 8.03 14.904 10.781 22.933 6.145l23.963-13.835c8.029-4.636 10.78-14.903 6.144-22.933L53.04-30.623Z"
transform="translate(403.625 393.541)"
fill="#546e7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-1.464-2.536-.141-.246 16.419-9.48a7.644 7.644 0 0 0 2.798-10.442l-6.311-10.931 30-17.32L53.04-30.623a16.717 16.717 0 0 1 2.246 7.943c.001.013-.001.024-.001.036a16.814 16.814 0 0 1-5.043 12.392 16.814 16.814 0 0 1-3.346 2.562L22.933 6.145a16.696 16.696 0 0 1-7.943 2.246C9.036 8.545 3.188 5.52 0 0"
transform="translate(415.367 413.873)"
fill="#37474f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a34.948 34.948 0 0 0-6.864-8.482l-49.718-44.833c-6.267-5.651-16.101.027-14.34 8.279l13.967 65.473a35.005 35.005 0 0 0 3.914 10.186z"
transform="translate(331.035 145.32)"
fill="#ffab91"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10-17.321a34.948 34.948 0 0 0-6.864-8.482l-20.133-18.155-3.925-18.399c-1.763-8.268 8.079-13.925 14.34-8.279C27.464-21.9 23.693-25.371 25.098-23.89A35.035 35.035 0 0 1 30-17.321z"
transform="translate(301.035 162.64)"
fill="#ff8a65"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 18.011 16.242A44.774 44.774 0 0 1 5.79 26.587a44.79 44.79 0 0 1-15.07 5.411l-5.06-23.719C-16.101.027-6.267-5.65 0 0"
transform="translate(274.453 92.004)"
fill="#546e7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 12.364-10.022 22.386-22.387 22.386h-306.642c-12.365 0-22.387-10.022-22.387-22.386v-55.399H0Z"
transform="translate(392.76 482.114)"
fill="#ffca28"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17.741c.083-.784.128-1.58.128-2.386v-14.663c0-22.498-18.239-40.737-40.738-40.737h-270.678v-20H22.387v55.4C22.387-10.023 12.363 0 0 0"
transform="translate(370.373 504.5)"
fill="#ffa000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a163.853 163.853 0 0 0-163.853 163.854c0-37.484 30.387-67.871 67.871-67.871h12.711c8.505 0 15.402-6.896 15.402-15.402V67.87C-67.869 30.386-37.483 0 0 0"
transform="translate(205.196 7.5)"
fill="#b0bec5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a163.851 163.851 0 0 0-47.991 115.862V-31.242c0-9.251 7.499-16.75 16.75-16.75h147.102A163.848 163.848 0 0 0 .001 0Z"
transform="translate(89.335 55.492)"
fill="#90a4ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 11.739 20.332c4.636 8.03 14.904 10.781 22.933 6.145l23.963-13.835c8.029-4.636 10.78-14.903 6.144-22.933L53.04-30.623Z"
transform="translate(403.625 393.541)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c4.636 8.029 14.903 10.78 22.933 6.145L46.896-7.69c8.029-4.636 10.78-14.903 6.144-22.933L-84.329-268.554a34.976 34.976 0 0 0-6.864-8.483l-49.718-44.833c-6.267-5.65-16.101.028-14.34 8.28l13.967 65.473a34.96 34.96 0 0 0 3.914 10.185z"
transform="translate(415.364 413.873)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a34.948 34.948 0 0 0-6.864-8.482l-49.718-44.833c-6.267-5.651-16.101.027-14.34 8.279l13.967 65.473a35.005 35.005 0 0 0 3.914 10.186z"
transform="translate(331.035 145.32)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 18.011 16.242A44.774 44.774 0 0 1 5.79 26.587a44.79 44.79 0 0 1-15.07 5.411l-5.06-23.719C-16.101.027-6.267-5.65 0 0Z"
transform="translate(274.453 92.004)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h266.416v55.399c0 12.364-10.022 22.387-22.387 22.387H-62.613C-74.978 77.786-85 67.763-85 55.399V0h50"
transform="translate(126.344 426.714)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h246.858"
transform="translate(91.344 366.827)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h246.858"
transform="translate(91.344 306.939)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h227.706"
transform="translate(91.344 247.051)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h28.474"
transform="translate(256 187.163)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h129.656"
transform="translate(91.344 187.163)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h29.191"
transform="translate(313.568 127.275)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h174.527"
transform="translate(91.344 127.275)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h204.964"
transform="translate(137.796 67.388)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v110.364"
transform="translate(392.76 141.866)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-402.464c0-9.251 7.499-16.75 16.75-16.75h317.916c9.251 0 16.75 7.499 16.75 16.75v82.616"
transform="translate(41.344 426.714)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v51.994"
transform="translate(392.76 374.72)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a163.853 163.853 0 0 0-163.853 163.854c0-37.484 30.387-67.871 67.871-67.871h12.711c8.505 0 15.402-6.896 15.402-15.402V67.87C-67.869 30.386-37.483 0 0 0Z"
transform="translate(205.196 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
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