Add icons to this collection by clicking the heart icon.
Code icon - also known as technology, computer, web, laptop, web design, code, design, web development, electronics, coding, computing, art and design, and edit tools. Created in a clean flat style with a white, silver, gray, teal, orange, 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-450.411v307.254c0 12.77 10.352 23.123 23.123 23.123h404.164C-10.353 330.377 0 320.024 0 307.254Z"
transform="translate(481.205 49.102)"
fill="#e7e7e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-307.251h-27.846V0c0 12.777-10.35 23.126-23.127 23.126h27.847C-10.36 23.126 0 12.777 0 0"
transform="translate(481.208 356.352)"
fill="#cecece"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-369.315v285.354a8.519 8.519 0 0 0 8.519 8.518H-8.518A8.518 8.518 0 0 0 0 285.354z"
transform="translate(440.657 49.102)"
fill="#c9f0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-285.354h-27.02V0c0 4.7-3.811 8.521-8.521 8.521h27.02A8.522 8.522 0 0 0 0 0"
transform="translate(440.657 334.455)"
fill="#9ae7fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-459.861c-13.917 0-25.199 11.282-25.199 25.199v38.002a8.22 8.22 0 0 0 8.219 8.219H16.98a8.22 8.22 0 0 0 8.219-8.219V25.199C25.199 11.282 13.917 0 0 0"
transform="translate(485.93 .003)"
fill="#838383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.22 8.22 0 0 0 8.22-8.22v-38.001c0-13.913-11.279-25.202-25.203-25.202h-23.033c13.913 0 25.192 11.289 25.192 25.202V0z"
transform="translate(502.91 71.423)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-102.255l12.075-27.632a5.165 5.165 0 0 1 4.732-3.096H52.396a5.165 5.165 0 0 1 4.732 3.096L69.203 0Z"
transform="translate(272.526 71.424)"
fill="#acacac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.074-27.629a5.168 5.168 0 0 0-4.731-3.099h-16.66c.165.258.32.527.444.816L-19.955 0Z"
transform="translate(341.728 71.423)"
fill="#9c9c9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-105.094a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(217.137 140.872)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-43.613a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(289.16 140.872)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-82.109a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(399.956 140.872)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-52.775a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(164.819 109.133)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-116.14a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(317.847 109.133)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.228a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(399.956 109.133)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-237.697c-14.651 0-26.528 11.877-26.528 26.527v276.928c0 14.651 11.877 26.528 26.528 26.528H0c14.651 0 26.527-11.877 26.527-26.528V26.527C26.527 11.877 14.651 0 0 0"
transform="translate(374.848 182.017)"
fill="#ffd86e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-276.924c0-14.657-11.878-26.535-26.524-26.535h-27.371c14.646 0 26.524 11.878 26.524 26.535V0c0 14.646-11.878 26.524-26.524 26.524h27.371C-11.878 26.524 0 14.646 0 0"
transform="translate(401.377 485.472)"
fill="#ffb509"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-290.752v45.79c0 14.651 11.877 26.527 26.527 26.527h237.698C-11.877 72.317 0 60.441 0 45.79Z"
transform="translate(401.376 439.683)"
fill="#0396fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45.787h-27.371V0c0 14.646-11.878 26.524-26.524 26.524h27.371C-11.878 26.524 0 14.646 0 0"
transform="translate(401.377 485.472)"
fill="#0077f0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-17.863 13.407-24.776 22.419-25.064a7.5 7.5 0 0 1 .48 14.992c-.018.001-2.081.193-3.982 1.326C17.235-7.745 15-5.749 15 0v10.587a7.5 7.5 0 0 1-3.317 6.225L6.98 19.97l4.702 3.159A7.499 7.499 0 0 1 15 29.354V39.94c0 3.595 1.323 7.092 4.567 8.932 1.213.688 2.504 1.009 3.832 1.142 3.808.383 6.76 3.48 6.76 7.307v.355a7.328 7.328 0 0 1-7.328 7.328h-.411C13.407 64.716 0 57.804 0 39.94v-6.588l-7.158-4.81c-3.5-2.35-5.275-6.62-4.308-10.905.592-2.624 2.277-4.875 4.511-6.375L0 6.589Z"
transform="translate(193.998 343.515)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c1.328-.133 2.619-.455 3.832-1.143 3.244-1.839 4.567-5.336 4.567-8.931V-20.66a7.5 7.5 0 0 1 3.317-6.225l4.702-3.16-4.702-3.158a7.497 7.497 0 0 1-3.317-6.224v-10.587c0-5.749-2.236-7.746-3.917-8.746C2.58-59.893.518-60.086.499-60.087a7.498 7.498 0 0 1-7.255-7.736A7.499 7.499 0 0 1 .98-75.079c9.012.288 22.419 7.201 22.419 25.065v6.588l6.955 4.673c2.234 1.501 3.918 3.751 4.511 6.376.967 4.285-.808 8.555-4.308 10.905l-7.158 4.809v6.589c0 17.863-13.407 24.775-22.42 25.064H.568A7.328 7.328 0 0 1-6.76 7.661v-.355C-6.76 3.479-3.808.383 0 0"
transform="translate(296.343 393.53)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.586-1.39 1.495-2.539 2.76-3.37.755-.496 1.81-.943 2.7-1.109a7.19 7.19 0 0 1 1.47-.151c1.03 0 1.926.173 2.87.57.891.375 1.74.96 2.43 1.63 1.046 1.015 1.759 2.406 2.05 3.83.507 2.487-.251 4.96-2.05 6.77-1.738 1.748-4.361 2.476-6.767 2.034A7.304 7.304 0 0 1 4.06 9.8a7.306 7.306 0 0 1-2.44-1.63 7.541 7.541 0 0 1-2.19-5.3C-.57 1.93-.364.864 0 0"
transform="translate(223.85 345.023)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.92 7.92 0 0 1 2.44-1.63c.45-.181.92-.33 1.4-.42a8.137 8.137 0 0 1 4.34.42c.924.362 1.724.945 2.43 1.63a7.031 7.031 0 0 1 1.62 2.43c.367.916.58 1.881.58 2.87 0 1.97-.8 3.91-2.2 5.3-1.4 1.4-3.33 2.2-5.3 2.2-1.98 0-3.91-.8-5.31-2.2a7.543 7.543 0 0 1-2.05-6.77C-1.748 2.409-1.032 1.031 0 0"
transform="translate(251.56 342.594)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.41-.27.85-.5 1.3-.689a7.38 7.38 0 0 1 1.4-.42 7.726 7.726 0 0 1 1.47-.151c1.04 0 1.903.177 2.86.571C8.009-.286 8.719.21 9.47.94c1.419 1.379 2.2 3.342 2.2 5.3 0 1.97-.8 3.91-2.2 5.3-1.4 1.4-3.33 2.2-5.3 2.2-1.98 0-3.91-.8-5.31-2.2a7.541 7.541 0 0 1-2.19-5.3C-3.33 3.729-2.114 1.389 0 0"
transform="translate(278.79 341.653)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.618a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(165.705 290.18)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-169.613a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(367.912 290.18)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.618a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(165.705 254.889)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-169.613a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(367.912 254.889)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.618a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(165.705 219.597)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-169.613a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(367.912 219.597)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.49 0-.98.05-1.47.15-.48.09-.95.23-1.4.42-.45.19-.89.42-1.3.69-.41.27-.79.591-1.14.93-.34.35-.66.73-.93 1.14-.27.41-.5.851-.69 1.3-.19.45-.33.92-.43 1.4-.09.48-.14.98-.14 1.47 0 .48.05.98.14 1.46a7.69 7.69 0 0 0 1.12 2.7c.27.41.59.79.93 1.14.35.35.73.66 1.14.93.41.27.85.5 1.3.69.45.19.92.33 1.4.431.97.189 1.96.189 2.93 0 .48-.101.95-.241 1.41-.431.45-.19.88-.42 1.29-.69a7.24 7.24 0 0 0 2.07-2.07c.27-.41.51-.84.69-1.3A7.556 7.556 0 0 0 7.5 7.5c0-1.979-.8-3.91-2.2-5.31-.35-.339-.73-.66-1.14-.93-.41-.27-.84-.5-1.29-.69C2.41.38 1.94.24 1.46.15.98.05.49 0 0 0"
transform="translate(144.09 468.29)"
fill="#e7e7e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.49 0-.98.05-1.46.15-.48.09-.95.23-1.4.42-.46.19-.89.42-1.3.69-.41.27-.79.591-1.14.93A7.553 7.553 0 0 0-7.5 7.5a7.556 7.556 0 0 0 .58 2.86c.19.46.42.89.69 1.3a7.24 7.24 0 0 0 2.07 2.07c.41.27.84.5 1.3.69.45.19.92.33 1.4.431.97.189 1.96.189 2.93 0 .48-.101.95-.241 1.4-.431.45-.19.89-.42 1.3-.69.41-.27.79-.58 1.14-.93.34-.35.66-.73.93-1.14a7.69 7.69 0 0 0 1.12-2.7c.09-.48.14-.98.14-1.46 0-.49-.05-.99-.14-1.47-.1-.48-.24-.95-.43-1.4-.19-.449-.42-.89-.69-1.3-.27-.41-.59-.79-.93-1.14-.35-.339-.73-.66-1.14-.93-.41-.27-.85-.5-1.3-.69a6.84 6.84 0 0 0-1.4-.42C.98.05.49 0 0 0"
transform="translate(170.89 468.29)"
fill="#e7e7e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.49 0-.98.05-1.47.15-.47.09-.95.23-1.4.42-.45.19-.89.42-1.29.69-.42.27-.8.591-1.14.93-.35.35-.66.73-.94 1.14-.27.41-.5.851-.69 1.3-.18.45-.33.92-.42 1.4a7.26 7.26 0 0 0 0 2.93 7.528 7.528 0 0 0 1.11 2.7c.28.41.59.79.94 1.14.34.35.72.66 1.14.93a7.597 7.597 0 0 0 2.69 1.121c.97.189 1.97.189 2.94 0a7.597 7.597 0 0 0 2.69-1.121c.41-.27.8-.58 1.14-.93.35-.35.66-.73.94-1.14a7.528 7.528 0 0 0 1.11-2.7c.1-.48.15-.98.15-1.46 0-1.979-.8-3.91-2.2-5.31A7.597 7.597 0 0 0 2.87.57C2.42.38 1.94.24 1.47.15.98.05.49 0 0 0"
transform="translate(197.7 468.29)"
fill="#e7e7e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category