Add icons to this collection by clicking the heart icon.
Coding icon - also known as technology, smartphone, mobile phone, touch screen, cellphone, ui, electronics, coding, app, and edit tools. Created in a clean lineal color style with a white, silver, gray, black, red, teal, navy, 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="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-226.421c-15.381 0-27.85-12.469-27.85-27.851v-441.267c0-15.479 12.582-27.851 27.85-27.851H0c15.318 0 27.851 12.421 27.851 27.851v441.267C27.851-12.469 15.381 0 0 0"
transform="translate(321.557 504.484)"
fill="#525468"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v441.268c0 15.381 12.469 27.85 27.851 27.85h-20c-15.382 0-27.851-12.469-27.851-27.85V0c0-15.479 12.582-27.851 27.851-27.851h20C12.582-27.851 0-15.479 0 0"
transform="translate(87.285 35.366)"
fill="#3e4151"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-298.584a7.776 7.776 0 0 1 7.776-7.776h197.607a7.775 7.775 0 0 1 7.776 7.776V0z"
transform="translate(101.766 397.182)"
fill="#e4e3e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.895-8.021-17.917-17.917-17.917-9.895 0-17.916 8.022-17.916 17.917 0 9.895 8.021 17.917 17.916 17.917C-8.021 17.917 0 9.895 0 0"
transform="translate(226.262 49.64)"
fill="#3e4151"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 6.191 3.141 11.648 7.916 14.867a17.83 17.83 0 0 1-10 3.049C-11.979 17.916-20 9.895-20 0s8.021-17.917 17.916-17.917a17.83 17.83 0 0 1 10 3.05C3.141-11.649 0-6.191 0 0"
transform="translate(210.43 49.64)"
fill="#353744"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v298.584h-20V0a7.775 7.775 0 0 1 7.776-7.776h20A7.776 7.776 0 0 0 0 0"
transform="translate(121.767 98.598)"
fill="#d1d0cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-197.606a7.776 7.776 0 0 1-7.777-7.776v-30.805H7.776v30.805A7.775 7.775 0 0 1 0 0"
transform="translate(307.149 435.762)"
fill="#4b98d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-36.712a7.776 7.776 0 0 1-7.777-7.776v-30.805H0Z"
transform="translate(146.255 435.762)"
fill="#ed5454"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20a7.776 7.776 0 0 1-7.776-7.776v-30.805h20v30.805A7.776 7.776 0 0 0 0 0"
transform="translate(129.542 435.762)"
fill="#ea3f3f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-272.624c-7.102 0-12.858-5.757-12.858-12.858v-116.213c0-7.102 5.756-12.858 12.858-12.858H0c7.101 0 12.858 5.756 12.858 12.858v116.213C12.858-5.757 7.101 0 0 0"
transform="translate(431.737 314.966)"
fill="#ed5454"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.231 21.232a2.882 2.882 0 0 0 0 4.075L0 46.538a12.226 12.226 0 0 1 3.605 8.704c0 10.922-13.276 16.441-21.012 8.704l-31.974-31.973c-4.81-4.809-4.811-12.598 0-17.408l31.972-31.971C-12.59-22.228-4.802-22.212 0-17.408 4.811-12.6 4.812-4.81 0 0"
transform="translate(258.337 220.733)"
fill="#e4e3e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-31.902 31.902c-4.797 4.799-12.607 4.801-17.408 0-4.799-4.798-4.799-12.608 0-17.407l20.586-20.586a3.693 3.693 0 0 0 0-5.224L-49.31-31.902c-4.81-4.809-4.811-12.598 0-17.408 4.808-4.809 12.6-4.814 17.408 0L0-17.407a12.226 12.226 0 0 1 3.605 8.703C3.605-5.416 2.325-2.324 0 0"
transform="translate(383.647 252.706)"
fill="#e4e3e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.221 2.712-13.489-.146-16.202-6.368l-35.32-81.058c-2.718-6.234.128-13.482 6.365-16.2 6.243-2.722 13.494.145 16.205 6.367l35.32 81.057C9.079-9.98 6.223-2.713 0 0"
transform="translate(319.322 295.816)"
fill="#e4e3e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.812 4.81-4.81 12.599 0 17.407l30.589 30.589c-4.179 5.578-12.904 7.096-18.615 1.385L-20 17.407C-24.81 12.599-24.812 4.81-20 0l31.972-31.972c4.819-4.821 12.607-4.806 17.409-.002.442.442.829.916 1.19 1.403z"
transform="translate(228.957 235.298)"
fill="#d1d0cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 20.586 20.587a3.694 3.694 0 0 1-.001 5.224L0 46.397c-4.358 4.357-4.745 11.19-1.189 16.004l-1.404 1.404c-4.797 4.799-12.606 4.8-17.407 0-4.8-4.799-4.8-12.609 0-17.408L.585 25.811a3.694 3.694 0 0 0 .001-5.224L-20 0c-4.81-4.809-4.812-12.598 0-17.407 4.808-4.81 12.6-4.814 17.407 0l1.403 1.403C-4.756-11.185-4.369-4.367 0 0"
transform="translate(354.337 220.803)"
fill="#d1d0cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 35.32 81.058c.352.807.784 1.554 1.277 2.243a12.223 12.223 0 0 1-5.075 4.125c-6.22 2.712-13.489-.147-16.202-6.368L-20 0c-2.717-6.234.129-13.482 6.365-16.2 5.431-2.368 11.62-.504 14.925 4.115C-1.149-8.679-1.796-4.122 0 0"
transform="translate(287.8 208.39)"
fill="#d1d0cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v116.213c0 7.101 5.756 12.858 12.858 12.858h-20c-7.102 0-12.858-5.757-12.858-12.858V0c0-7.102 5.756-12.858 12.858-12.858h20C5.756-12.858 0-7.102 0 0"
transform="translate(166.255 185.895)"
fill="#ea3f3f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-197.606a7.776 7.776 0 0 1-7.776-7.776v-30.805H7.777v30.805A7.776 7.776 0 0 1 0 0Z"
transform="translate(307.209 435.762)"
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-36.712a7.776 7.776 0 0 1-7.776-7.776v-30.805H0Z"
transform="translate(146.315 435.762)"
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-9.895-8.021-17.917-17.916-17.917S-35.833-9.895-35.833 0c0 9.895 8.022 17.916 17.917 17.916C-8.021 17.916 0 9.895 0 0Z"
transform="translate(226.322 49.64)"
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 0h41.265"
transform="translate(187.774 471.772)"
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 0h155.813v82.216H-57.346v-298.584a7.777 7.777 0 0 1 7.776-7.777h197.607a7.776 7.776 0 0 1 7.776 7.777v74.439H0c-7.101 0-12.858 5.756-12.858 12.858v116.213C-12.858-5.757-7.101 0 0 0Z"
transform="translate(159.173 314.966)"
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 10.921-13.276 16.44-21.013 8.704L-52.986-23.27c-4.811-4.808-4.812-12.597 0-17.407l31.971-31.971c4.82-4.822 12.608-4.807 17.41-.002 4.81 4.808 4.811 12.598 0 17.408l-23.269 23.269L-3.605-8.704A12.226 12.226 0 0 1 0 0Z"
transform="translate(262.003 275.975)"
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-31.902 31.902c-4.797 4.799-12.607 4.801-17.408 0-4.799-4.798-4.799-12.608 0-17.407l23.198-23.198-23.198-23.199c-4.81-4.809-4.811-12.598 0-17.408 4.808-4.809 12.6-4.814 17.408 0L0-17.407a12.226 12.226 0 0 1 3.605 8.703C3.605-5.416 2.325-2.324 0 0z"
transform="translate(383.707 252.706)"
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.221 2.712-13.489-.146-16.202-6.368l-35.32-81.058c-2.718-6.234.128-13.482 6.365-16.2 6.243-2.722 13.494.145 16.205 6.367l35.32 81.057C9.079-9.98 6.223-2.713 0 0Z"
transform="translate(319.382 295.816)"
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-95.71c-15.382 0-27.851-12.469-27.851-27.851v-441.267c0-15.479 12.582-27.851 27.851-27.851h226.421c15.318 0 27.85 12.421 27.85 27.851v137.67H-31.733c-7.101 0-12.858 5.757-12.858 12.858v116.214c0 7.101 5.757 12.857 12.858 12.857h190.294v161.668C158.561-12.469 146.092 0 130.711 0H35"
transform="translate(190.906 504.484)"
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 0v42.048c0 7.101-5.757 12.858-12.858 12.858h-272.624c-7.101 0-12.858-5.757-12.858-12.858V-74.165c0-7.102 5.757-12.858 12.858-12.858h272.624C-5.757-87.023 0-81.267 0-74.165V-35"
transform="translate(444.655 260.06)"
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