Siemens Industrial Experience Icons

Usage

Using icons within your project. You need to:

• Install @siemens/ix-icons e.g. npm install --save @siemens/ix-icons

import { defineCustomElements } from '@siemens/ix-icons/loader';

(async () => {
  await defineCustomElements();
})();

Angular / Web Components

<ix-icon name="rocket"></ix-icon>

React and Vue

import { rocket } from '@siemens/ix-icons/icons';

<ix-icon name={rocket}></ix-icon>;

Use ix-icon component with custom svg's

<ix-icon name="/your/asset/path/my-icon.svg"></ix-icon>;

Development

Installation

pnpm install

Build

pnpm build

🤝 Contributing

Contributions, issues and feature requests are welcome!

📝 License

Copyright © 2019–2023 Siemens AG.

This project is MIT licensed.