Add icons to this collection by clicking the heart icon.
Design Tools icon - also known as art, online, tools, digital, design, browser, edit tools, and design tools. Created in a clean lineal color style with a white, silver, gray, black, red, yellow, teal, 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="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none" fill-rule="nonzero">
<path fill="#02a9f4" d="M4 1h52a3 3 0 0 1 3 3v7H1V4a3 3 0 0 1 3-3z" />
<path fill="#0377bc" d="M56 1h-3a3 3 0 0 1 3 3v7h3V4a3 3 0 0 0-3-3z" />
<path fill="#f5f5f5" d="M1 11h58v45a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3z" />
<path fill="#cfd8dc" d="M56 11v45a3 3 0 0 1-3 3h3a3 3 0 0 0 3-3V11z" />
<path fill="#607d8b" d="m50.66 14.39-2.88 8.63-5.75-5.75z" />
<path
fill="#37474f"
d="m47.284 15.517-1.753 5.254 2.249 2.249 2.88-8.63z"
/>
<path fill="#ffe0b2" d="m47.78 23.02-2.05 6.16-9.85-9.86 6.15-2.05z" />
<path
fill="#dfc49c"
d="m42.03 17.27-2.25.75 5 5-1.3 3.907 2.25 2.253 2.05-6.16z"
/>
<path
fill="#02a9f4"
d="M45.73 29.18 30.12 44.79l-9.86-9.86 15.61-15.61h.01z"
/>
<path
fill="#0377bc"
d="M35.88 19.32h-.01l-1.496 1.496 8.356 8.364-14.11 14.11 1.5 1.5 15.61-15.61z"
/>
<path
fill="#e91e63"
d="m26.01 48.9-5.27 5.27a3 3 0 0 1-4.24 0l-5.62-5.62a3 3 0 0 1 0-4.24l5.27-5.27z"
/>
<path
fill="#7f8e94"
d="m16.145 39.039 4.109-4.11 9.858 9.86-4.109 4.108z"
/>
<path
fill="#ffdc00"
d="m20.914 34.268-9.679-9.679a2.329 2.329 0 0 1 0-3.288l4.927-4.927a2.329 2.329 0 0 1 3.288 0l9.679 9.679zM38.994 35.918l10.027 10.027a2.308 2.308 0 0 1 0 3.289L44.1 54.16a2.308 2.308 0 0 1-3.289 0L30.779 44.133z"
/>
<path
fill="#fec108"
d="M49.021 45.945 38.994 35.918l-1.5 1.5 8.527 8.527a2.308 2.308 0 0 1 0 3.289L41.1 54.16a1.794 1.794 0 0 1-.145.119 2.3 2.3 0 0 0 3.145-.119l4.926-4.926a2.308 2.308 0 0 0-.005-3.289z"
/>
<g fill="#000">
<path
d="M56 0H4a4 4 0 0 0-4 4v52a4 4 0 0 0 4 4h52a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4zM2 4a2 2 0 0 1 2-2h52a2 2 0 0 1 2 2v6H2zm56 52a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V12h56z"
/>
<circle cx="6" cy="6" r="1" />
<circle cx="10" cy="6" r="1" />
<circle cx="14" cy="6" r="1" />
<path d="M54 5h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
</g>
<path
fill="#fff"
d="m15.828 46.431.8-.8a1 1 0 1 0-1.414-1.414l-1.508 1.509a1 1 0 0 0 0 1.414l1.578 1.577A1.002 1.002 0 0 0 16.7 47.3z"
/>
<path
fill="#000"
d="M15.444 38.329 10.172 43.6a4 4 0 0 0 0 5.657l5.616 5.616a4 4 0 0 0 5.657 0l9.331-9.331 2.752 2.758 4.1 4.1 2.472 2.463a3.307 3.307 0 0 0 4.707 0l4.922-4.922a3.308 3.308 0 0 0 .005-4.707l-9.324-9.323 6.032-6.031c.11-.11.192-.244.241-.391L51.607 14.7a1 1 0 0 0-1.264-1.265l-14.789 4.93a.985.985 0 0 0-.391.241l-6.031 6.032-8.975-8.975a3.327 3.327 0 0 0-4.7 0L10.53 20.59a3.327 3.327 0 0 0 0 4.7l2.46 2.46 4.1 4.1 2.4 2.4zm20.426-17.6 8.445 8.446-14.2 14.2-8.445-8.445zm1.851-.977 4.041-1.347 4.877 4.878-1.347 4.041zM20.26 36.342l8.445 8.445-2.694 2.694-8.445-8.445zm-.229 17.119a2 2 0 0 1-2.829 0l-5.616-5.616a2 2 0 0 1 0-2.829l4.566-4.566L24.6 48.9zm28.288-6.8a1.308 1.308 0 0 1-.005 1.87l-4.931 4.931c-.52.509-1.35.509-1.869 0L39.76 51.7l2.579-2.578a1 1 0 0 0-1.414-1.414l-2.579 2.578-2.694-2.693 2.578-2.579a1 1 0 0 0-1.414-1.414l-2.578 2.578-2.047-2.048 6.8-6.8zm-.973-25.493L43.883 17.7l5.2-1.731zm-35.4.844 4.927-4.926a1.325 1.325 0 0 1 1.874 0l8.975 8.974-6.8 6.8-1.7-1.7 2.578-2.579a1 1 0 0 0-1.414-1.414l-2.579 2.578-2.694-2.693 2.578-2.579a1 1 0 1 0-1.414-1.414L13.7 25.638l-1.756-1.756a1.328 1.328 0 0 1-.002-1.874z"
/>
</g>
</svg>
More icons in the same style and category