Hand-picked weekly

Never miss a tool worth knowing.

The best new tools, hand-picked and delivered weekly. No spam — just signal.

Email address

Discover the best tools for every task. A curated directory for people who love great software.

Browse

Categories
Toolkits
Saved
Search

Company

About
My Account
Sign in

Connect

X / Twitter
GitHub
LinkedIn
Email us

© 2026 ToolFomo

Radix Icons — ToolFomo

Radix Icons

Radix Icons

A set of 15×15 pixel icons designed by the WorkOS team, available as individual React components.

open sourceweb#react #icons #open-source #npm #svg #accessibility

What you can do with Radix Icons

Practical ideas and workflows

1

Creating a Navigation Bar

•Identify the sections for your navigation (Home, About, Services, Contact).
•Select corresponding Radix Icons for each section from the library.
•Integrate the selected icons into your React component using the provided JSX syntax.
•Style your navigation bar with CSS to ensure proper alignment and aesthetics.

2

Categories

More like this

Tools with similar features

Tabler Icons

Tabler Icons

tabler-icons

A free and open-source library offering over 5,000 high-quality SVG icons designed for web and app interfaces.

Building a Dashboard

•Determine the essential features and data to display on your dashboard.
•Choose appropriate icons from Radix Icons that represent each feature (e.g., statistics, user profiles).
•Integrate the icons into your dashboard layout using React components.
•Test the layout across different screen sizes for responsiveness.

3

Designing a Landing Page

•Outline the key points and calls-to-action for your landing page.
•Select relevant Radix Icons to visually represent each section (e.g., download, sign up, information).
•Incorporate these icons within your React components on the landing page layout.
•Ensure that the icons enhance the readability and engagement of the page.

4

Enhancing Form UX

•Identify the forms on your web application that could benefit from iconography (e.g., Login, Signup).
•Select intuitive Radix Icons to represent form fields (e.g., email, password).
•Add the icons as part of the label or next to the input fields in your React forms.
•Test with users to ensure icons improve usability and understanding of the form.

Remix Icon

remix-icon

Remix Icon is an open-source library offering over 2,700 neutral-style system icons, available in both outlined and filled styles, designed for designers and developers.

CSS.GG

CSS.GG

css.gg

An open-source library offering over 700 customizable CSS, SVG, and Figma UI icons for web development and design projects.

Uicons

Uicons

uicons

Uicons is a growing icon set for Figma and the web, featuring customizable icons crafted using the golden ratio.

Ionicons

Ionicons

ionicons

Ionicons is an open-source icon set featuring over 1,300 icons designed for web, iOS, Android, and desktop applications, supporting both Material Design and iOS styles.

open sourcewebiosandroid

Heroicons

Heroicons

heroicons

A set of free, hand-crafted SVG icons designed by the creators of Tailwind CSS, available in multiple styles and sizes.