search

ionic-team / ionic-docs

https://ionicframework.com/docs
Apache License 2.0
587 stars 3.01k forks source link

Need to import SVG Ionic icons in React #1183

Closed jonmajorc closed 4 years ago

jonmajorc commented 4 years ago

URL https://ionicframework.com/docs/api/fab#usage (React)

What is missing or inaccurate about the content on this page? To paraphrase the current documentation:

import { IonContent, IonFab, IonFabButton, IonIcon, IonFabList } from '@ionic/react';

// ...

<IonIcon name="add" /> // This usage does not work

The fix:

import { IonContent, IonFab, IonFabButton, IonIcon, IonFabList } from '@ionic/react';
import { add } from 'ionicons/icons';

// ...

<IonIcon icon={add} />
brandyscarney commented 4 years ago

Thank you for the issue! This has since been resolved.