Add icons to this collection by clicking the heart icon.
Notepad icon - also known as education, notebook, hand, pointing, note, writing, and notepad. Created in a clean flat 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 58 58"
>
<g fill="none" fill-rule="evenodd">
<path
fill="#9fc9d3"
d="M51 2v29.27A1.984 1.984 0 0 0 50 33a2 2 0 1 0-4 0V22a2.072 2.072 0 0 0-1.66-2.08A2 2 0 0 0 42 21.89V35a3.995 3.995 0 0 0-4 4v5.34a4 4 0 0 0 1.17 2.83l1.95 1.95c.561.563.878 1.325.88 2.12V56a2.006 2.006 0 0 0 2 2H7a2.006 2.006 0 0 1-2-2V2a2.006 2.006 0 0 1 2-2h42a2.006 2.006 0 0 1 2 2z"
/>
<circle cx="10" cy="29" r="2" fill="#4482c3" />
<path fill="#ecf0f1" d="M9 30H1a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<circle cx="10" cy="19" r="2" fill="#4482c3" />
<path fill="#ecf0f1" d="M9 20H1a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<circle cx="10" cy="9" r="2" fill="#4482c3" />
<path fill="#ecf0f1" d="M9 10H1a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2z" />
<circle cx="10" cy="49" r="2" fill="#4482c3" />
<path fill="#ecf0f1" d="M9 50H1a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<circle cx="10" cy="39" r="2" fill="#4482c3" />
<path fill="#ecf0f1" d="M9 40H1a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<g fill="#84b5cb">
<path
d="M16 8a1 1 0 0 1-1-1V6a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM17 0v2a1 1 0 0 1-2 0V0zM16 13a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM16 18a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM16 23a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM16 28a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM16 33a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM16 38a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM16 43a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM16 48a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM16 53a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1zM17 56v2h-2v-2a1 1 0 0 1 2 0z"
/>
</g>
<path
fill="#35495e"
d="M45 9H22a1 1 0 0 1 0-2h23a1 1 0 0 1 0 2zM26 15h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM41 15H30a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2zM38 27h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zM38 21H22a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zM26 33h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM27 27h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z"
/>
<path
fill="#fdd7ad"
d="M58 36.11v9.98a3.11 3.11 0 0 1-.5 1.67l-1 1.48a3.11 3.11 0 0 0-.5 1.67V56a2.006 2.006 0 0 1-2 2H44a2.006 2.006 0 0 1-2-2v-4.76a3.015 3.015 0 0 0-.88-2.12l-1.95-1.95A4 4 0 0 1 38 44.34V39a4.025 4.025 0 0 1 1.17-2.83c.25-.243.528-.455.83-.63a3.989 3.989 0 0 1 2-.54V21.89a2 2 0 0 1 2.34-1.97A2.072 2.072 0 0 1 46 22v11a2 2 0 1 1 4 0 2 2 0 0 1 2.34-1.97A2.072 2.072 0 0 1 54 33.11V36a2 2 0 0 1 2.34-1.97A2.072 2.072 0 0 1 58 36.11z"
/>
<path
fill="#f9c795"
d="M42 35v6a1 1 0 0 1-2 0v-5.46a3.989 3.989 0 0 1 2-.54zM48 31v4a1 1 0 0 1-2 0v-2a2.006 2.006 0 0 1 2-2zM52 31v4a1 1 0 0 1-2 0v-2a2 2 0 0 1 2-2z"
/>
</g>
</svg>
More icons in the same style and category