Add icons to this collection by clicking the heart icon.
Code icon - also known as keyboard, code, typing, programming, typographical, and seo and web. Created in a clean lineal color style with a white and maroon 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 300 300"
>
<circle cx="158" cy="138" r="86" fill="#eaeaea" />
<path
fill="#fff"
d="M45.161 136c-5.059 0-9.161-3.957-9.161-8.839V52.839C36 47.957 40.101 44 45.161 44H254.84c5.059 0 9.161 3.957 9.161 8.839v74.321c0 4.882-4.101 8.839-9.161 8.839H45.161z"
/>
<path
fill="#4c241d"
d="M254.84 140H45.16C37.902 140 32 134.24 32 127.16V52.84C32 45.76 37.902 40 45.16 40h209.68c7.258 0 13.16 5.76 13.16 12.84v74.32c0 7.08-5.902 12.84-13.16 12.84zM45.16 48C42.316 48 40 50.172 40 52.84v74.32c0 2.668 2.316 4.84 5.16 4.84h209.68c2.844 0 5.16-2.172 5.16-4.84V52.84c0-2.668-2.316-4.84-5.16-4.84z"
/>
<path fill="#e2e2e2" d="M52 72h192v48H52z" />
<path
fill="#4c241d"
d="M244 124H52c-2.211 0-4-1.791-4-4V72c0-2.209 1.789-4 4-4h192c2.211 0 4 1.791 4 4v48c0 2.209-1.789 4-4 4zm-188-8h184V76H56z"
/>
<g fill="#4c241d">
<path
d="M63.996 72h8v48h-8zM79.996 72h8v48h-8zM95.996 72h8v48h-8zM111.998 72h8v32h-8zM127.996 72h8v32h-8zM143.996 72h8v32h-8zM159.996 72h8v32h-8zM175.996 72h8v48h-8zM191.996 72h8v48h-8zM207.996 72h8v48h-8zM223.996 72h8v48h-8z"
/>
<path
d="M244 108H52c-2.211 0-4-1.791-4-4s1.789-4 4-4h192c2.211 0 4 1.791 4 4s-1.789 4-4 4zM244 92H52c-2.211 0-4-1.791-4-4s1.789-4 4-4h192c2.211 0 4 1.791 4 4s-1.789 4-4 4zM153.656 229.656a3.988 3.988 0 0 1-2.828-1.172l-11.312-11.312a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
/>
<path
d="M142.344 229.656a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656l-11.312 11.312a3.984 3.984 0 0 1-2.828 1.172z"
/>
<circle cx="122.181" cy="241.975" r="4.529" />
<path
d="M56 64h-4c-2.211 0-4-1.791-4-4s1.789-4 4-4h4c2.211 0 4 1.791 4 4s-1.789 4-4 4zM72 64h-4c-2.211 0-4-1.791-4-4s1.789-4 4-4h4c2.211 0 4 1.791 4 4s-1.789 4-4 4zM88 64h-4c-2.211 0-4-1.791-4-4s1.789-4 4-4h4c2.211 0 4 1.791 4 4s-1.789 4-4 4zM104 64h-4c-2.211 0-4-1.791-4-4s1.789-4 4-4h4c2.211 0 4 1.791 4 4s-1.789 4-4 4zM164 64h-4c-2.211 0-4-1.791-4-4s1.789-4 4-4h4c2.211 0 4 1.791 4 4s-1.789 4-4 4z"
/>
</g>
<path
fill="#ffe8dc"
d="M236 240v-24a47.637 47.637 0 0 0 8-26.422V144a8 8 0 0 0-16 0v8l-32-4V96a8 8 0 0 0-16 0v64s-9.78-8.489-16-16c-3.045-3.677-7.589-7.706-11.273-4.621l-3.327 2.782c-1.527 1.277-1.85 3.523-.748 5.191l32.266 60.823c2.102 3.181 3.964 5.857 7.081 7.825v24"
/>
<path
fill="#4c241d"
d="M236 244c-2.211 0-4-1.791-4-4v-24c0-.789.234-1.561.672-2.219A43.512 43.512 0 0 0 240 189.578V144c0-2.205-1.793-4-4-4s-4 1.795-4 4v8c0 1.146-.492 2.24-1.352 2.998a3.933 3.933 0 0 1-3.145.971l-32-4a4 4 0 0 1-3.504-3.969V96c0-2.205-1.793-4-4-4s-4 1.795-4 4v64a4 4 0 0 1-6.621 3.022c-.41-.355-10.105-8.793-16.461-16.471-3.297-3.98-5.059-4.248-5.25-4.266-.094-.01-.164-.016-.375.16l-3.324 2.783 32.484 61.072c1.812 2.711 3.309 4.816 5.684 6.316a4.002 4.002 0 0 1 1.863 3.383v24c0 2.209-1.789 4-4 4s-4-1.791-4-4v-21.947c-2.629-2.113-4.434-4.666-6.418-7.672l-32.465-61.154c-2.031-3.049-1.379-7.547 1.723-10.135l3.32-2.779c1.805-1.514 3.957-2.189 6.234-1.994 3.48.318 6.973 2.65 10.688 7.129 2.645 3.195 6 6.613 8.918 9.426V96c0-6.617 5.383-12 12-12s12 5.383 12 12v48.469l24 3V144c0-6.617 5.383-12 12-12s12 5.383 12 12v45.578a51.466 51.466 0 0 1-8 27.607V240a3.997 3.997 0 0 1-3.999 4zM148 64h-4c-2.211 0-4-1.791-4-4s1.789-4 4-4h4c2.211 0 4 1.791 4 4s-1.789 4-4 4zM228 64h-4c-2.211 0-4-1.791-4-4s1.789-4 4-4h4c2.211 0 4 1.791 4 4s-1.789 4-4 4zM244 64h-4c-2.211 0-4-1.791-4-4s1.789-4 4-4h4c2.211 0 4 1.791 4 4s-1.789 4-4 4z"
/>
<path fill="#ffe8dc" d="M196 152v-32a8 8 0 0 1 16 0v36" />
<path
fill="#4c241d"
d="M212 160c-2.211 0-4-1.791-4-4v-36c0-2.205-1.793-4-4-4s-4 1.795-4 4v32c0 2.209-1.789 4-4 4s-4-1.791-4-4v-32c0-6.617 5.383-12 12-12s12 5.383 12 12v36c0 2.209-1.789 4-4 4z"
/>
<path fill="#ffe8dc" d="M212 156v-28a8 8 0 0 1 16 0v28" />
<path
fill="#4c241d"
d="M228 160c-2.211 0-4-1.791-4-4v-28c0-2.205-1.793-4-4-4s-4 1.795-4 4v28c0 2.209-1.789 4-4 4s-4-1.791-4-4v-28c0-6.617 5.383-12 12-12s12 5.383 12 12v28c0 2.209-1.789 4-4 4z"
/>
<path
fill="#ffe8dc"
d="M44 256v-24a47.637 47.637 0 0 1-8-26.422V160a8 8 0 0 1 16 0v8l32-4v-52a8 8 0 0 1 16 0v64s9.78-8.489 16-16c3.045-3.677 7.589-7.706 11.273-4.621l3.327 2.782c1.527 1.277 1.85 3.523.748 5.191l-32.266 60.823c-2.102 3.181-3.964 5.857-7.081 7.825v24"
/>
<path
fill="#4c241d"
d="M92 260c-2.211 0-4-1.791-4-4v-24c0-1.373.703-2.648 1.863-3.383 2.375-1.5 3.871-3.605 5.883-6.646l32.066-60.494-3.105-3.031c-.215-.176-.285-.178-.375-.16-.191.018-1.953.285-5.25 4.268-6.355 7.676-16.051 16.113-16.461 16.469a3.992 3.992 0 0 1-4.281.617A4.003 4.003 0 0 1 96 176v-64c0-2.205-1.793-4-4-4s-4 1.795-4 4v52a4 4 0 0 1-3.504 3.969l-32 4a3.968 3.968 0 0 1-3.145-.971A4 4 0 0 1 48 168v-8c0-2.205-1.793-4-4-4s-4 1.795-4 4v45.578c0 8.641 2.535 17.01 7.328 24.203.438.658.672 1.43.672 2.219v24c0 2.209-1.789 4-4 4s-4-1.791-4-4v-22.814a51.466 51.466 0 0 1-8-27.607V160c0-6.617 5.383-12 12-12s12 5.383 12 12v3.469l24-3V112c0-6.617 5.383-12 12-12s12 5.383 12 12v54.875c2.918-2.814 6.273-6.232 8.918-9.426 3.715-4.48 7.207-6.812 10.688-7.131 2.281-.201 4.43.482 6.234 1.994l3.324 2.783c3.098 2.584 3.75 7.082 1.52 10.461l-32.066 60.494c-2.148 3.277-3.98 5.877-6.617 8V256A4 4 0 0 1 92 260z"
/>
<path fill="#ffe8dc" d="M84 168v-32a8 8 0 0 0-16 0v36" />
<path
fill="#4c241d"
d="M68 176c-2.211 0-4-1.791-4-4v-36c0-6.617 5.383-12 12-12s12 5.383 12 12v32c0 2.209-1.789 4-4 4s-4-1.791-4-4v-32c0-2.205-1.793-4-4-4s-4 1.795-4 4v36c0 2.209-1.789 4-4 4z"
/>
<path fill="#ffe8dc" d="M68 172v-28a8 8 0 0 0-16 0v28" />
<path
fill="#4c241d"
d="M68 176c-2.211 0-4-1.791-4-4v-28c0-2.205-1.793-4-4-4s-4 1.795-4 4v28c0 2.209-1.789 4-4 4s-4-1.791-4-4v-28c0-6.617 5.383-12 12-12s12 5.383 12 12v28c0 2.209-1.789 4-4 4z"
/>
</svg>
More icons in the same style and category