Add icons to this collection by clicking the heart icon.
Sketch icon - also known as notebook, pencil, drawing, notepad, sketch, art and design, and sketchbook. 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="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 0h-342.781l-4.533-1v-409.84a5 5 0 0 1 5-5H-.777a5 5 0 0 1 5 5V-1z"
transform="translate(401.815 423.34)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M320.5 211.002H211.602V319.9H320.5Z"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M211.602 211.002H243V319.9h-31.398z"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v409.84l4.533 1h-52.5l-4.533-1V0a5 5 0 0 1 5-5H5a5 5 0 0 0-5 5"
transform="translate(107 12.5)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v43.84l-4.223 1h-342.781l-4.533-1V-366a5 5 0 0 1 5-5H-5a5 5 0 0 1 5 5v331"
transform="translate(406.037 378.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-351.537v46.957c0 8.284 6.716 15 15 15H-15c8.284 0 15-6.716 15-15z"
transform="translate(406.037 422.34)"
fill="#fe646f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.5c-8.284 0-15-6.716-15-15v-46.957H-15V-15C-15-6.716-8.284 0 0 0"
transform="translate(122 484.297)"
fill="#fd4755"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-351.537v46.957c0 8.284 6.716 15 15 15H-15c8.284 0 15-6.716 15-15z"
transform="translate(406.037 422.34)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40.406"
transform="translate(371.691 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40.406"
transform="translate(331.284 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40.406"
transform="translate(290.878 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40.406"
transform="translate(250.472 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40.406"
transform="translate(210.065 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40.406"
transform="translate(169.658 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40.406"
transform="translate(129.252 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40.406"
transform="translate(88.846 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-32c-11.046 0-20-8.954-20-20v-20l1.65-1h68.4L20-40v20C20-8.954 11.046 0 0 0"
transform="translate(437.5 289.5)"
fill="#fed2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046 8.954 20 20 20h-30.5c-11.046 0-20-8.954-20-20v-20l1.65-1h30.5L0-20Z"
transform="translate(416 269.5)"
fill="#ffbd86"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-32c-11.046 0-20-8.954-20-20v-20l1.65-1h68.4L20-40v20C20-8.954 11.046 0 0 0Z"
transform="translate(437.5 289.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-62a5 5 0 0 0-5 5v95H5V5a5 5 0 0 0-5-5"
transform="translate(452.5 149.5)"
fill="#0593fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v95h-30.5V0a5 5 0 0 1 5-5H5a5 5 0 0 0-5 5"
transform="translate(416 154.5)"
fill="#0182fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-62a5 5 0 0 0-5 5v95H5V5a5 5 0 0 0-5-5Z"
transform="translate(452.5 149.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v32.075c0 6.557-5.316 11.873-11.874 11.873h-264.843l-1.186-1.417v-53.093l1.186-1.312h264.843C-5.316-11.874 0-6.558 0 0"
transform="translate(457.5 58.373)"
fill="#fed402"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.685v-55.822H0c6.557 0 11.873 5.316 11.873 11.874v32.074C11.873-5.316 6.557 0 0 0"
transform="translate(445.627 102.322)"
fill="#fe646f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v27.644h-27.404l-1.187-1.418v-53.092l1.187-1.312h214.216V0Z"
transform="translate(213.188 69.678)"
fill="#fac600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h19.685c6.556 0 11.873 5.316 11.873 11.874v11.304H0Z"
transform="translate(425.942 46.5)"
fill="#fd4755"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M425.942 102.322H395V46.5h30.942z"
fill="#0593fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M395 46.5h30.942v23.178H395Z"
fill="#0182fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M425.942 102.322H395V46.5h30.942z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-136.217l-1.186-1.417V-54.51l1.186-1.312h264.844c6.557 0 11.873 5.316 11.873 11.874v32.074C140.5-5.316 135.184 0 128.627 0H35"
transform="translate(317 102.322)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-1.579 0-3.142-.315-4.598-.926l-56.429-23.7c-2.911-1.223-2.911-5.347 0-6.569l56.429-23.701A11.883 11.883 0 0 1 0-55.822z"
transform="translate(180.783 102.322)"
fill="#fed2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.579 0-3.142-.315-4.598-.926l-56.429-23.7c-2.911-1.223-2.911-5.347 0-6.569l56.429-23.701A11.883 11.883 0 0 1 0-55.822z"
transform="translate(180.783 102.322)"
fill="#fed2a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-33.454-14.05c-2.91-1.223-2.91-5.346 0-6.569L0-34.669Z"
transform="translate(153.21 91.746)"
fill="#678d98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v34.669"
transform="translate(153.21 57.076)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-1.579 0-3.142-.315-4.598-.926l-56.429-23.7c-2.911-1.223-2.911-5.347 0-6.569l56.429-23.701A11.883 11.883 0 0 1 0-55.822z"
transform="translate(180.783 102.322)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h54"
transform="translate(102.269 297.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h54"
transform="translate(102.269 323.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h54"
transform="translate(102.269 349.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M248.936 139.437H140.038v108.898h108.898z"
fill="#46cc8d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M140.037 139.437h31.064v108.898h-31.064z"
fill="#08b865"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M248.936 139.437H140.038v108.898h108.898z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v33.4h-108.898V-75.498H0V-35"
transform="translate(320.5 286.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h160.101"
transform="translate(187.4 363.964)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-18.101-15.465L0-30.929"
transform="translate(205.5 379.43)"
fill="none"
stroke="#000"
stroke-width="15"
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