Add icons to this collection by clicking the heart icon.
Notebook icon - also known as bookmark, notebook, address book, agenda, and miscellaneous. Created in a clean lineal color 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="clipPath4169">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path4167" />
</clipPath>
</defs>
<g id="g4161" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g4163">
<g id="g4165" clip-path="url(#clipPath4169)">
<g id="g4171" transform="translate(451,7.5)">
<path
d="m 0,0 h -310 c -11.046,0 -20,8.954 -20,20 v 457 c 0,11.046 8.954,20 20,20 H 0 c 11.046,0 20,-8.954 20,-20 V 20 C 20,8.954 11.046,0 0,0"
id="path4173"
fill="#6b7d8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4175" transform="translate(421,47.5)">
<path
d="m 0,0 h -330 c -5.523,0 -10,4.477 -10,10 v 397 c 0,5.523 4.477,10 10,10 H 0 c 5.523,0 10,-4.477 10,-10 V 10 C 10,4.477 5.523,0 0,0"
id="path4177"
fill="#efe6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4179" transform="translate(61,504.5)">
<path
d="m 0,0 h 310 c 11.046,0 20,-8.954 20,-20 v -457 c 0,-11.046 -8.954,-20 -20,-20 H 0 c -11.046,0 -20,8.954 -20,20 v 457 c 0,11.046 8.954,20 20,20"
id="path4181"
fill="#8697a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4183" transform="translate(390.9997,47.5)">
<path
d="m 0,0 c -171.208,0 -310,138.792 -310,310 v 147 h -20 c -11.045,0 -20,-8.954 -20,-20 V -20 c 0,-11.046 8.955,-20 20,-20 h 310 c 11.046,0 20,8.954 20,20 z"
id="path4185"
fill="#6b7d8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4187" transform="translate(330.9999,196)">
<path
d="M 0,0 H 140 V 120 H 0 c -33.137,0 -60,-26.863 -60,-60 v 0 C -60,26.863 -33.137,0 0,0"
id="path4189"
fill="#6b7d8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4191" transform="translate(361,256)">
<path
d="m 0,0 c 0,-16.569 -13.431,-30 -30,-30 -16.569,0 -30,13.431 -30,30 0,16.569 13.431,30 30,30 C -13.431,30 0,16.569 0,0"
id="path4193"
fill="#f4e74d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4195" transform="translate(165.5007,400.8842)">
<path
d="m 0,0 c -0.029,-12.987 -13.272,-23.486 -29.58,-23.45 -16.308,0.035 -29.506,10.592 -29.477,23.579 0.028,12.987 13.271,23.487 29.58,23.451 C -13.169,23.544 0.028,12.987 0,0"
id="path4197"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4199" transform="translate(266.4992,400.6633)">
<path
d="m 0,0 c -0.028,-12.987 13.169,-23.544 29.477,-23.58 16.309,-0.036 29.552,10.464 29.58,23.451 C 59.086,12.858 45.888,23.415 29.58,23.451 13.272,23.486 0.028,12.987 0,0"
id="path4201"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4203" transform="translate(153.4651,430.4642)">
<path
d="M 0,0 V -12"
id="path4205"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4207" transform="translate(278.3622,430.4642)">
<path
d="M 0,0 V -12"
id="path4209"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4211" transform="translate(216.0957,411.3093)">
<path
d="m 0,0 c 0,-7.984 -6.472,-14.456 -14.456,-14.456 -7.983,0 -14.455,6.472 -14.455,14.456"
id="path4213"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4215" transform="translate(245.0069,411.3093)">
<path
d="m 0,0 c 0,-7.984 -6.472,-14.456 -14.456,-14.456 -7.983,0 -14.455,6.472 -14.455,14.456"
id="path4217"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4219" transform="translate(81.1914,57.5)">
<path
d="m 0,0 v 88.5 c 0,5.523 4.477,10 10,10 h 249.809 c 5.522,0 10,-4.477 10,-10 V 0 c 0,-5.523 -4.478,-10 -10,-10 H 10 C 4.477,-10 0,-5.523 0,0"
id="path4221"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4223" transform="translate(155.4341,156)">
<path
d="m 0,0 h -64.243 c -5.523,0 -10,-4.477 -10,-10 v -88.5 c 0,-5.523 4.477,-10 10,-10 h 249.809 c 2.78,0 5.294,1.136 7.106,2.968 C 115.878,-94.901 48.078,-56.153 0,0"
id="path4225"
fill="#efe6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4227" transform="translate(471,316)">
<path
d="m 0,0 h -140 c -33.137,0 -60,-26.863 -60,-60 v 0 c 0,-33.137 26.863,-60 60,-60 H 0"
id="path4229"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4231" transform="translate(361,256)">
<path
d="m 0,0 c 0,-16.569 -13.431,-30 -30,-30 -16.569,0 -30,13.431 -30,30 0,16.569 13.431,30 30,30 C -13.431,30 0,16.569 0,0 Z"
id="path4233"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4235" transform="translate(292.362,156)">
<path
d="m 0,0 h 48.638 c 5.523,0 10,-4.477 10,-10 v -88.5 c 0,-5.523 -4.477,-10 -10,-10 h -249.809 c -5.522,0 -10,4.477 -10,10 V -10 c 0,5.523 4.478,10 10,10 H -28"
id="path4237"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4239" transform="translate(371.0004,504.5)">
<path
d="m 0,0 h 80 c 11.045,0 20,-8.954 20,-20 v -457 c 0,-11.046 -8.955,-20 -20,-20 H 0"
id="path4241"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4243" transform="translate(431,196)">
<path
d="m 0,0 v -138.5 c 0,-5.523 -4.477,-10 -10,-10 h -30"
id="path4245"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4247" transform="translate(431,380.3332)">
<path
d="M 0,0 V -64.334"
id="path4249"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4251" transform="translate(391.0002,464.5)">
<path
d="m 0,0 h 30 c 5.523,0 10,-4.477 10,-10 v -46.167"
id="path4253"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g4255" transform="translate(391,195.9997)">
<path
d="m 0,0 v -168.5 c 0,-11.045 -8.954,-20 -20,-20 h -310 c -11.046,0 -20,8.955 -20,20 v 457 c 0,11.046 8.954,20 20,20 h 310 c 11.046,0 20,-8.954 20,-20 V 120"
id="path4257"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category