Add icons to this collection by clicking the heart icon.
Notepad icon - also known as education, notes, pencil, paper, and notepad. Created in a clean outline color style with a white, silver, gray, 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="512"
height="512"
viewBox="0 0 64 64"
>
<rect width="44" height="10" x="5" y="8" fill="#7accbe" rx="2" />
<path
fill="#61c3b6"
d="M38.52 8a21.19 21.19 0 0 1-5.16 10H7a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2z"
/>
<rect width="4" height="10" x="39" y="3" fill="#fd9467" rx="2" />
<rect width="4" height="10" x="12" y="3" fill="#fd9467" rx="2" />
<path fill="#fff" d="M47 18v39a4 4 0 0 1-4 4H11a4 4 0 0 1-4-4V18z" />
<path
fill="#e6e6e6"
d="M7 18h40v3H7zM47 26.18v18.66l-4.16 5-10.47 4.51A1 1 0 0 1 31 53.2l2.66-11.11z"
/>
<path
fill="#ffa88a"
d="m57.71 27.41-1.93 2.3-7 8.3L41 47.33 34.85 50l1.56-6.52L48 29.72l3.24-3.86 1.93-2.3a2 2 0 0 1 2.82-.25l1.53 1.29a2 2 0 0 1 .19 2.81z"
/>
<path
fill="#fd9467"
d="M49 35.5a17.24 17.24 0 0 1-.19 2.5L41 47.33 34.85 50l1.56-6.52L48 29.72a16.33 16.33 0 0 1 1 5.78z"
/>
<path
fill="#61c3b6"
d="m57.71 27.41-1.93 2.3-4.59-3.85 1.93-2.3a2 2 0 0 1 2.82-.25l1.53 1.29a2 2 0 0 1 .24 2.81z"
/>
<path fill="#fff" d="M41 47.33 34.85 50l1.56-6.52z" />
<path
fill="#4e5b5f"
d="m58.11 23.83-1.53-1.28a3 3 0 0 0-2.19-.69 2.93 2.93 0 0 0-2 1.06l-1.93 2.29L48 28.1v-9.28A3 3 0 0 0 50 16v-6a3 3 0 0 0-3-3h-3V5a3 3 0 0 0-6 0v2H17V5a3 3 0 0 0-6 0v2H7a3 3 0 0 0-3 3v6a3 3 0 0 0 2 2.82V57a5 5 0 0 0 5 5h32a5 5 0 0 0 5-5V40.55l10.48-12.49a3 3 0 0 0-.37-4.23zM40.88 45.92l-3.07-2.57 13.5-16.09 3.07 2.58zM37 45.28l2.12 1.78-2.84 1.23zM40 5a1 1 0 0 1 2 0v6a1 1 0 0 1-2 0zM13 5a1 1 0 0 1 2 0v6a1 1 0 0 1-2 0zm-7 5a1 1 0 0 1 1-1h4v2a3 3 0 0 0 6 0V9h21v2a3 3 0 0 0 6 0V9h3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm40 47a3 3 0 0 1-3 3H11a3 3 0 0 1-3-3V19h38v11.49L35.64 42.83a.89.89 0 0 0-.19.39l-1.56 6.53a1 1 0 0 0 .33 1 1.05 1.05 0 0 0 .65.23 1.14 1.14 0 0 0 .4-.08l6.15-2.67a.93.93 0 0 0 .36-.27l4.23-5zm11-30.23-1.34 1.53-3.06-2.57 1.28-1.53a1 1 0 0 1 .68-.35 1 1 0 0 1 .73.23l1.54 1.28a1 1 0 0 1 .17 1.41z"
/>
<path fill="#fd9467" d="M14 27h26a1 1 0 0 0 0-2H14a1 1 0 0 0 0 2z" />
<g fill="#61c3b6">
<path
d="M14 35h24a1 1 0 0 0 0-2H14a1 1 0 0 0 0 2zM32 41H14a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2zM30 49H14a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category