Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, education, notebook, note, writing, merchandise, writing tool, and notepad. Created in a clean filled style, 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.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath1586">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path1584" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath1626">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path1624" />
</clipPath>
</defs>
<mask id="custom">
<rect id="bg" x="0" y="0" width="100%" height="100%" fill="white" />
<g transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<path
transform="matrix(1,0,0,1,427.6621,15)"
d="M 0,0 H -290.483 V 482 H 0 c 5.522,0 10,-4.477 10,-10 V 10 C 10,4.477 5.522,0 0,0"
id="path1590"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,137.1787,497)"
d="m 0,0 h -37.841 c -13.806,0 -25,-11.193 -25,-25 v -432 c 0,-13.807 11.194,-25 25,-25 H 0 Z"
id="path1598"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,137.1787,-15.002)"
d="M 0,0 V 542.004"
id="path1606"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,378.1914,523.8271)"
d="m 0,0 v -122.106 l -30.344,13.86 -30.002,-13.86 V 0"
id="path1610"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,317.4199,265.0825)"
d="M 0,0 -60,-60"
id="path1614"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,317.4199,205.0825)"
d="M 0,0 -60,60"
id="path1618"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,1069.001,438.606)"
d="m 0,0 -39.136,72.625 c -5.233,9.712 -15.376,15.768 -26.409,15.768 h -430.912 c -11.033,0 -21.176,-6.056 -26.409,-15.768 L -562.002,0 Z"
id="path1630"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,1069.001,438.606)"
d="m 0,0 -39.136,72.625 c -5.233,9.712 -15.376,15.768 -26.409,15.768 h -430.912 c -11.033,0 -21.176,-6.056 -26.409,-15.768 L -562.002,0 Z"
id="path1634"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,557,355.7695)"
d="m 0,0 h 10.333 c 22.092,0 40,17.909 40,40 V 82.836 H -40 V 40 C -40,17.909 -22.092,0 0,0"
id="path1638"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,557,355.7695)"
d="m 0,0 h 10.333 c 22.092,0 40,17.909 40,40 V 82.836 H -40 V 40 C -40,17.909 -22.092,0 0,0 Z"
id="path1642"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</mask>
<g mask="url(#custom)">
<g id="g1578" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g1580">
<g id="g1582" clip-path="url(#clipPath1586)">
<g id="g1588" transform="translate(427.6621,15)">
<path
d="M 0,0 H -290.483 V 482 H 0 c 5.522,0 10,-4.477 10,-10 V 10 C 10,4.477 5.522,0 0,0"
id="path1590"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1592" transform="translate(427.6621,15)">
<path
d="M 0,0 H -290.483 V 482 H 0 c 5.522,0 10,-4.477 10,-10 V 10 C 10,4.477 5.522,0 0,0 Z"
id="path1594"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1596" transform="translate(137.1787,497)">
<path
d="m 0,0 h -37.841 c -13.806,0 -25,-11.193 -25,-25 v -432 c 0,-13.807 11.194,-25 25,-25 H 0 Z"
id="path1598"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1600" transform="translate(137.1787,497)">
<path
d="m 0,0 h -37.841 c -13.806,0 -25,-11.193 -25,-25 v -432 c 0,-13.807 11.194,-25 25,-25 H 0 Z"
id="path1602"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1604" transform="translate(137.1787,-15.002)">
<path
d="M 0,0 V 542.004"
id="path1606"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1608" transform="translate(378.1914,523.8271)">
<path
d="m 0,0 v -122.106 l -30.344,13.86 -30.002,-13.86 V 0"
id="path1610"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1612" transform="translate(317.4199,265.0825)">
<path
d="M 0,0 -60,-60"
id="path1614"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1616" transform="translate(317.4199,205.0825)">
<path
d="M 0,0 -60,60"
id="path1618"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
<g id="g1620">
<g id="g1622" clip-path="url(#clipPath1626)">
<g id="g1628" transform="translate(1069.001,438.606)">
<path
d="m 0,0 -39.136,72.625 c -5.233,9.712 -15.376,15.768 -26.409,15.768 h -430.912 c -11.033,0 -21.176,-6.056 -26.409,-15.768 L -562.002,0 Z"
id="path1630"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1632" transform="translate(1069.001,438.606)">
<path
d="m 0,0 -39.136,72.625 c -5.233,9.712 -15.376,15.768 -26.409,15.768 h -430.912 c -11.033,0 -21.176,-6.056 -26.409,-15.768 L -562.002,0 Z"
id="path1634"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g1636" transform="translate(557,355.7695)">
<path
d="m 0,0 h 10.333 c 22.092,0 40,17.909 40,40 V 82.836 H -40 V 40 C -40,17.909 -22.092,0 0,0"
id="path1638"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g1640" transform="translate(557,355.7695)">
<path
d="m 0,0 h 10.333 c 22.092,0 40,17.909 40,40 V 82.836 H -40 V 40 C -40,17.909 -22.092,0 0,0 Z"
id="path1642"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category