Add icons to this collection by clicking the heart icon.
Design Tools icon - also known as pencil, ruler, tool, measure, graphic design, ui, measurement, ribbon design, art and design, and design tools. Created in a clean flat 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 71.967 71.967"
>
<linearGradient
id="a"
x1="35.983"
x2="35.983"
y1="71.967"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#262261" />
<stop offset=".012" stop-color="#262261" />
<stop offset=".02" stop-color="#262261" />
<stop offset=".031" stop-color="#262261" />
<stop offset=".039" stop-color="#262261" />
<stop offset=".051" stop-color="#262261" />
<stop offset=".059" stop-color="#292363" />
<stop offset=".071" stop-color="#2c2365" />
<stop offset=".078" stop-color="#2f2468" />
<stop offset=".09" stop-color="#32246a" />
<stop offset=".102" stop-color="#35256c" />
<stop offset=".11" stop-color="#37256e" />
<stop offset=".122" stop-color="#3a2670" />
<stop offset=".129" stop-color="#3d2672" />
<stop offset=".141" stop-color="#3f2774" />
<stop offset=".149" stop-color="#422776" />
<stop offset=".161" stop-color="#442777" />
<stop offset=".169" stop-color="#462879" />
<stop offset=".18" stop-color="#48287a" />
<stop offset=".188" stop-color="#4a287c" />
<stop offset=".2" stop-color="#4c297d" />
<stop offset=".212" stop-color="#4e297f" />
<stop offset=".22" stop-color="#502980" />
<stop offset=".231" stop-color="#512981" />
<stop offset=".239" stop-color="#532a83" />
<stop offset=".251" stop-color="#552a84" />
<stop offset=".259" stop-color="#562a85" />
<stop offset=".271" stop-color="#582a86" />
<stop offset=".278" stop-color="#592b87" />
<stop offset=".29" stop-color="#5a2b88" />
<stop offset=".302" stop-color="#5b2b89" />
<stop offset=".31" stop-color="#5c2b8a" />
<stop offset=".322" stop-color="#5e2b8a" />
<stop offset=".329" stop-color="#5f2c8b" />
<stop offset=".341" stop-color="#602c8c" />
<stop offset=".349" stop-color="#612c8d" />
<stop offset=".361" stop-color="#612c8d" />
<stop offset=".369" stop-color="#622c8e" />
<stop offset=".38" stop-color="#622c8e" />
<stop offset=".388" stop-color="#632c8e" />
<stop offset=".4" stop-color="#632d8f" />
<stop offset=".412" stop-color="#632d8f" />
<stop offset=".42" stop-color="#642d8f" />
<stop offset=".431" stop-color="#642d8f" />
<stop offset=".439" stop-color="#652d90" />
<stop offset=".451" stop-color="#652d90" />
<stop offset=".459" stop-color="#672d90" />
<stop offset=".471" stop-color="#682d90" />
<stop offset=".478" stop-color="#6a2c90" />
<stop offset=".49" stop-color="#6b2c90" />
<stop offset=".502" stop-color="#6d2c90" />
<stop offset=".51" stop-color="#6e2c90" />
<stop offset=".522" stop-color="#702c90" />
<stop offset=".529" stop-color="#712b90" />
<stop offset=".541" stop-color="#722b90" />
<stop offset=".549" stop-color="#732b90" />
<stop offset=".561" stop-color="#752b90" />
<stop offset=".569" stop-color="#762b90" />
<stop offset=".58" stop-color="#772a8f" />
<stop offset=".588" stop-color="#782a8f" />
<stop offset=".6" stop-color="#792a8f" />
<stop offset=".612" stop-color="#7a2a8f" />
<stop offset=".62" stop-color="#7c2a8f" />
<stop offset=".631" stop-color="#7d2a8f" />
<stop offset=".639" stop-color="#7e298f" />
<stop offset=".651" stop-color="#7f298f" />
<stop offset=".659" stop-color="#80298f" />
<stop offset=".671" stop-color="#81298f" />
<stop offset=".678" stop-color="#82298f" />
<stop offset=".69" stop-color="#82298f" />
<stop offset=".702" stop-color="#83298f" />
<stop offset=".71" stop-color="#84298f" />
<stop offset=".722" stop-color="#85298f" />
<stop offset=".729" stop-color="#85298f" />
<stop offset=".741" stop-color="#86288e" />
<stop offset=".749" stop-color="#87288e" />
<stop offset=".761" stop-color="#87288e" />
<stop offset=".769" stop-color="#88288e" />
<stop offset=".78" stop-color="#89288e" />
<stop offset=".788" stop-color="#89288e" />
<stop offset=".8" stop-color="#8a288e" />
<stop offset=".812" stop-color="#8b288e" />
<stop offset=".82" stop-color="#8b288e" />
<stop offset=".831" stop-color="#8c288e" />
<stop offset=".839" stop-color="#8c288e" />
<stop offset=".851" stop-color="#8d288e" />
<stop offset=".859" stop-color="#8d288e" />
<stop offset=".871" stop-color="#8d288e" />
<stop offset=".878" stop-color="#8d288e" />
<stop offset=".89" stop-color="#8e288e" />
<stop offset=".902" stop-color="#8e288e" />
<stop offset=".91" stop-color="#8e278e" />
<stop offset=".922" stop-color="#8e278e" />
<stop offset=".929" stop-color="#8e278e" />
<stop offset=".941" stop-color="#8f278e" />
<stop offset=".949" stop-color="#8f278e" />
<stop offset=".961" stop-color="#8f278e" />
<stop offset=".969" stop-color="#8f278e" />
<stop offset=".98" stop-color="#90278e" />
<stop offset=".988" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M71.966 35.983C71.966 16.11 55.856 0 35.983 0S0 16.11 0 35.983s16.11 35.984 35.983 35.984 35.983-16.11 35.983-35.984z"
/>
<path
fill="#fff"
d="M32.403 53.584h-9.417a.632.632 0 0 1-.635-.635V26.848c0-.353.282-.635.635-.635h9.417c.353 0 .635.282.635.635v26.136c0 .318-.282.6-.635.6zm-8.782-1.235h8.183V27.448H23.62z"
/>
<path
fill="#fff"
d="M28.312 57.675h-1.235c-2.61 0-4.726-2.116-4.726-4.69 0-.353.282-.636.635-.636h9.417c.353 0 .635.283.635.635 0 2.575-2.116 4.691-4.726 4.691zm-4.656-4.091c.282 1.623 1.728 2.857 3.457 2.857h1.234c1.693 0 3.14-1.234 3.421-2.857zM32.403 27.448h-9.417a.632.632 0 0 1-.635-.635v-2.046c0-.106.035-.176.07-.247l4.656-9.876a.628.628 0 0 1 1.13 0l4.76 9.84c.036.071.071.177.071.283v2.081c0 .353-.282.6-.635.6zm-8.782-1.235h8.183v-1.34l-4.162-8.536-4.021 8.571z"
/>
<path
fill="#fff"
d="M27.642 20.323a8.005 8.005 0 0 1-2.293-.318c-.317-.106-.494-.458-.423-.776.105-.317.458-.494.776-.423.6.176 1.234.282 1.94.282.705 0 1.375-.106 1.975-.282.317-.106.67.07.776.388a.619.619 0 0 1-.388.776c-.74.247-1.517.353-2.363.353zM25.913 50.621a.632.632 0 0 1-.635-.635V29.811c0-.353.283-.635.635-.635s.635.282.635.635v20.175a.632.632 0 0 1-.635.635zM29.511 50.621a.632.632 0 0 1-.635-.635V29.811c0-.353.282-.635.635-.635s.635.282.635.635v20.175c-.035.353-.317.635-.635.635zM47.358 57.675h-6.137a2.273 2.273 0 0 1-2.257-2.257v-38.87a2.273 2.273 0 0 1 2.257-2.257h6.137a2.273 2.273 0 0 1 2.258 2.258v38.87a2.25 2.25 0 0 1-2.258 2.257zm-6.137-42.15c-.564 0-1.023.46-1.023 1.024v38.87c0 .528.459 1.022 1.023 1.022h6.137c.53 0 1.023-.459 1.023-1.023v-38.87c0-.564-.458-1.022-1.023-1.022z"
/>
<path
fill="#fff"
d="M44.29 55.277a2.349 2.349 0 0 1-2.328-2.328c0-1.27 1.023-2.328 2.328-2.328s2.328 1.023 2.328 2.328-1.058 2.328-2.328 2.328zm0-3.421c-.6 0-1.093.493-1.093 1.093s.493 1.093 1.093 1.093 1.093-.493 1.093-1.093-.493-1.093-1.093-1.093zM43.584 18.347H39.6c-.353 0-.635-.282-.635-.635s.282-.634.635-.634h3.985c.353 0 .635.282.635.634s-.282.635-.635.635zM43.584 22.545H39.6c-.353 0-.635-.282-.635-.635s.282-.635.635-.635h3.985c.353 0 .635.282.635.635s-.282.635-.635.635zM43.584 26.813H39.6c-.353 0-.635-.282-.635-.635s.282-.635.635-.635h3.985c.353 0 .635.282.635.635s-.282.635-.635.635zM43.584 31.01H39.6c-.353 0-.635-.282-.635-.635s.282-.635.635-.635h3.985c.353 0 .635.282.635.635s-.282.635-.635.635zM43.584 35.243H39.6c-.353 0-.635-.283-.635-.635s.282-.635.635-.635h3.985c.353 0 .635.282.635.635s-.282.635-.635.635zM43.584 39.475H39.6c-.353 0-.635-.282-.635-.635s.282-.635.635-.635h3.985c.353 0 .635.283.635.635s-.282.635-.635.635zM43.584 43.708H39.6c-.353 0-.635-.282-.635-.635s.282-.635.635-.635h3.985c.353 0 .635.282.635.635s-.282.635-.635.635zM43.584 47.94H39.6c-.353 0-.635-.282-.635-.634s.282-.635.635-.635h3.985c.353 0 .635.282.635.635s-.282.635-.635.635zM41.574 20.464h-1.975c-.353 0-.635-.282-.635-.635s.282-.635.635-.635h1.975c.353 0 .635.282.635.635s-.282.635-.635.635zM41.574 24.696h-1.975c-.353 0-.635-.282-.635-.635s.282-.634.635-.634h1.975c.353 0 .635.282.635.635s-.282.634-.635.634zM41.574 28.894h-1.975c-.353 0-.635-.282-.635-.635s.282-.635.635-.635h1.975c.353 0 .635.282.635.635s-.282.635-.635.635zM41.574 33.162h-1.975c-.353 0-.635-.283-.635-.635s.282-.635.635-.635h1.975c.353 0 .635.282.635.635s-.282.635-.635.635zM41.574 37.359h-1.975c-.353 0-.635-.282-.635-.635s.282-.635.635-.635h1.975c.353 0 .635.282.635.635s-.282.635-.635.635zM41.574 41.592h-1.975c-.353 0-.635-.283-.635-.635s.282-.635.635-.635h1.975c.353 0 .635.282.635.635s-.282.635-.635.635zM41.574 45.824h-1.975c-.353 0-.635-.282-.635-.635s.282-.635.635-.635h1.975c.353 0 .635.283.635.635s-.282.635-.635.635zM41.574 50.057h-1.975c-.353 0-.635-.282-.635-.635s.282-.635.635-.635h1.975c.353 0 .635.282.635.635s-.282.635-.635.635z"
/>
</g>
</svg>
More icons in the same style and category