@amsterdam/design-system-react-icons
Advanced tools
All icons from the Amsterdam Design System as React components. Use it to use the correct icons in your React project.
This package provides all icons from the Amsterdam Design System as React components. Use it to use the correct icons in your React project.
Install this package by itself if you want or need to use icons directly in your React project.
Note that our React components contain an Icon component that offers a convenient API for using the icons and streamlines alignment with text.
npm install @amsterdam/design-system-react-icons
Import the component for the icon you need, as well as the generic Icon component, and use them in your JSX.
import { Icon } from "@amsterdam/design-system-react"
import { SearchIcon } from "@amsterdam/design-system-react-icons"
export const App = () => <Icon svg={SearchIcon} />
When updating to a new release of this package, check the change log for breaking changes. If there are any, update your application accordingly.
Contact us if you have a question, find an issue, or want to contribute. Find ways to reach us on designsystem.amsterdam.
FAQs
All icons from the Amsterdam Design System as React components. Use it to use the correct icons in your React project.
The npm package @amsterdam/design-system-react-icons receives a total of 698 weekly downloads. As such, @amsterdam/design-system-react-icons popularity was classified as not popular.
We found that @amsterdam/design-system-react-icons demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 8 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.
Security News
AGENTS.md is a fast-growing open format giving AI coding agents a shared, predictable way to understand project setup, style, and workflows.
Security News
/Research
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.