Add icons to this collection by clicking the heart icon.
Design Tool icon - also known as pencil, ruler, keyboard, portfolio, app development, art and design, and design tool. Created in a clean flat style with a white, silver, black, teal, and orange 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="100"
height="100"
viewBox="0 0 512 512"
>
<path d="M0 47.153h261.504v415.078H0z" fill="#e6e5e5" />
<path d="M0 47.153h261.504v24.801H0z" fill="#f15424" />
<path d="M0 328.374h261.504v133.862H0z" fill="#16c6cc" />
<path
d="M20.109 348.956h60.355v49.329H20.109zM100.582 348.956h60.347v49.329h-60.347zM181.043 348.956h60.355v49.329h-60.355z"
fill="#fff"
/>
<path
d="M20.109 215.068h60.355v49.334H20.109zM100.582 215.068h60.347v49.334h-60.347zM181.043 215.068h60.355v49.334h-60.355z"
fill="#f15424"
/>
<path d="M20.116 92.521h221.261v29.599H20.116z" fill="#16c6cc" />
<path d="M20.109 142.697h221.286v9.864H20.109z" fill="#f15424" />
<path
d="M20.109 409.603h60.357M20.109 420.278h60.357M20.109 430.979h60.357M20.109 441.654h30.177M100.582 409.603h60.34M100.582 420.278h60.34M100.582 430.979h60.34M100.582 441.654h30.157M181.043 409.603h60.339M181.043 420.278h60.339M181.043 430.979h60.339M181.043 441.654H211.2"
fill="none"
stroke="#fff"
stroke-width="1.837"
stroke-miterlimit="10"
/>
<path
d="M20.116 275.74h221.292M20.109 286.441h221.299M20.116 297.116h221.292M20.116 307.791h110.649M20.116 173.135h221.292M20.109 183.818h221.299M50.286 194.509H211.2"
fill="none"
stroke="#242d3c"
stroke-width="1.837"
stroke-miterlimit="10"
/>
<path
d="M44.705 107.325h24.569M93.868 107.325h24.583M143.037 107.325h24.592M192.205 107.325h24.601"
fill="none"
stroke="#fff"
stroke-width="1.837"
stroke-miterlimit="10"
/>
<path d="M293.581 47.153H512v35.942H293.581z" fill="#242d3c" />
<path
d="M501.069 54.748v-7.595M490.163 54.748v-7.595M479.232 54.748v-7.595M468.326 54.748v-7.595M457.395 54.748v-7.595M446.464 54.748v-7.595M435.558 54.748v-7.595M424.627 54.748v-7.595M413.696 54.748v-7.595M402.79 54.748v-7.595M391.859 54.748v-7.595M380.954 54.748v-7.595M370.022 54.748v-7.595M359.091 54.748v-7.595M348.186 54.748v-7.595M337.254 54.748v-7.595M326.323 54.748v-7.595M315.418 54.748v-7.595M304.486 54.748v-7.595"
fill="none"
stroke="#fff"
stroke-width=".89"
stroke-miterlimit="10"
/>
<path d="M492.073 129.743 512 119.78l-19.927-9.959z" fill="#e6e5e5" />
<path d="M293.581 109.821h198.502v19.922H293.581z" fill="#f15424" />
<path d="m504.2 123.676 7.8-3.896-7.8-3.917z" fill="#242d3c" />
<path d="M310.272 109.821h7.045v19.922h-7.045z" fill="#e6e5e5" />
<path
d="M293.581 109.821h16.709v19.922h-16.709zM181.043 247.247H512v215.117H181.043z"
fill="#242d3c"
/>
<path
d="M512 214.157H181.03v74.458c0 16.94 6.472 33.884 19.387 46.812 12.925 12.923 29.86 19.379 46.815 19.379h198.566c16.945 0 33.884-6.456 46.799-19.379 12.931-12.928 19.4-29.873 19.4-46.812v-74.458H512z"
fill="#3e4959"
/>
<path
d="M215.782 211.663h89.367v2.491h-89.367zM387.891 211.663h89.352v2.491h-89.352z"
fill="#242d3c"
/>
<path
d="M247.245 209.18h26.468v255.667h-26.468zM419.328 209.18h26.473v255.667h-26.473z"
fill="#131a26"
/>
<path
d="M231.501 274.563h57.915v19.853h-57.915zM403.61 274.563h57.917v19.853H403.61z"
fill="#3e4959"
/>
<path
d="M276.163 340.764a9.853 9.853 0 0 0-7.03-2.918h-17.339a9.84 9.84 0 0 0-7.03 2.918 9.892 9.892 0 0 0-2.921 7.035v23.969h5.391v-4.127h-1.247v-19.843c0-1.564.594-3.016 1.705-4.109a5.722 5.722 0 0 1 4.104-1.708h17.339a5.77 5.77 0 0 1 4.119 1.708 5.796 5.796 0 0 1 1.695 4.109v19.843h-1.244v4.127h5.379v-23.969a9.889 9.889 0 0 0-2.921-7.035z"
fill="#fff"
/>
<path
d="M258.399 351.427h4.129v-11.512c0-.415-.161-.845-.481-1.167a1.615 1.615 0 0 0-1.155-.484h-.845c-.407 0-.84.159-1.178.484a1.693 1.693 0 0 0-.471 1.167v11.512z"
fill="#cccbca"
/>
<path
d="M448.266 340.764a9.853 9.853 0 0 0-7.03-2.918H423.9a9.86 9.86 0 0 0-7.045 2.918 9.903 9.903 0 0 0-2.911 7.035v23.969h5.384v-4.127h-1.242v-19.843c0-1.564.604-3.016 1.702-4.109a5.746 5.746 0 0 1 4.111-1.708h17.336c1.546 0 3.011.602 4.106 1.708a5.726 5.726 0 0 1 1.713 4.109v19.843H445.8v4.127h5.376v-23.969a9.895 9.895 0 0 0-2.91-7.035z"
fill="#fff"
/>
<path
d="M430.49 351.427h4.14v-11.512c0-.415-.159-.845-.476-1.167a1.644 1.644 0 0 0-1.172-.484h-.824c-.425 0-.86.159-1.175.484a1.667 1.667 0 0 0-.492 1.167v11.512z"
fill="#cccbca"
/>
<path
d="M395.346 179.796a13.976 13.976 0 0 0-9.94-4.116h-77.768a13.995 13.995 0 0 0-9.951 4.116c-2.662 2.657-4.111 6.19-4.111 9.948v21.921h11.576v-21.921a2.484 2.484 0 0 1 2.483-2.494h77.768a2.47 2.47 0 0 1 1.759.737c.481.468.727 1.088.727 1.756v21.921h11.581v-21.921a13.979 13.979 0 0 0-4.124-9.947z"
fill="#242d3c"
/>
</svg>
More icons in the same style and category