Icons

This package contains the icon components.

💡 Looking for the documentation?

Installation

npm install @entur/icons
# or if you are using Yarn:
yarn add @entur/icons

Usage

import { AddIcon } from '@entur/icons'; // Import specific icon

<AddIcon />;

Please refer to the documentation for usage information.

Development

This package contains all SVG files, as well as a script to create optimized React components from those SVG files.

If you're adding an icon, please add the SVG file to the appropriate svg/ folder. Make sure you give it a unique name, and make sure it looks correct in a browser after exporting it. Remember to add the icon-name in bin/build.js if it is a partner-icon.

If you're changing an existing icon, just update the existing SVG file with the new source code.

Unlike most other packages in our design system, this one doesn't use DTS-CLI or TypeScript. This is because DTS-CLI doesn't support the tools we need to optimize our SVG files. Instead, we've opted for configuring Rollup directly.