@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 820 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.
Product
Socket Firewall Enterprise is now available with flexible deployment, configurable policies, and expanded language support.
Security News
Open source dashboard CNAPulse tracks CVE Numbering Authorities’ publishing activity, highlighting trends and transparency across the CVE ecosystem.
Product
Detect malware, unsafe data flows, and license issues in GitHub Actions with Socket’s new workflow scanning support.