Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, education, notebook, note, writing, Tools and utensils, writing tool, and notepad. Created in a clean circular style with a white, silver, gray, red, 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="100"
height="100"
viewBox="0 0 436.907 436.907"
>
<circle cx="218.453" cy="218.453" r="218.453" fill="#efc84a" />
<path
d="m257.177 143.049-25.336-25.336-24.185-18.269-11.901-8.99 3.7 14.458 7.571 29.584 5.594 8.272.191.282h-84.73v24.472h-13.199a5.713 5.713 0 0 0-5.713 5.713c0 1.634.695 3.099 1.795 4.14l-.012.002 17.128 17.128v5.105h-13.199a5.713 5.713 0 0 0-5.713 5.713c0 1.64.7 3.108 1.806 4.149l-.013.002 17.119 17.119v5.106h-13.199a5.712 5.712 0 0 0-5.713 5.712c0 1.774.825 3.339 2.093 4.387l-.03.002 16.849 16.849v5.139h-13.199a5.713 5.713 0 0 0-5.713 5.713c0 1.919.954 3.607 2.405 4.643h-.01l16.516 16.516v5.216H114.88a5.712 5.712 0 0 0-5.713 5.712c0 1.725.78 3.253 1.988 4.3l-.027.001 16.95 16.95v23.614l90.451 90.451c101.122-.036 186.148-68.792 210.997-162.095l-131.761-131.76h-40.588z"
opacity=".1"
/>
<path d="M297.768 143.049H128.08v203.404h169.688z" fill="#64798a" />
<path d="M291.642 150.392H134.206V339.11h157.436z" fill="#e1e6e9" />
<path
d="M144.348 163.093a10.125 10.125 0 0 0-8.374 4.429h-21.092a5.713 5.713 0 1 0 0 11.426h21.091a10.127 10.127 0 0 0 8.375 4.429c5.601 0 10.142-4.541 10.142-10.142 0-5.602-4.541-10.142-10.142-10.142zM154.49 205.323c0-5.601-4.541-10.142-10.142-10.142a10.127 10.127 0 0 0-8.375 4.429h-21.091a5.713 5.713 0 1 0 0 11.426h21.092a10.125 10.125 0 0 0 8.374 4.429c5.495 0 9.943-4.378 10.11-9.833.007-.104.032-.203.032-.309zM144.348 227.27a10.127 10.127 0 0 0-8.375 4.429h-21.091a5.713 5.713 0 1 0 0 11.426h21.092a10.125 10.125 0 0 0 8.374 4.429c5.601 0 10.142-4.541 10.142-10.142 0-5.601-4.541-10.142-10.142-10.142zM144.348 259.358a10.127 10.127 0 0 0-8.375 4.429h-21.091a5.713 5.713 0 1 0 0 11.426h21.091a10.127 10.127 0 0 0 8.375 4.429c5.601 0 10.142-4.541 10.142-10.142s-4.541-10.142-10.142-10.142zM144.348 291.447a10.127 10.127 0 0 0-8.375 4.429h-21.091a5.713 5.713 0 1 0 0 11.426h21.091a10.127 10.127 0 0 0 8.375 4.429c5.601 0 10.142-4.541 10.142-10.142 0-5.601-4.541-10.142-10.142-10.142z"
fill="#3a556a"
/>
<path d="m237.955 339.11-47.609-105.47-45.998 105.47z" fill="#3ea69b" />
<path d="m282.462 339.11-47.608-105.47-45.998 105.47z" fill="#44c4a1" />
<circle cx="191.147" cy="196.881" r="23.661" fill="#fcd462" />
<circle cx="191.147" cy="196.881" r="18.596" fill="#f6c358" />
<path
d="M254.111 126.974h9.987v151.21h-9.987z"
transform="scale(-1) rotate(-34.068 -661.167 845.665)"
fill="#ce412d"
/>
<path
d="M262.386 121.403h9.987v151.21h-9.987z"
transform="scale(-1) rotate(-34.068 -642.983 872.672)"
fill="#d15241"
/>
<path
d="M270.673 115.795h9.987v151.21h-9.987z"
transform="scale(-1) rotate(-34.068 -624.68 899.718)"
fill="#e56353"
/>
<path
d="M207.256 125.237h29.959v9.987h-29.959z"
transform="scale(-1) rotate(-34.068 -425.04 725.328)"
fill="#d5d6db"
/>
<path
d="M208.517 129.322h15.336v9.987h-15.336z"
transform="scale(-1) rotate(-34.068 -438.372 705.58)"
fill="#e1e6e9"
/>
<path
d="M297.532 258.787h29.959v9.987h-29.959z"
transform="scale(-1) rotate(-34.068 -860.915 1019.972)"
fill="#d5d6db"
/>
<path
d="M298.796 262.865h15.336v9.987h-15.336z"
transform="scale(-1) rotate(-34.068 -874.224 1000.236)"
fill="#e1e6e9"
/>
<path
d="M204.145 102.861c-1.471.995-3.064 1.634-4.691 2.05l7.571 29.584 24.816-16.782-24.185-18.269c-.969 1.283-2.105 2.466-3.511 3.417z"
fill="#fcd462"
/>
<path
d="m207.656 99.444-11.901-8.99 3.7 14.458c-.001-.001 5.547-1.13 8.201-5.468z"
fill="#3a556a"
/>
</svg>
More icons in the same style and category