Add icons to this collection by clicking the heart icon.
Code icon - also known as development, website, code, browser, software, webpage, and miscellaneous. Created in a clean lineal color style with a white, silver, gray, black, red, teal, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-360c-11.046 0-20 8.954-20 20v360c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(484.5 7.5)"
fill="#efe6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.046 0-20-8.954-20-20v-323h283c33.084 0 60 26.916 60 60V0Z"
transform="translate(124.5 407.5)"
fill="#e2d7d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-360c-11.046 0-20-8.954-20-20v-77H20v77C20-8.954 11.046 0 0 0"
transform="translate(484.5 407.5)"
fill="#a4e7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-323c-11.046 0-20-8.954-20-20v-77H0Z"
transform="translate(447.5 407.5)"
fill="#5ad6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.807-11.193-25-25-25S-50-13.807-50 0s11.193 25 25 25S0 13.807 0 0"
transform="translate(481 359)"
fill="#fd5c6f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.622-3.479-16.5-12.693-16.5-23.515 0-10.823 6.878-20.037 16.5-23.516z"
transform="translate(447.5 382.515)"
fill="#f6334c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-360c-11.046 0-20 8.954-20 20v360c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(387.5 104.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-198.822 0-360 161.177-360 360h-20c-11.045 0-20-8.954-20-20V-20c0-11.046 8.955-20 20-20h360c11.046 0 20 8.954 20 20z"
transform="translate(407.5 144.5)"
fill="#efe6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-360c-11.046 0-20-8.954-20-20v-77H20v77C20-8.954 11.046 0 0 0"
transform="translate(387.5 504.5)"
fill="#a4e7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-77h53.226C44.611-46.139 40-13.609 40 20H20C8.954 20 0 11.046 0 0"
transform="translate(7.5 484.5)"
fill="#5ad6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.807-11.193-25-25-25S-50-13.807-50 0s11.193 25 25 25S0 13.807 0 0"
transform="translate(384 456)"
fill="#fd5c6f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.807-11.193-25-25-25S-50-13.807-50 0s11.193 25 25 25S0 13.807 0 0"
transform="translate(310.5 456)"
fill="#29ce69"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.46 0-4.961.457-7.386 1.421-10.263 4.082-15.274 15.712-11.192 25.976l54.15 136.148c4.081 10.264 15.713 15.275 25.976 11.193 10.264-4.082 15.274-15.712 11.192-25.976L18.59 12.614C15.473 4.775 7.951 0 0 0"
transform="translate(180.419 167.92)"
fill="#8697a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.402 0-6.85.869-10.006 2.697-9.558 5.536-12.818 17.773-7.282 27.331l30.439 52.549-30.26 50.192c-5.703 9.46-2.659 21.751 6.801 27.454 9.459 5.702 21.75 2.66 27.454-6.802L53.51 93.106a19.998 19.998 0 0 0 .178-20.35L17.325 9.979C13.616 3.577 6.901 0 0 0"
transform="translate(314.565 174.45)"
fill="#8697a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.902 0-13.616 3.576-17.325 9.979l-36.363 62.777a19.998 19.998 0 0 0 .178 20.35l36.364 60.315c5.704 9.46 17.997 12.504 27.454 6.802 9.46-5.703 12.504-17.994 6.801-27.454l-30.26-50.192 30.439-52.549c5.536-9.558 2.276-21.795-7.282-27.331A19.907 19.907 0 0 0 0 0"
transform="translate(100.435 174.45)"
fill="#8697a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h77c11.045 0 20-8.954 20-20v-360c0-11.046-8.955-20-20-20h-360c-11.046 0-20 8.954-20 20v77"
transform="translate(407.5 407.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h97"
transform="translate(407.5 310.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.807-11.193-25-25-25S-50-13.807-50 0s11.193 25 25 25S0 13.807 0 0Z"
transform="translate(481 359)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-221.014c-11.046 0-20 8.954-20 20v360c0 11.046 8.954 20 20 20h360c11.046 0 20-8.954 20-20V20c0-11.046-8.954-20-20-20H28.825"
transform="translate(248.514 104.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h400"
transform="translate(7.5 407.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.807-11.193-25-25-25S-50-13.807-50 0s11.193 25 25 25S0 13.807 0 0Z"
transform="translate(384 456)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.807-11.193-25-25-25S-50-13.807-50 0s11.193 25 25 25S0 13.807 0 0Z"
transform="translate(310.5 456)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-21.274-53.488c-3.117-7.838-10.638-12.613-18.59-12.613-2.459 0-4.96.457-7.385 1.421-10.264 4.082-15.275 15.712-11.193 25.976L-4.291 97.444c4.081 10.263 15.713 15.274 25.975 11.192 10.264-4.082 15.275-15.712 11.193-25.975l-22.528-56.64"
transform="translate(220.282 234.022)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-3.402 0-6.85.869-10.006 2.697-9.558 5.536-12.818 17.773-7.282 27.331l30.439 52.549-30.26 50.192c-5.703 9.46-2.659 21.751 6.801 27.454 9.459 5.702 21.75 2.66 27.454-6.802L53.51 93.106a19.998 19.998 0 0 0 .178-20.35L17.325 9.979C13.616 3.577 6.901 0 0 0Z"
transform="translate(314.565 174.45)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-6.902 0-13.616 3.576-17.325 9.979l-36.363 62.777a19.998 19.998 0 0 0 .178 20.35l36.364 60.315c5.704 9.46 17.997 12.504 27.454 6.802 9.46-5.703 12.504-17.994 6.801-27.454l-30.26-50.192 30.439-52.549c5.536-9.558 2.276-21.795-7.282-27.331A19.907 19.907 0 0 0 0 0Z"
transform="translate(100.435 174.45)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category