javascripthtmlreactjsimporterrorreact-icons

IO icons from "react icons" not importing


I've installed the react-icons module correctly with npm, and everything is working great. I can import icons without any errors, but sadly whenever I try and import an icon with Io before it like

  • IoSettingsSharp
  • IoSettingsOutline etc.

    simply like:

    import { IoSettingsOutline } from 'react-icons/io'
    class Home extends Component{
        render(){
            return (
                <div className="app">
                    <Link to='/settings'>
                    <IoSettingsOutline className="settings-icon"/>
                    </Link>
                </div>
           )
        }
    };
    

    I get the error:

    ./src/Home.js Attempted import error: 'IoSettingsOutline' is not exported from 'react-icons/io'.

    And what's funny about this is, I've imported every other icon just like this, switching out the name and the ending of 'react-icons/io'

    What is happening and how can I fix this?


  • Solution

  • as @Matt Carlotta said: "There are different Ionicons Ionicons v4 io5"

    try:

    import { IoSettingsOutline } from 'react-icons/io5'