Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to use Icon ? #849

Closed
revskill10 opened this issue Jun 15, 2015 · 3 comments
Closed

How to use Icon ? #849

revskill10 opened this issue Jun 15, 2015 · 3 comments
Labels
package: icons Specific to @mui/icons

Comments

@revskill10
Copy link

I've installed the library with npm install material-ui .
When i use the component <FontIcon className='mui-icon-sort' /> , there is no icon to show.
Do you know how to resolve this ?

@mairh
Copy link

mairh commented Jun 15, 2015

@checkraiser You need to add the Google font library in your project in order to use icons with <FontIcon> method . Alternatively you can add Google material icons from Google web fonts <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> and use the icons as mentioned below:

<RaisedButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</RaisedButton>

<FloatingActionButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</FloatingActionButton>

@hai-cea
Copy link
Member

hai-cea commented Jun 19, 2015

Thanks @mairh - There's also this issue to provide support for the google font library inside the library. See #829

@hai-cea hai-cea closed this as completed Jun 19, 2015
@amitparrikar
Copy link

@mairh cant we use the icons from Material-UI ?
including Google Material UI Font library destroys the purpose, also it is 48KB

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: icons Specific to @mui/icons
Projects
None yet
Development

No branches or pull requests

5 participants