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 do I use the icons!? #2663

Closed
pentool opened this issue Nov 28, 2017 · 5 comments

Comments

@pentool
Copy link

commented Nov 28, 2017

I'm trying to use the icons (v-icons) in my basic project. So I go to the icon section in the documentation at https://vuetifyjs.com/components/icons. Twirl open the very first example (#1) to look at its template. It shows: <v-icon>home</v-icon>.

When I put that line into my project, I don't see any icon. I thought I need to install the material design icon set (even though the documentation does not say so). So I went ahead and installed it using npm install material-design-icons. However, their documentation page doesn't say anything about how to use it beyond the npm install stuff. What do I include/import into my project, if anything? I tried import '../node_modules/material-design-icons' but the icons still don't show up.

What am I missing in order to use the basic icons that are used in the v-icons documentation section? Thanks.

@jacekkarczmarczyk

This comment has been minimized.

Copy link
Member

commented Nov 28, 2017

You must add the fonts to your index.html
And this board is strictly for bug reports or feature request, if you have any questions visit the official discord channel http://chat.vuetifyjs.com

@salomaaharri

This comment has been minimized.

Copy link

commented Jan 27, 2018

"npm install material-icons" helped me

@gnulnx

This comment has been minimized.

Copy link

commented Mar 7, 2018

The documentation could certainly be improved in this area.
If you are here and still confused add this to your index.html file

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Cheers

@Stoom

This comment has been minimized.

Copy link

commented Mar 7, 2018

The above is for material icons, not MDI. I'm also very confused about MDI icons... there is no good example available.

@nekosaur

This comment has been minimized.

Copy link
Member

commented Mar 7, 2018

Please do not comment on closed issues. If you need help, join us at https://chat.vuetifyjs.com.

Instructions on using MDI can be found on their website https://materialdesignicons.com/getting-started

@vuetifyjs vuetifyjs locked as resolved and limited conversation to collaborators Mar 7, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
6 participants
You can’t perform that action at this time.