Express
Platform 2 · UI & Design Kits
Signalbox Admin Dashboard Kit
built by Jonas Weber
Rated 4.8 out of 5 from 4 reviewsAll levels 231 files 523 aboard
Fare
€72Line KJ-136 Platform 2 · UI & Design Kits
Duotone Interface Icon Yard
Two thousand duotone interface icons on a 24px grid, with SVG, React components and a Figma library.
654
builders
JW Maintained by Jonas Weber
- Last updated October 2026
- English
- 43m of walkthroughs
- 2,000 files
What you get
5 items in the boxEvery bullet below is in the download, working, the moment your payment clears.
- 2,000 duotone icons on a consistent 24px grid
- Two tones controlled by CSS custom properties
- SVG files, a sprite and React components
- A Figma library with matching names
- Pay any fare from €1 to €100 — each euro unlocks 20 icons
What's in the box
10 parts · 2,000 files · 43m of walkthroughs
200 files with a 3m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
200 files with a 4m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
200 files with a 5m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
200 files with a 6m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
200 files with a 3m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
200 files with a 4m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
200 files with a 5m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
200 files with a 6m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
200 files with a 3m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
200 files with a 4m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
10 parts · 2,000 files
43m total length
You will need
Short list, and deliberately so. If you meet these you can start today.
- Any project that can display SVG
About this product
Icon Yard is a general-purpose interface set drawn in a two-tone style that holds up at small sizes: navigation, commerce, files, media, communication, charts, devices, weather, travel and more. Every icon sits on the same 24-pixel grid with the same stroke weight, so mixed sets never look mismatched.
Both tones are driven by CSS custom properties, so the secondary tone follows your brand without editing a single file. Your fare unlocks icon categories in the order listed, starting with navigation and actions.
You choose the fare: anything from €1 to €100, in whole euros. At €100 you get every part, plus all future additions to it.
Topics covered
Frequently asked questions
Still unsure about something? Write to our contact page and a human answers, usually the same working day.
Pick any whole-euro fare from €1 to €100. Each euro unlocks 20 icons, and parts unlock in the order listed on this page, so you see exactly what your fare includes before you pay.
No. New icons added to the parts you have unlocked appear behind the same download link at no extra cost.
Checkout is handled on our provider's secure payment page. The moment your payment clears we email your personal access link and access code to the address you used at checkout, and the same link appears in your account library. There is nothing to install and nothing to wait for.
Email within 14 days of your purchase, quote your order number, and we refund the full amount to your original payment method. No form to fill in and no questions about how much of the product you watched.
What builders say
No reviews yet
Nobody has reviewed this product yet, so there is no score to show. Buy it, work through it, and your review could be the one that helps the next developer decide.
Your maker
JW
Jonas Weber
Front-end systems engineer, runs the UI line
- 4,162 builders aboard
- 12 products published
- 4.6 maker rating
- Tailwind CSS
- React
- Next.js
- Vue
- Accessibility
Jonas builds design systems for product teams and has a long-standing grudge against inaccessible dropdowns. He designs and codes the UI kits, the Next.js starter and the icon set, testing every component with a keyboard and a screen reader before it is released. He believes a component library is only finished when the documentation is.