IonIcon does not appears

I have a problem when displaying an icon, it is not displayed. I got it from

And I save it in


I need to show it with:

IonIcon className=“icono” slot=“start” src=“assets/icon/person-add-outline.svg” >

What Im doing wrong?

const Home: React.FC = () => {
  return (
          <IonCol><IonButtons ><IonMenuButton /> </IonButtons></IonCol>
            <IonCol><Busqueda /></IonCol>
            <IonCol><IonIcon className="icono" slot="start" src="assets/icon/person-add-outline.svg" ></IonIcon></IonCol>

      <IonContent fullscreen>d
        <IonHeader collapse="condense">
            <IonTitle size="large"></IonTitle>
        <ExploreContainer  />
    width: 50px;
    height: 50px;

Don’t use ionicons in react that way. Instead, find the icon name you want, remove the slashes, and import it directly:

import { personAddOutline } from 'ionicons/icons'

<IonIcon icon={personAddOutline} />