Can I change the colour of a code icon?

Yes. Recolour it on the page, or use currentColor to make it take the colour of the surrounding text.

Can I use these icons in a commercial project?

Pro and Max accounts get a commercial licence for what they download. Free accounts can use free items for personal projects.

Can I export an icon as code instead of an image?

Yes. You can copy the SVG code or export CSS, a React component or a data URI.

Free code and developer SVG icons

17 SVGs

Search the library

Find free code and developer SVG icons for interfaces, documentation and technical diagrams. Look for familiar subjects such as code brackets, terminal windows, file trees, databases and bug reports. Use them for navigation labels, feature lists, setup guides or status messages where a small symbol helps people scan the page.

Each icon uses currentColor, so it can take the colour of the text around it. You can also recolour an icon on this page and change its stroke width, size, opacity or rotation. When it is ready, copy the SVG code or export CSS, PNG, WebP, JPG, a React component or a data URI.

transfer database cloud source directory version control security shell coding terminal laptop upload

Packs

Sets drawn in one style.

Code and Developer Icons, Line

17 SVGs · Free 10 · Premium 7

Not what you need?

Describe it: the SVG studio opens with this style filled in.

More icons

Questions

Can I change the colour of a code icon?: Yes. Recolour it on the page, or use currentColor to make it take the colour of the surrounding text.
Can I use these icons in a commercial project?: Pro and Max accounts get a commercial licence for what they download. Free accounts can use free items for personal projects.
Can I export an icon as code instead of an image?: Yes. You can copy the SVG code or export CSS, a React component or a data URI.