Add icons to this collection by clicking the heart icon.
Sketching icon - also known as interface, pencil, production, product, writing tool, ui, sketch, electronics, prototype, sketching, and edit tools. Created in a clean lineal color style with a white, silver, gray, black, 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="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 0h135.336c5.897 0 10.677-5.096 10.677-11.382v-285.699c0-6.287-4.78-11.383-10.677-11.383H-329.836c-5.897 0-10.677 5.096-10.677 11.383v285.699c0 6.286 4.78 11.382 10.677 11.382H-46.083"
transform="translate(353.25 377.405)"
fill="#ecf4f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-330.496c-5.897 0-10.677 5.096-10.677 11.382v285.699c0 6.287 4.78 11.383 10.677 11.383H-46.743"
transform="translate(353.91 68.942)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h135.336c5.897 0 10.677-5.096 10.677-11.382v-285.699c0-6.287-4.78-11.383-10.677-11.383H80.75"
transform="translate(353.25 377.405)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h42.755v-240.741h-353.63V0h163.57"
transform="translate(418.805 343.686)"
fill="#66d5e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h142.559v-240.741H-211.07V0h163.237"
transform="translate(319.333 343.686)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.173-7.436-16.61-16.61-16.61-9.173 0-16.61 7.437-16.61 16.61 0 9.173 7.437 16.61 16.61 16.61C-7.436 16.61 0 9.173 0 0"
transform="translate(76.673 223.316)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.173-7.436-16.61-16.61-16.61-9.173 0-16.61 7.437-16.61 16.61 0 9.173 7.437 16.61 16.61 16.61C-7.436 16.61 0 9.173 0 0Z"
transform="translate(76.673 223.316)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M76.673 308.047h-33.22v-35.009h33.22z"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M76.673 343.815h-33.22v-35.768h33.22z"
fill="#ff825f"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.22"
transform="translate(43.453 157.968)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.22"
transform="translate(43.453 130.505)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.22"
transform="translate(43.453 103.043)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 14.614 14.614"
transform="translate(413.39 460.64)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 22.51-22.51L54.818 9.799l-22.509 22.51Z"
transform="translate(211.552 281.313)"
fill="#55e9bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 22.51-22.51L54.818 9.799l-22.509 22.51Z"
transform="translate(211.552 281.313)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 22.51-22.51 126.572 126.573-22.51 22.509z"
transform="translate(243.861 313.622)"
fill="#555151"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 22.51-22.51 126.572 126.573-22.51 22.509z"
transform="translate(243.861 313.622)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-31.702-31.702 22.51-22.51L22.51-22.51z"
transform="translate(402.135 471.896)"
fill="#55e9bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-31.702-31.702 22.51-22.51L22.51-22.51z"
transform="translate(402.135 471.896)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 22.51-22.51-40.76-24.397c-3.643-2.18-7.799 1.916-5.672 5.59z"
transform="translate(211.552 281.313)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M205 139.112h-61.888V201H205Z"
fill="#ff825f"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M315.263 139.112h-61.888V201h61.888z"
fill="#ffda89"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M425.527 139.112h-61.888V201h61.888z"
fill="#55e9bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M425.527 243.999h-61.888v61.888h61.888z"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h48.375"
transform="translate(205 170.056)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h48.375"
transform="translate(315.264 170.056)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v42.999"
transform="translate(394.583 201)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.134.332"
transform="translate(393.801 68.775)"
fill="none"
stroke="#000"
stroke-width="20"
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