Add icons to this collection by clicking the heart icon.
Notebook icon - also known as notebook, writing tool, notepad, and communications. 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="512"
height="512"
viewBox="0 0 512 512"
>
<g>
<g>
<path
d="M358.604,419.502V480.8c0,13.089-10.611,23.7-23.7,23.7h-39.56c-13.089,0-23.7-10.611-23.7-23.7 c0-13.089,10.611-23.7,23.7-23.7h15.86v-37.598H358.604z"
fill="#B98EFF"
/>
</g>
<g>
<path
d="M248.304,419.502V480.8c0,13.089-10.611,23.7-23.7,23.7h-39.56c-13.089,0-23.7-10.611-23.7-23.7 c0-13.089,10.611-23.7,23.7-23.7h15.86v-37.598H248.304z"
fill="#B98EFF"
/>
</g>
<g>
<path
d="M358.604,422.502V480.8c0,13.089-10.611,23.7-23.7,23.7h-39.56c-13.089,0-23.7-10.611-23.7-23.7c0-13.089,10.611-23.7,23.7-23.7 h15.86v-34.598"
fill="none"
stroke="#6D00CA"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<path
d="M248.304,422.502V480.8c0,13.089-10.611,23.7-23.7,23.7h-39.56c-13.089,0-23.7-10.611-23.7-23.7c0-13.089,10.611-23.7,23.7-23.7 h15.86v-34.598"
fill="none"
stroke="#6D00CA"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<rect
x="311.205"
y="419.502"
width="47.399"
height="30.097"
fill="#6D00CA"
/>
<rect
x="200.905"
y="419.502"
width="47.399"
height="30.097"
fill="#6D00CA"
/>
<path
d="M486.597,85.851v296.027c0,10.39-4.214,19.798-11.02,26.605c-6.806,6.806-16.215,11.02-26.605,11.02 c-20.779,0-37.625-16.846-37.625-37.625V85.851c0-20.779,16.846-37.625,37.625-37.625S486.597,65.071,486.597,85.851z"
fill="#FF9900"
/>
<path
d="M448.972,419.502H135.719c-37.125,0-67.223-30.098-67.223-67.223h235.05 c30.328,0,57.894-17.857,70.025-45.653c17.827-40.838,37.775-102.866,37.775-220.776v296.027 C411.347,402.657,428.192,419.502,448.972,419.502z"
fill="#FFD600"
/>
<path
d="M375.068,48.226v7.683c0,13.049-10.579,23.628-23.628,23.628c-13.049,0-23.628-10.579-23.628-23.628 v-7.683h-50.455v7.683c0,13.049-10.579,23.628-23.628,23.628c-13.049,0-23.628-10.579-23.628-23.628v-7.683h-50.455v7.683 c0,13.049-10.579,23.628-23.628,23.628s-23.628-10.579-23.628-23.628v-7.683h-13.728c-10.39,0-19.798,4.214-26.605,11.02 c-6.806,6.806-11.02,16.215-11.02,26.605c0,96.891-25.554,157.287-50.327,202.789c-15.625,28.687,5.115,63.639,37.785,63.639 h235.05c30.328,0,57.894-17.857,70.025-45.653c17.827-40.838,37.775-102.866,37.775-220.776c0-20.779,16.846-37.625,37.625-37.625 H375.068z"
fill="#FFFF6F"
/>
<path
d="M486.597,85.851v296.027c0,10.39-4.214,19.798-11.02,26.605c-6.806,6.806-16.215,11.02-26.605,11.02 c-20.779,0-37.625-16.846-37.625-37.625V85.851c0-20.779,16.846-37.625,37.625-37.625S486.597,65.071,486.597,85.851z"
fill="none"
stroke="#F95116"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M448.972,419.502H135.719c-37.125,0-67.223-30.098-67.223-67.223h235.05c30.328,0,57.894-17.857,70.025-45.653 c17.827-40.838,37.775-102.866,37.775-220.776v296.027C411.347,402.657,428.192,419.502,448.972,419.502z"
fill="none"
stroke="#F95116"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="324.812"
y1="48.226"
x2="280.357"
y2="48.226"
fill="none"
stroke="#F95116"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M129.391,48.226h-10.728c-10.39,0-19.798,4.214-26.605,11.02c-6.806,6.806-11.02,16.215-11.02,26.605 c0,96.891-25.554,157.287-50.327,202.789c-15.625,28.687,5.115,63.639,37.785,63.639h235.05c30.328,0,57.894-17.857,70.025-45.653 c17.827-40.838,37.775-102.866,37.775-220.776c0-20.779,16.846-37.625,37.625-37.625h-70.904"
fill="none"
stroke="#F95116"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="227.102"
y1="48.226"
x2="182.647"
y2="48.226"
fill="none"
stroke="#F95116"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="269.427"
y1="189.152"
x2="214.692"
y2="189.152"
fill="none"
stroke="#F95116"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="302.974"
y1="154.317"
x2="302.974"
y2="154.317"
fill="none"
stroke="#F95116"
stroke-width="25"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="181.145"
y1="154.317"
x2="181.145"
y2="154.317"
fill="none"
stroke="#F95116"
stroke-width="25"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M156.019,7.5c-13.049,0-23.628,10.579-23.628,23.628v24.781c0,13.049,10.579,23.628,23.628,23.628 s23.628-10.579,23.628-23.628V31.128C179.647,18.079,169.068,7.5,156.019,7.5z"
fill="#88F8D8"
/>
<path
d="M253.729,7.5c-13.049,0-23.628,10.579-23.628,23.628v24.781c0,13.049,10.579,23.628,23.628,23.628 c13.049,0,23.628-10.579,23.628-23.628V31.128C277.357,18.079,266.779,7.5,253.729,7.5z"
fill="#88F8D8"
/>
<path
d="M351.44,7.5c-13.049,0-23.628,10.579-23.628,23.628v24.781c0,13.049,10.579,23.628,23.628,23.628 c13.049,0,23.628-10.579,23.628-23.628V31.128C375.068,18.079,364.489,7.5,351.44,7.5z"
fill="#88F8D8"
/>
<path
d="M156.019,7.5c-13.049,0-23.628,10.579-23.628,23.628v24.781c0,13.049,10.579,23.628,23.628,23.628s23.628-10.579,23.628-23.628 V31.128C179.647,18.079,169.068,7.5,156.019,7.5z"
fill="none"
stroke="#007EA8"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M253.729,7.5c-13.049,0-23.628,10.579-23.628,23.628v24.781c0,13.049,10.579,23.628,23.628,23.628 c13.049,0,23.628-10.579,23.628-23.628V31.128C277.357,18.079,266.779,7.5,253.729,7.5z"
fill="none"
stroke="#007EA8"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M351.44,7.5c-13.049,0-23.628,10.579-23.628,23.628v24.781c0,13.049,10.579,23.628,23.628,23.628 c13.049,0,23.628-10.579,23.628-23.628V31.128C375.068,18.079,364.489,7.5,351.44,7.5z"
fill="none"
stroke="#007EA8"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</svg>
More icons in the same style and category