# Demo
```hbs template
You can hover on the icon below, open the network tab, all svgs are loaded on demand!
```
```js component
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
import { typeToPathMap } from 'ember-eui/utils/css-mappings/eui-icon';
const iconKeys = Object.keys(typeToPathMap);
export default class DemoIconComponent extends Component {
@tracked icon = 'tokenNumber';
icons = iconKeys;
@action
update() {
this.icon = this.icons[Math.floor(Math.random() * this.icons.length)];
}
}
```