Developer icons with a friendly line
50 developer icons in one vector set, drawn on a 24px grid with rounded 2px lines. One colour for the shape, one for the detail, so every icon reads at a glance.
50
icons
4
groups
24px
grid
2
colours per icon
Library
Every icon, sorted into four groups
Autocomplete
Code comment
Code editor
Code file
Command key
Function
Indent
Keyboard
Markdown
Regex
Square brackets
Text cursor
Variable
Changelog
Cherry pick
Code review
Commit history
Fork
Git commit
Git diff
Git merge
Merge conflict
Pull request
Release
Repository
API
Build tools
Cache
CI/CD
Container
Cron job
Deploy
Load balancer
Queue
Rollback
Serverless
Unit test
Webhook
Breakpoint
Console log
Crash
Debugger
Flame graph
Linter
Localhost
Memory stick
Pair programming
Responsive
Rubber duck
Step over
Colours
Two colours, set to your brand
Each icon has a line colour and an accent colour. Change both in the Style panel after you drop an icon on the canvas.
Setup
Three steps to your first icon
01
Add the set
Add Duoline Developer to your project from the Framer Marketplace. It is free.
02
Drop an icon in
Drag any icon onto your canvas and size it like any other layer.
03
Make it yours
Set the line colour and the accent colour in the Style panel.
More icons
