Add icons to this collection by clicking the heart icon.
Code icon - also known as computer, education, learning, code, programming, and artificial intelligence. 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#fff6f4"
d="M480.018 512H31.982c-7.906 0-14.316-6.409-14.316-14.316v-262.55l23.214-20.619h427.011l26.442 20.619v262.55c0 7.907-6.409 14.316-14.315 14.316z"
/>
<path
fill="#d8e2f1"
d="M466.526 214.515v283.169c0 7.906-6.409 14.316-14.316 14.316h27.807c7.906 0 14.316-6.409 14.316-14.316v-262.55z"
/>
<path
fill="#9dc6fb"
d="M480.018 167.953H31.982c-7.906 0-14.316 6.409-14.316 14.316v52.865h476.667v-52.865c0-7.907-6.409-14.316-14.315-14.316z"
/>
<path
fill="#8993da"
d="M480.018 167.953H452.21c7.906 0 14.316 6.409 14.316 14.316v52.865h27.807v-52.865c0-7.907-6.409-14.316-14.315-14.316z"
/>
<path
fill="#fff6f4"
d="M57.869 209.275h-6.621c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h6.621c4.27 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732zM91.581 209.275H84.96c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h6.621c4.27 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732zM125.294 209.275h-6.621c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h6.621c4.27 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732z"
/>
<path
fill="#2b4d66"
d="M70.929 319.249a7.706 7.706 0 0 1-5.301-2.105l-16.372-15.427a7.732 7.732 0 0 1 0-11.254l16.372-15.427a7.73 7.73 0 0 1 10.93.324 7.73 7.73 0 0 1-.325 10.929l-10.4 9.8 10.4 9.8a7.731 7.731 0 0 1 .325 10.929 7.71 7.71 0 0 1-5.629 2.431zM126.585 319.249a7.73 7.73 0 0 1-5.304-13.358l10.4-9.8-10.4-9.8a7.731 7.731 0 1 1 10.605-11.253l16.372 15.427a7.732 7.732 0 0 1 0 11.254l-16.372 15.427a7.708 7.708 0 0 1-5.301 2.103zM91.01 319.251a7.732 7.732 0 0 1-6.835-11.337l16.251-30.853a7.732 7.732 0 0 1 13.682 7.206L97.857 315.12a7.73 7.73 0 0 1-6.847 4.131z"
/>
<path
fill="#9dc6fb"
d="M214.763 319.249h-36.945c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h36.945c4.27 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732z"
/>
<path
fill="#dd636e"
d="M301.922 319.249h-57.563c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h57.563c4.271 0 7.732 3.461 7.732 7.732s-3.461 7.732-7.732 7.732zM153.663 359.986H54.559c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h99.105a7.732 7.732 0 1 1-.001 15.464zM102.117 398.058H54.559c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h47.558c4.27 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732z"
/>
<path
fill="#9dc6fb"
d="M133.045 436.13H54.559c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h78.486c4.27 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732z"
/>
<path
fill="#2b4d66"
d="M81.498 474.202h-26.94c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h26.94c4.27 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732zM231.903 359.986h-47.558c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h47.558c4.27 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732z"
/>
<path
fill="#9dc6fb"
d="M286.349 359.986H259.41c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h26.939c4.271 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732z"
/>
<path
fill="#dd636e"
d="M391.652 359.986h-78.487c-4.271 0-7.732-3.461-7.732-7.732s3.461-7.732 7.732-7.732h78.487c4.271 0 7.732 3.461 7.732 7.732s-3.461 7.732-7.732 7.732z"
/>
<path
fill="#9dc6fb"
d="M231.903 398.058H127.355c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h104.548c4.27 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732z"
/>
<path
fill="#dd636e"
d="M324.489 398.058H259.41c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h65.079c4.271 0 7.732 3.461 7.732 7.732s-3.461 7.732-7.732 7.732z"
/>
<path
fill="#2b4d66"
d="M250.929 436.13H160.88c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h90.049c4.27 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732z"
/>
<path
fill="#dd636e"
d="M352.41 436.13h-74.115c-4.271 0-7.732-3.461-7.732-7.732s3.461-7.732 7.732-7.732h74.115c4.271 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732zM227.793 474.202H107.267c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h120.526c4.27 0 7.732 3.461 7.732 7.732s-3.462 7.732-7.732 7.732z"
/>
<path
fill="#9dc6fb"
d="M384.998 474.202H254.254c-4.27 0-7.732-3.461-7.732-7.732s3.462-7.732 7.732-7.732h130.743a7.731 7.731 0 0 1 7.732 7.732 7.73 7.73 0 0 1-7.731 7.732z"
/>
<path
fill="#4a80aa"
d="M328.144 194.938c-48.096 20.128-96.192 20.128-144.288 0-4.64-1.942-7.675-6.469-7.675-11.499V67.85h159.637v115.59c.001 5.029-3.034 9.556-7.674 11.498z"
/>
<path
fill="#407093"
d="M318.449 67.85v108.183c0 5.03-3.035 9.557-7.675 11.499-43.443 18.181-86.886 19.935-130.329 5.272a12.494 12.494 0 0 0 3.411 2.135c48.096 20.128 96.192 20.128 144.288 0 4.64-1.942 7.675-6.469 7.675-11.499V67.85z"
/>
<path
fill="#365e7d"
d="M379.664 72.533c-63.716 35.062-94.531 52.19-109.621 60.411-3.537 1.927-30.065-1.179-30.065-1.179L132.336 72.533c-1.922-1.058-1.922-3.82 0-4.877L254.658.345a2.783 2.783 0 0 1 2.684 0l122.322 67.311c1.922 1.058 1.922 3.82 0 4.877z"
/>
<path
fill="#2b4d66"
d="M379.664 67.656 257.342.345a2.783 2.783 0 0 0-2.684 0l-14.68 8.078 107.641 59.233c1.922 1.058 1.922 3.82 0 4.877l-107.641 59.233c14.205 7.338 15.014 9.372 17.364 8.078l122.322-67.311c1.922-1.057 1.922-3.819 0-4.877z"
/>
<path
fill="#407093"
d="M301.096 182.062a7.731 7.731 0 0 1-7.732-7.732v-56.365l-44.735-42.25a7.731 7.731 0 0 1-.312-10.929 7.729 7.729 0 0 1 10.93-.312l47.157 44.538a7.731 7.731 0 0 1 2.423 5.621v59.697a7.73 7.73 0 0 1-7.731 7.732z"
/>
</svg>
More icons in the same style and category