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 flat 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"
>
    <path
        d="M0 79.767 432.233 512 512 432.233 79.767 0 0 79.767zm75.348-4.395c-4.969 4.974-13.025 4.974-18.007-.01-4.948-4.959-4.948-13.025 0-17.999 4.984-4.954 13.041-4.954 18.007 0 4.982 4.973 4.982 13.04 0 18.009z"
        fill="#0684ba"
    />
    <path
        d="m39.869 39.91 17.469 17.454c4.984-4.954 13.041-4.954 18.007 0 4.984 4.974 4.984 13.041 0 18.007l396.757 396.756L512 432.233 79.767 0 39.869 39.91z"
        fill="#03628a"
    />
    <path
        d="M112.023 61.518h25.5v3.049h-25.5z"
        transform="rotate(134.999 124.774 63.042)"
        fill="#fff"
    />
    <path
        d="M148.041 97.537h25.5v3.069h-25.5z"
        transform="rotate(135.032 160.792 99.072)"
        fill="#fff"
    />
    <path
        d="M184.052 133.557h25.495v3.082h-25.495z"
        transform="rotate(135.097 196.8 135.098)"
        fill="#fff"
    />
    <path
        d="M220.074 169.584h25.485v3.059h-25.485z"
        transform="rotate(135.097 232.817 171.114)"
        fill="#fff"
    />
    <path
        d="M256.085 205.601h25.49v3.077h-25.49z"
        transform="rotate(135.097 268.831 207.14)"
        fill="#fff"
    />
    <path
        d="M292.117 241.62h25.495v3.064h-25.495z"
        transform="rotate(134.999 304.866 243.152)"
        fill="#fff"
    />
    <path
        d="M328.191 277.638h25.49v3.049h-25.49z"
        transform="rotate(134.87 340.937 279.163)"
        fill="#fff"
    />
    <path
        d="M364.158 313.65h25.49v3.064h-25.49z"
        transform="rotate(135.064 376.905 315.183)"
        fill="#fff"
    />
    <path
        d="M400.211 349.684h25.5v3.075h-25.5z"
        transform="rotate(134.935 412.963 351.222)"
        fill="#fff"
    />
    <path
        d="M436.254 385.679h25.495v3.039h-25.495z"
        transform="rotate(134.805 449.003 387.2)"
        fill="#fff"
    />
    <path
        d="M472.186 421.701h25.5v3.059h-25.5z"
        transform="rotate(135.129 484.938 423.231)"
        fill="#fff"
    />
    <path
        d="M465.092 399.433h12.731v2.557h-12.731z"
        transform="rotate(134.999 471.46 400.712)"
        fill="#fff"
    />
    <path
        d="M429.117 363.501h12.737v2.519h-12.737z"
        transform="scale(-1) rotate(-45.077 -878.886 1049.295)"
        fill="#fff"
    />
    <path
        d="M393.066 327.414h12.736v2.542h-12.736z"
        transform="rotate(135.154 399.435 328.685)"
        fill="#fff"
    />
    <path
        d="M357.094 291.466h12.747v2.535h-12.747z"
        transform="scale(-1) rotate(-45.077 -705.336 875.77)"
        fill="#fff"
    />
    <path
        d="M321.039 255.357h12.731v2.542h-12.731z"
        transform="rotate(134.846 327.406 256.628)"
        fill="#fff"
    />
    <path
        d="M285.031 219.364h12.731v2.547h-12.731z"
        transform="rotate(135.113 291.398 220.638)"
        fill="#fff"
    />
    <path
        d="M248.978 183.334h12.746v2.56h-12.746z"
        transform="rotate(134.773 255.351 184.614)"
        fill="#fff"
    />
    <path
        d="M212.996 147.319h12.741v2.534h-12.741z"
        transform="rotate(134.959 219.368 148.586)"
        fill="#fff"
    />
    <path
        d="M176.924 111.306h12.741v2.534h-12.741z"
        transform="rotate(135.04 183.296 112.573)"
        fill="#fff"
    />
    <path
        d="M140.96 75.296h12.737v2.54H140.96z"
        transform="scale(-1) rotate(-45.077 -184.485 354.984)"
        fill="#fff"
    />
    <path d="M38.605 396.232.005 512l115.774-38.595z" fill="#fff" />
    <path
        d="M3.069 201.294h506.107v109.142H3.069z"
        transform="rotate(134.999 256.124 255.865)"
        fill="#5d6d7e"
    />
    <path
        d="M-25.89 213.316h506.194v27.302H-25.89z"
        transform="scale(-1) rotate(-44.996 -547.967 548.548)"
        fill="#34495e"
    />
    <path
        d="M32.043 271.147H538.15v27.292H32.043z"
        transform="rotate(135.008 285.098 284.793)"
        fill="#34495e"
    />
    <path
        d="m38.605 396.232 19.3 19.3L.005 512zM115.779 473.405l-19.295-19.299L.005 512z"
        fill="#e1effa"
    />
    <path d="M15.122 466.675.005 512l45.345-15.091z" fill="#5d6d7e" />
    <path
        d="M15.122 466.675.005 512l22.677-37.783zM37.793 489.336.005 512l45.345-15.091z"
        fill="#34495e"
    />
    <path
        d="M432.457 15.947h18.198V125.11h-18.198z"
        transform="scale(-1) rotate(-45.004 -170.243 1065.84)"
        fill="#fff"
    />
    <path
        d="M403.5 27.931h18.198v27.296H403.5z"
        transform="scale(-1) rotate(-45.028 -100.305 995.345)"
        fill="#e1effa"
    />
    <path
        d="M461.384 85.827h18.213v27.296h-18.213z"
        transform="scale(-1) rotate(-44.996 -240.163 1135.908)"
        fill="#e1effa"
    />
    <path
        d="M463.386 7.473A25.352 25.352 0 0 0 445.364.011a25.356 25.356 0 0 0-18.01 7.462l-18.01 18.007 77.189 77.179 17.999-18.01c4.611-4.605 7.473-10.962 7.467-18.007 0-7.03-2.842-13.399-7.452-18.004L463.386 7.473z"
        fill="#0684ba"
    />
    <path
        d="M426.074 24.205c-2.135-2.145-2.122-5.606 0-7.718l5.156-5.161a19.864 19.864 0 0 1 14.126-5.857c5.366 0 10.383 2.076 14.175 5.857l7.713 7.718a5.48 5.48 0 0 1 0 7.734 5.49 5.49 0 0 1-7.729 0l-7.703-7.718c-1.738-1.738-3.991-2.665-6.451-2.665a8.983 8.983 0 0 0-6.418 2.657l-5.146 5.146c-2.132 2.121-5.599 2.132-7.723.007z"
        fill="#61c1df"
    />
</svg>
More icons in the same style and category