Add icons to this collection by clicking the heart icon.
Coding icon - also known as web, gear, settings, code, programming, electronics, coding, computing, software development, seo and web, and software developer. Created in a clean gradient style with a white, silver, gray, and orange 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="106.672"
x2="408.046"
y1="411.024"
y2="109.651"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset=".262" stop-color="#ededff" stop-opacity=".416" />
<stop offset=".629" stop-color="#d8d8ff" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="462.23"
y2="26.578"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d4d" stop-opacity=".4" />
<stop offset=".146" stop-color="#ff4d4d" stop-opacity=".342" />
<stop offset="1" stop-color="#ff4d4d" stop-opacity="0" />
</linearGradient>
<path
fill="url(#a)"
d="M489.368 339.484c-35.431-52.098-112.185-77.228-125.684-142.856-10.331-50.228 5.768-108.083-24.647-153.213-36.569-54.263-95.66-43.838-134.157 2.813-47.433 57.48-92.011-23.694-148.085-23.694-28.986 0-53.114 22.096-56.504 46.211-1.63 11.594 3.829 18.432 10.277 25.289 73.146 77.792 20.037 188.887 59.858 272.661 45.88 96.52 150.222-.671 222.253 12.494 70.109 12.813 94.649 137.089 169.152 125.194 63.389-10.122 59.702-117.602 27.537-164.899z"
/>
<path
fill="#9393ff"
d="m443.61 281.84-33.62-24.75c1.49-8.67 2.32-17.58 2.32-26.67 0-9.04-.83-17.94-2.32-26.61l33.63-24.76c4.95-3.65 6.89-10.11 4.87-15.92-8.48-24.33-21.47-46.55-37.97-65.7-4.01-4.65-10.57-6.19-16.2-3.73l-38.26 16.72c-13.58-11.36-29.16-20.5-46.13-26.71l-4.64-41.42c-.68-6.1-5.29-11.03-11.33-12.17A204.67 204.67 0 0 0 256 26.58c-12.98 0-25.64 1.22-37.92 3.54-6.04 1.14-10.65 6.07-11.33 12.17l-4.64 41.42c-16.97 6.21-32.55 15.3-46.18 26.71L117.75 93.7c-5.62-2.46-12.18-.93-16.2 3.71a202.919 202.919 0 0 0-38.03 65.68c-2.04 5.8-.09 12.27 4.86 15.92l33.62 24.8c-1.48 8.67-2.27 17.53-2.27 26.61 0 9.09.79 18 2.27 26.67l-33.62 24.79c-4.95 3.65-6.9 10.12-4.86 15.93 8.51 24.32 21.49 46.53 37.95 65.65 4.01 4.66 10.58 6.19 16.21 3.73l38.25-16.71a156.99 156.99 0 0 0 46.18 26.71l4.64 41.45c.68 6.11 5.3 11.04 11.34 12.18 12.29 2.31 24.97 3.5 37.91 3.5 12.97 0 25.66-1.22 37.96-3.55 6.04-1.14 10.65-6.06 11.33-12.17l4.64-41.41c16.97-6.26 32.5-15.35 46.13-26.71l38.22 16.71c5.62 2.46 12.19.93 16.2-3.72a203.164 203.164 0 0 0 38-65.7c2.03-5.81.08-12.28-4.87-15.93zM256 344.55c-63.03 0-114.07-51.11-114.07-114.14 0-62.95 51.04-114.07 114.07-114.07 63.02 0 114.07 51.12 114.07 114.07 0 63.03-51.05 114.14-114.07 114.14z"
/>
<path
fill="#6c6cff"
d="M256 108.121c-67.57 0-122.29 54.8-122.29 122.29 0 67.57 54.72 122.36 122.29 122.36 67.56 0 122.29-54.79 122.29-122.36 0-67.49-54.73-122.29-122.29-122.29zm0 216.74c-52.15 0-94.39-42.29-94.39-94.44 0-52.09 42.24-94.39 94.39-94.39 52.14 0 94.38 42.3 94.38 94.39 0 52.15-42.24 94.44-94.38 94.44z"
/>
<g fill="#d8d8ff">
<circle cx="238.164" cy="65.749" r="5" />
<circle cx="256" cy="65.749" r="5" />
<circle cx="273.836" cy="65.749" r="5" />
<circle cx="238.164" cy="395.145" r="5" />
<circle cx="256" cy="395.145" r="5" />
<circle cx="273.836" cy="395.145" r="5" />
<circle cx="104.449" cy="163.545" r="5" />
<circle cx="113.368" cy="148.098" r="5" />
<circle cx="122.286" cy="132.651" r="5" />
<circle cx="389.714" cy="328.242" r="5" />
<circle cx="398.632" cy="312.796" r="5" />
<circle cx="407.551" cy="297.349" r="5" />
<circle cx="122.286" cy="328.242" r="5" />
<circle cx="113.368" cy="312.796" r="5" />
<circle cx="104.449" cy="297.349" r="5" />
<circle cx="407.551" cy="163.545" r="5" />
<circle cx="398.632" cy="148.098" r="5" />
<circle cx="389.714" cy="132.651" r="5" />
</g>
<g fill="#ff8a00">
<path
d="M282.303 212.364a4.98 4.98 0 0 1-3.535-1.465 4.998 4.998 0 0 1 0-7.07l13.373-13.374-13.373-13.373a4.998 4.998 0 0 1 0-7.07 4.998 4.998 0 0 1 7.07 0l16.909 16.908a4.999 4.999 0 0 1 0 7.07l-16.909 16.909a4.981 4.981 0 0 1-3.535 1.465zM229.697 212.364a4.984 4.984 0 0 1-3.536-1.465l-16.909-16.909a4.998 4.998 0 0 1 0-7.07l16.909-16.908a5 5 0 0 1 7.071 7.07l-13.373 13.373 13.373 13.374a4.998 4.998 0 0 1 0 7.07 4.98 4.98 0 0 1-3.535 1.465zM248.452 212.365a5 5 0 0 1-4.583-6.994l14.697-33.817a5.004 5.004 0 0 1 6.579-2.593 5.002 5.002 0 0 1 2.593 6.579l-14.698 33.817a5.001 5.001 0 0 1-4.588 3.008z"
/>
</g>
<path
fill="#fff"
d="M380.6 270.24v183.23c0 4.84-3.93 8.76-8.76 8.76h-20.06l-5-5H165.22l-5 5h-20.06c-4.83 0-8.76-3.92-8.76-8.76V270.24l5.314-5h238.5z"
/>
<path
fill="#d8d8ff"
d="M351.78 365.53v96.7H160.22v-96.7c0-2.76 2.24-5 5-5h181.56c2.76 0 5 2.24 5 5z"
/>
<path
fill="#b2b2ff"
d="M350.777 344.985h-126v-57.852h126a5 5 0 0 1 5 5v47.852a5 5 0 0 1-5 5z"
/>
<path
fill="#8282ff"
d="M224.777 344.985h-63.553a5 5 0 0 1-5-5v-47.852a5 5 0 0 1 5-5h63.553a5 5 0 0 1 5 5v47.852a5 5 0 0 1-5 5z"
/>
<path
fill="#fff"
d="m211.982 328.066-7.958-7.958c3.32-6.337 2.321-14.364-2.998-19.683-6.55-6.549-17.206-6.549-23.756 0-6.549 6.549-6.549 17.207 0 23.756a16.749 16.749 0 0 0 11.878 4.912 16.82 16.82 0 0 0 7.805-1.914l7.958 7.958c.977.976 2.256 1.464 3.536 1.464s2.559-.488 3.536-1.464a5.002 5.002 0 0 0-.001-7.071zm-27.64-10.955a6.806 6.806 0 0 1 0-9.613c1.325-1.325 3.066-1.988 4.807-1.988s3.481.663 4.807 1.988c2.65 2.65 2.65 6.963 0 9.613s-6.964 2.65-9.614 0z"
/>
<path
fill="#ff6c6c"
d="M258.221 334.33h-11.396a3 3 0 0 1-3-3v-30.544a3 3 0 0 1 3-3h11.396a3 3 0 0 1 3 3v30.544a3 3 0 0 1-3 3z"
/>
<path
fill="#fa6"
d="M380.595 270.244v-29.241a8.76 8.76 0 0 0-8.76-8.76H140.164a8.76 8.76 0 0 0-8.76 8.76v29.241z"
/>
<g fill="#fff">
<circle cx="159.524" cy="253.202" r="5" />
<circle cx="175.36" cy="253.202" r="5" />
<circle cx="191.197" cy="253.202" r="5" />
</g>
<path
fill="#9393ff"
d="M281.966 375.008H214.25c-2.611 0-4.944 1.909-5.192 4.508a5.001 5.001 0 0 0 4.976 5.492h67.931a5 5 0 0 0 .001-10z"
/>
<g fill="#fa6">
<circle cx="190.034" cy="380.008" r="5" />
<circle cx="190.034" cy="397.691" r="5" />
</g>
<path
fill="#9393ff"
d="M301.966 392.691h-87.931a5 5 0 0 0 0 10h87.931a5 5 0 0 0 0-10zM261.966 413.666H214.25c-2.611 0-4.944 1.909-5.192 4.508a5.001 5.001 0 0 0 4.976 5.492h47.931a5 5 0 0 0 .001-10z"
/>
<g fill="#fa6">
<circle cx="190.034" cy="418.666" r="5" />
<circle cx="190.034" cy="436.349" r="5" />
</g>
<path
fill="#9393ff"
d="M321.966 431.349H214.034a5 5 0 0 0 0 10h107.931a5 5 0 0 0 .001-10z"
/>
<path
fill="#6c6cff"
d="M449.281 76.249a5 5 0 0 1-5-5c0-3.032-2.468-5.5-5.5-5.5-2.762 0-5-2.238-5-5s2.238-5 5-5c3.032 0 5.5-2.468 5.5-5.5 0-2.762 2.238-5 5-5s5 2.238 5 5c0 3.032 2.468 5.5 5.5 5.5 2.762 0 5 2.238 5 5s-2.238 5-5 5a5.507 5.507 0 0 0-5.5 5.5 5 5 0 0 1-5 5z"
/>
<path
fill="#ff9c33"
d="M380.6 60.656a5 5 0 0 1-5-5c0-3.032-2.468-5.5-5.5-5.5-2.762 0-5-2.238-5-5s2.238-5 5-5c3.032 0 5.5-2.468 5.5-5.5 0-2.762 2.238-5 5-5s5 2.238 5 5c0 3.032 2.468 5.5 5.5 5.5 2.762 0 5 2.238 5 5s-2.238 5-5 5a5.507 5.507 0 0 0-5.5 5.5 5 5 0 0 1-5 5z"
/>
<path
fill="#ff6c6c"
d="M44.24 259.816a5 5 0 0 1-5-5c0-3.032-2.467-5.5-5.5-5.5a5 5 0 1 1 0-10c3.033 0 5.5-2.468 5.5-5.5a5 5 0 1 1 10 0c0 3.032 2.467 5.5 5.5 5.5a5 5 0 1 1 0 10 5.506 5.506 0 0 0-5.5 5.5 5 5 0 0 1-5 5zM438.781 422.192a5 5 0 0 1-5-5c0-3.032-2.468-5.5-5.5-5.5-2.762 0-5-2.238-5-5s2.238-5 5-5c3.032 0 5.5-2.468 5.5-5.5 0-2.762 2.238-5 5-5s5 2.238 5 5c0 3.032 2.468 5.5 5.5 5.5 2.762 0 5 2.238 5 5s-2.238 5-5 5a5.507 5.507 0 0 0-5.5 5.5 5 5 0 0 1-5 5z"
/>
<path
fill="#6c6cff"
d="M86.485 432.482a4.984 4.984 0 0 1-3.536-1.465l-10.5-10.5a4.998 4.998 0 0 1 0-7.07l10.5-10.5a5 5 0 0 1 7.071 0l10.5 10.5a4.998 4.998 0 0 1 0 7.07l-10.5 10.5a4.98 4.98 0 0 1-3.535 1.465zm-3.429-15.5 3.429 3.429 3.429-3.429-3.429-3.429z"
/>
<path
fill="url(#b)"
d="m443.609 281.84-33.615-24.753c1.484-8.672 2.318-17.575 2.318-26.663 0-9.042-.835-17.946-2.318-26.617l33.622-24.758c4.953-3.647 6.9-10.109 4.874-15.917-8.484-24.327-21.469-46.549-37.967-65.7-4.01-4.655-10.576-6.189-16.206-3.729l-38.252 16.715c-13.587-11.361-29.167-20.496-46.139-26.709l-4.635-41.412c-.684-6.108-5.292-11.031-11.332-12.173a204.21 204.21 0 0 0-37.963-3.543 203.717 203.717 0 0 0-37.918 3.542c-6.039 1.143-10.646 6.065-11.33 12.173l-4.635 41.413c-16.972 6.213-32.552 15.302-46.185 26.709l-38.174-16.713c-5.624-2.462-12.186-.937-16.201 3.708a202.91 202.91 0 0 0-38.038 65.674c-2.032 5.807-.09 12.273 4.861 15.925l33.622 24.796a157.373 157.373 0 0 0-2.272 26.617c0 9.088.789 17.991 2.272 26.663l-33.622 24.796c-4.951 3.652-6.893 10.117-4.861 15.925 8.51 24.321 21.491 46.535 37.955 65.654 4.01 4.656 10.576 6.19 16.206 3.73l13.723-5.996v92.275c0 4.84 3.93 8.76 8.76 8.76h231.68c4.83 0 8.76-3.92 8.76-8.76v-92.261l13.676 5.982c5.628 2.461 12.192.931 16.204-3.719 16.499-19.124 29.488-41.348 38-65.705 2.031-5.812.085-12.279-4.87-15.929zM255.996 136.035c52.148 0 94.385 42.292 94.385 94.385 0 .609-.011 1.215-.023 1.821H161.634c-.011-.606-.023-1.212-.023-1.821 0-52.094 42.237-94.385 94.385-94.385z"
/>
</svg>
More icons in the same style and category