Add icons to this collection by clicking the heart icon.
Design Tools icon - also known as pencil, ruler, gear, stationery, art and design, design tools, and writing tools. Created in a clean gradient 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="512"
height="512"
viewBox="0 0 64 64"
>
<defs>
<linearGradient
id="a"
x1="32"
x2="32"
y1=".047"
y2="65.777"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="26.5"
x2="26.5"
y1=".047"
y2="65.777"
href="#a"
/>
<linearGradient
id="c"
x1="31"
x2="31"
y1=".047"
y2="65.777"
href="#a"
/>
<linearGradient
id="d"
x1="59"
x2="59"
y1=".047"
y2="65.777"
href="#a"
/>
</defs>
<g>
<path
d="M54 52.586V3a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v6.119a.991.991 0 0 0-.273-.606l-4.24-4.24a1 1 0 0 0-1.414 0l-2.659 2.659q-.207-.093-.414-.174V3a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v3.758q-.207.081-.414.174l-2.659-2.659a1 1 0 0 0-1.414 0l-4.24 4.24a1 1 0 0 0 0 1.414l2.659 2.659c-.061.138-.119.275-.174.414H17a1 1 0 0 0-1 1v.586L3.707 2.293A1 1 0 0 0 2 3v58a1 1 0 0 0 1 1h58a1 1 0 0 0 .707-1.707ZM49.414 48H52v2.586ZM52 4v2h-3v2h3v2h-3v2h3v2h-3v2h3v2h-3v2h3v2h-3v2h3v2h-3v2h3v2h-3v2h3v2h-3v2h3v2h-3v2h3v2h-3v2h3v2h-3v1.586l-3-3V4Zm-8 20.68a.991.991 0 0 0-.273-.607l-2.659-2.659c.061-.138.119-.275.174-.414H44Zm0 .2v17.7L33.414 32H34a1 1 0 0 0 1-1v-3.758q.207-.081.414-.174l2.659 2.659a1 1 0 0 0 1.414 0l4.24-4.24a.991.991 0 0 0 .273-.606Zm0-15.56V13h-2.758a11.359 11.359 0 0 0-.174-.414l2.659-2.659A.991.991 0 0 0 44 9.32ZM18 15h3.46a1 1 0 0 0 .952-.693 9.471 9.471 0 0 1 .616-1.466 1 1 0 0 0-.181-1.168L20.394 9.22 23.22 6.4l2.453 2.452a1 1 0 0 0 1.167.18 9.457 9.457 0 0 1 1.466-.615A1 1 0 0 0 29 7.46V4h4v3.46a1 1 0 0 0 .694.952 9.457 9.457 0 0 1 1.466.615 1 1 0 0 0 1.167-.18L38.78 6.4l2.826 2.82-2.453 2.453a1 1 0 0 0-.181 1.168 9.471 9.471 0 0 1 .616 1.466 1 1 0 0 0 .952.693H44v4h-3.46a1 1 0 0 0-.952.693 9.471 9.471 0 0 1-.616 1.466 1 1 0 0 0 .181 1.168l2.453 2.453-2.826 2.825-2.453-2.452a1 1 0 0 0-1.167-.18 9.457 9.457 0 0 1-1.466.615 1 1 0 0 0-.694.952V30h-1.586L18 16.586Zm34 45v-3h-2v3h-4v-3h-2v3h-4v-3h-2v3h-4v-3h-2v3h-4v-3h-2v3h-4v-3h-2v3h-4v-3h-2v3h-4v-3H8v3H4v-4h3v-2H4v-4h3v-2H4v-4h3v-2H4v-4h3v-2H4v-4h3v-2H4v-4h3v-2H4v-4h3v-2H4v-4h3v-2H4V5.414L58.586 60Z"
fill="url(#a)"
/>
<path
d="M11 54h31a1 1 0 0 0 .718-1.7l-31-32A1 1 0 0 0 10 21v32a1 1 0 0 0 1 1Zm1-30.53L39.639 52H12Z"
fill="url(#b)"
/>
<path
d="M39 17a8 8 0 1 0-8 8 8.009 8.009 0 0 0 8-8Zm-14 0a6 6 0 1 1 6 6 6.006 6.006 0 0 1-6-6Z"
fill="url(#c)"
/>
<path
d="m61.961 9.726-2-7a1 1 0 0 0-1.922 0l-2 7A.97.97 0 0 0 56 10v40a3 3 0 0 0 6 0V10a.97.97 0 0 0-.039-.274ZM59 6.64 59.674 9h-1.348ZM59 51a1 1 0 0 1-1-1V11h2v39a1 1 0 0 1-1 1Z"
fill="url(#d)"
/>
</g>
</svg>
More icons in the same style and category