Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, signs, file, symbol, ui, coding, programming language, and files and folders. Created in a clean others style with a white and navy 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="M444.875 109.792 338.208 3.125c-2-2-4.708-3.125-7.542-3.125h-224C83.146 0 64 19.135 64 42.667v426.667C64 492.865 83.146 512 106.667 512h298.667c23.52 0 42.666-19.135 42.666-42.667v-352c0-2.833-1.125-5.541-3.125-7.541z"
fill="#303c42"
/>
<path
d="m341.333 36.417 70.25 70.25h-48.917c-11.771 0-21.333-9.573-21.333-21.333V36.417z"
fill="#e6e6e6"
/>
<path
d="M405.333 490.667H106.667c-11.771 0-21.333-9.573-21.333-21.333V42.667c0-11.76 9.563-21.333 21.333-21.333H320v64C320 108.865 339.146 128 362.667 128h64v341.333c0 11.761-9.563 21.334-21.334 21.334z"
fill="#fff"
/>
<linearGradient
id="a"
x1="-30"
x2="-25.751"
y1="641.878"
y2="637.629"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M362.667 128c-10.005 0-19.098-3.605-26.383-9.397l-.259-.027 90.642 90.642V128h-64z"
fill="url(#a)"
/>
<path
d="M373.333 320H138.667A10.66 10.66 0 0 0 128 330.667a10.66 10.66 0 0 0 10.667 10.667h234.667a10.66 10.66 0 0 0 10.667-10.667A10.662 10.662 0 0 0 373.333 320zM373.333 256H138.667A10.66 10.66 0 0 0 128 266.667a10.66 10.66 0 0 0 10.667 10.667h234.667a10.66 10.66 0 0 0 10.667-10.667A10.662 10.662 0 0 0 373.333 256zM224 384h-85.333A10.66 10.66 0 0 0 128 394.667a10.66 10.66 0 0 0 10.667 10.667H224a10.66 10.66 0 0 0 10.667-10.667A10.66 10.66 0 0 0 224 384zM373.333 192H266.667c-5.896 0-10.667 4.771-10.667 10.667s4.771 10.667 10.667 10.667h106.667c5.896 0 10.667-4.771 10.667-10.667S379.229 192 373.333 192zM152.458 231.542a10.634 10.634 0 0 0 7.542 3.125c2.729 0 5.458-1.042 7.542-3.125 4.167-4.167 4.167-10.917 0-15.083l-13.792-13.792 13.792-13.792c4.167-4.167 4.167-10.917 0-15.083s-10.917-4.167-15.083 0l-21.333 21.333c-4.167 4.167-4.167 10.917 0 15.083l21.332 21.334zM195.125 231.542c2.083 2.083 4.813 3.125 7.542 3.125s5.458-1.042 7.542-3.125l21.333-21.333c4.167-4.167 4.167-10.917 0-15.083l-21.333-21.333c-4.167-4.167-10.917-4.167-15.083 0-4.167 4.167-4.167 10.917 0 15.083l13.792 13.792-13.792 13.792c-4.168 4.165-4.168 10.915-.001 15.082zM295.542 365.792c-4.167-4.167-10.917-4.167-15.083 0l-21.333 21.333c-4.167 4.167-4.167 10.917 0 15.083l21.333 21.333a10.634 10.634 0 0 0 7.542 3.125c2.729 0 5.458-1.042 7.542-3.125 4.167-4.167 4.167-10.917 0-15.083l-13.792-13.792 13.792-13.792c4.165-4.166 4.165-10.916-.001-15.082zM359.542 365.792c-4.167-4.167-10.917-4.167-15.083 0-4.167 4.167-4.167 10.917 0 15.083l13.792 13.792-13.792 13.792c-4.167 4.167-4.167 10.917 0 15.083a10.634 10.634 0 0 0 7.542 3.125c2.729 0 5.458-1.042 7.542-3.125l21.333-21.333c4.167-4.167 4.167-10.917 0-15.083l-21.334-21.334zM334.042 352.552c-5.542-1.813-11.604 1.146-13.5 6.74l-21.333 64c-1.854 5.594 1.167 11.635 6.75 13.49 1.125.375 2.25.552 3.375.552 4.458 0 8.625-2.823 10.125-7.292l21.333-64c1.854-5.594-1.167-11.636-6.75-13.49z"
fill="#303c42"
/>
<linearGradient
id="b"
x1="-46.438"
x2="-23.653"
y1="639.064"
y2="628.436"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M444.875 109.792 338.208 3.125c-2-2-4.708-3.125-7.542-3.125h-224C83.146 0 64 19.135 64 42.667v426.667C64 492.865 83.146 512 106.667 512h298.667c23.52 0 42.666-19.135 42.666-42.667v-352c0-2.833-1.125-5.541-3.125-7.541z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category