Add icons to this collection by clicking the heart icon.
Sketchbook icon - also known as idea, pencil, creation, art and design, sketchbook, files and folders, edit tools, and design book. Created in a clean color style with a white, blue, and magenta 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0 24.503 13.776 45.78 34 56.535A63.702 63.702 0 0 1 4 64c-35.346 0-64-28.654-64-64 0-35.346 28.654-64 64-64a63.702 63.702 0 0 1 30 7.465C13.776-45.78 0-24.503 0 0"
transform="translate(206 242)"
fill="#cee1f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v167c0 55.229 45.402 100 100.63 100h-58c-55.228 0-100-44.771-100-100V0c0-55.229 44.772-100 100-100h58C45.402-100 0-55.229 0 0"
transform="translate(80 120.457)"
fill="#cee1f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-272c-55.229 0-100 44.771-100 100v164c0 55.229 44.771 100 100 100H0c55.229 0 100-44.771 100-100V100C100 44.771 55.229 0 0 0Z"
transform="translate(392 20)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 35.347 28.654 64 64 64 35.346 0 64-28.653 64-64S99.346-64 64-64C28.654-64 0-35.347 0 0Z"
transform="translate(146 242)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c16.543-14.393 27-35.599 27-59.247 0-43.355-35.146-78.5-78.5-78.5-13.582 0-26.358 3.449-37.5 9.519"
transform="translate(349 237.747)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 22.092-17.909 40-40 40S-80 22.092-80 0"
transform="translate(182 452)"
fill="none"
stroke="#ff5cf5"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 22.092-17.909 40-40 40S-80 22.092-80 0"
transform="translate(412 452)"
fill="none"
stroke="#ff5cf5"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category