Duotone icons with a friendly line
150 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.
150
icons
5
groups
24px
grid
2
colours per icon
Library
Every icon, sorted into five groups
Bell
Bell off
Bookmark
Check
Close
Copy
Download
Edit
Error
External link
Eye
Eye off
Filter
Flag
Grid
Heart
Help
Home
Info
Link
List
Loader
Lock
Maximize
Menu
Minimize
Minus
More horizontal
More vertical
Pin
Plus
Redo
Refresh
Search
Settings
Share
Sliders
Sort
Star
Toggle
Trash
Undo
Unlock
Upload
Warning
Avatar
Badge
Contact book
Crown
Face id
Fingerprint
Handshake
Id card
Invite
Key
Org chart
Team
User
User check
User minus
User plus
User settings
User shield
User x
Users
At sign
Chat
Chat dots
Chats
Comment
Feedback
Forward
Inbox
Mail
Mail open
Megaphone
Mic
Mic off
Newsletter
Notification
Phone
Phone call
Phone missed
Quote
Reply
Send
Signature
Translate
Video call
Voicemail
Bag
Barcode
Basket
Box stack
Cart
Cart check
Cart plus
Cash
Checkout
Coins
Compare
Coupon
Credit card
Discount
Favorites
Gift
Loyalty card
Order list
Package
Package open
Payment check
Piggy bank
Price tag
Qr code
Receipt
Return
Sale badge
Scan
Shop sign
Store
Tag
Ticket
Truck
Voucher
Wallet
Archive
Book
Book open
Checklist
Clipboard
Clipboard check
Cloud file
Document stack
File
File check
File plus
File search
File text
File x
File zip
Folder
Folder open
Folder plus
Form
Image file
Notebook
Notes
Paperclip
Printer
Sticky note
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 Icons to your project from the Framer Marketplace.
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
