two tone interface icons Icons
95 icons2 user
3 user
activity
add user
arrow down 2
arrow down 3
arrow down circle
arrow down square
arrow down
arrow left 2
arrow left 3
arrow left circle
arrow left square
arrow left
arrow right 2
arrow right 3
arrow right circle
arrow right square
arrow right
arrow up 2
arrow up 3
arrow up circle
arrow up square
arrow up
bag 2
bag
bookmark
buy
calendar
call missed
call silent
call
calling
category
chart
close square
danger
delete
discount
discovery
document
download
edit square
edit
filter 3
filter
folder
graph
heart
hide
home
image
info circle
info square
location
lock
login
logout
message
more circle
Usage Guide
How to Use These Icons
Copy SVG Code
Click any icon to open the detail panel, then copy the raw SVG markup directly into your HTML or React component.
Download PNG
Export any icon as a high-resolution PNG at 24 Ć 24, 48 Ć 48, or 96 Ć 96 pixels for raster-based workflows.
Customize & Remix
Change stroke weight, size, and color using the built-in customizer on the icon detail page ā no design tool required.
Standards & Quality
Technical Excellence: two tone interface icons
Discover the ultimate library of free SVG icons in our two tone interface icons collection. Every vector icon is meticulously crafted for pixel-perfect precision. Download high-quality SVG assets for commercial use, optimized for web developers and designers.
Premium Vector Quality
Download professional vector icons designed for Figma, Adobe XD, and Sketch. Our two tone interface icons graphics ensure consistent brand fidelity across digital platforms, available as free SVG downloads.
Lightning-Fast Performance
Each lightweight SVG is programmatically cleaned of bloated XML metadata. These performance-optimized icons guarantee a 100/100 Lighthouse score, making them perfect for SEO-friendly web development.
Responsive UI/UX Standards
Built on minimalist design principles, our two tone interface icons icons maintain stunning clarity from 16px to 4K resolutions. These UI assets are essential for granular interface controls and accessible web design.
Developer-First Integration
Engineered for CSS-based recoloring, these customizable SVG icons are ideal for React, Vue, and Tailwind CSS projects. Use them as inline SVGs, CSS masks, or within an SVG sprite system for maximum flexibility.