Add icons to this collection by clicking the heart icon.
Development icon - also known as pencil, ruler, development, planning, design, and edit tools. Created in a clean circular style with a white, silver, gray, and teal 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"
>
<circle cx="256" cy="256" r="256" fill="#e1effa" />
<path
d="M511.329 273.579 385.795 148.047c-.074-.077-.113-.113-.182-.182l-21.471-21.471c-.069-.069-.148-.148-.218-.182a13.319 13.319 0 0 0-9.18-3.694c-3.661 0-6.986 1.503-9.398 3.876l-9.403 9.398-6.694 6.692-72.589 72.599-7.46-7.468v-.036l-1.134-1.096-83.968-83.968-41.58 41.587 92.562 92.557-72.448 72.451-12.255 36.751-7.859 23.626 122.225 122.225c3.736.16 7.478.288 11.257.288 135.47 0 246.287-105.242 255.329-238.421z"
fill="#bcd4e8"
/>
<path
d="m122.511 164.104 225.38 225.38 41.592-41.592-225.38-225.38-41.592 41.592zm39.289-2.292a6.635 6.635 0 0 1-9.39-.005c-2.58-2.586-2.58-6.792 0-9.385 2.598-2.583 6.799-2.583 9.39 0a6.63 6.63 0 0 1 0 9.39z"
fill="#0684ba"
/>
<path
d="m143.301 143.322 9.108 9.101c2.598-2.583 6.799-2.583 9.39 0a6.63 6.63 0 0 1 0 9.39L368.68 368.694l20.803-20.803-225.38-225.38-20.802 20.811z"
fill="#03628a"
/>
<path
d="M186.78 148.742h1.59v13.297h-1.59z"
transform="rotate(-134.999 187.575 155.39)"
fill="#fff"
/>
<path
d="M205.568 167.522h1.6v13.297h-1.6z"
transform="rotate(-134.967 206.37 174.171)"
fill="#fff"
/>
<path
d="M224.324 186.298h1.608v13.294h-1.608z"
transform="rotate(-134.902 225.128 192.946)"
fill="#fff"
/>
<path
d="M243.117 205.092h1.595v13.289h-1.595z"
transform="rotate(-134.902 243.915 211.738)"
fill="#fff"
/>
<path
d="M261.885 223.887h1.605v13.291h-1.605z"
transform="rotate(-134.902 262.688 230.534)"
fill="#fff"
/>
<path
d="M280.679 242.625h1.597v13.294h-1.597z"
transform="rotate(-134.999 281.478 249.274)"
fill="#fff"
/>
<path
d="M299.485 261.414h1.59v13.291h-1.59z"
transform="rotate(-135.129 300.28 268.06)"
fill="#fff"
/>
<path
d="M318.237 280.233h1.597v13.291h-1.597z"
transform="rotate(-134.935 319.036 286.88)"
fill="#fff"
/>
<path
d="M337.051 298.989h1.603v13.297h-1.603z"
transform="rotate(-135.064 337.853 305.64)"
fill="#fff"
/>
<path
d="M355.838 317.774h1.585v13.294h-1.585z"
transform="rotate(-135.194 356.631 324.422)"
fill="#fff"
/>
<path
d="M374.581 336.569h1.595v13.297h-1.595z"
transform="rotate(-134.87 375.38 343.219)"
fill="#fff"
/>
<path
d="M367.697 328.142h1.334v6.638h-1.334z"
transform="rotate(-134.999 368.365 331.463)"
fill="#fff"
/>
<path
d="M348.925 309.372h1.313v6.641h-1.313z"
transform="scale(-1) rotate(44.923 756.295 -845.519)"
fill="#fff"
/>
<path
d="M330.133 290.591h1.326v6.641h-1.326z"
transform="rotate(-134.846 330.796 293.913)"
fill="#fff"
/>
<path
d="M311.347 271.819h1.321v6.646h-1.321z"
transform="scale(-1) rotate(44.923 665.474 -754.64)"
fill="#fff"
/>
<path
d="M292.582 253h1.326v6.638h-1.326z"
transform="rotate(-135.154 293.246 256.32)"
fill="#fff"
/>
<path
d="M273.779 234.227h1.329v6.638h-1.329z"
transform="rotate(-134.886 274.444 237.547)"
fill="#fff"
/>
<path
d="M255 215.449h1.336v6.646H255z"
transform="rotate(-135.227 255.668 218.772)"
fill="#fff"
/>
<path
d="M236.229 196.651h1.321v6.643h-1.321z"
transform="rotate(-135.04 236.89 199.974)"
fill="#fff"
/>
<path
d="M217.427 177.891h1.321v6.643h-1.321z"
transform="rotate(-134.959 218.088 181.214)"
fill="#fff"
/>
<path
d="M198.673 159.12h1.324v6.641h-1.324z"
transform="scale(-1) rotate(44.923 392.89 -482.124)"
fill="#fff"
/>
<path d="m142.641 329.119-20.127 60.365 60.367-20.125z" fill="#fff" />
<path
d="M227.611 123.969h56.908v263.908h-56.908z"
transform="rotate(-134.999 256.066 255.925)"
fill="#5d6d7e"
/>
<path
d="M233.843 108.89h14.234v263.927h-14.234z"
transform="scale(-1) rotate(45.004 581.378 -581.637)"
fill="#34495e"
/>
<path
d="M264.04 139.076h14.231v263.908H264.04z"
transform="rotate(-134.991 271.157 271.031)"
fill="#34495e"
/>
<path d="m142.641 329.119 10.063 10.063-30.19 50.302z" fill="#e1effa" />
<path d="m182.881 369.359-10.061-10.063-50.306 30.188z" fill="#e1effa" />
<path d="m130.396 365.85-7.882 23.634 23.644-7.87z" fill="#5d6d7e" />
<path d="m130.396 365.85-7.882 23.634 11.825-19.702z" fill="#34495e" />
<path d="m142.218 377.667-19.704 11.817 23.644-7.87z" fill="#34495e" />
<path
d="M324.288 154.552H381.2v9.488h-56.912z"
transform="scale(-1) rotate(44.996 384.588 -851.633)"
fill="#fff"
/>
<path
d="M330.529 139.456h14.232v9.488h-14.232z"
transform="scale(-1) rotate(44.972 348.351 -815.669)"
fill="#e1effa"
/>
<path
d="M360.693 169.649h14.232v9.496h-14.232z"
transform="scale(-1) rotate(45.004 420.964 -887.825)"
fill="#e1effa"
/>
<path
d="M364.134 126.408a13.223 13.223 0 0 0-9.398-3.891 13.218 13.218 0 0 0-9.39 3.891l-9.39 9.39 40.248 40.243 9.385-9.39a13.214 13.214 0 0 0 3.894-9.39c0-3.666-1.482-6.986-3.886-9.388l-21.463-21.465z"
fill="#0684ba"
/>
<path
d="M344.678 135.132a2.848 2.848 0 0 1 0-4.024l2.688-2.691a10.357 10.357 0 0 1 7.365-3.054c2.798 0 5.414 1.083 7.391 3.054l4.022 4.024a2.855 2.855 0 0 1 0 4.032 2.862 2.862 0 0 1-4.029 0l-4.017-4.024a4.684 4.684 0 0 0-3.364-1.39 4.688 4.688 0 0 0-3.346 1.385l-2.683 2.683a2.853 2.853 0 0 1-4.027.005z"
fill="#61c1df"
/>
</svg>
More icons in the same style and category