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

<md-icon-button> / <md-icon> not showing an icon #2105

Open
sixindustries opened this issue Aug 1, 2019 · 5 comments
Open

<md-icon-button> / <md-icon> not showing an icon #2105

sixindustries opened this issue Aug 1, 2019 · 5 comments

Comments

@sixindustries
Copy link

sixindustries commented Aug 1, 2019

Steps to reproduce

I used code straight from vuematerial.io and it does not show an icon for either tag. It only shows the text. If I used your codeSandBox template the icons worked. If started my own sandbox and added the dependencies myself, didn't work.

So what are you guys doing to make these icons show up?

Which browser?

Browser: Chrome - Version 75.0.3770.142 (Official Build) (64-bit)
OS: Linux Fedora
vue: "^2.6.10",
vue-material: "^1.0.0-beta-11"

What is expected?

Expecting to see an icon for a tag called md-icon.

What is actually happening?

Seeing only text.

Reproduction Link

https://codesandbox.io/s/vue-template-msxmv

@zkcrescent
Copy link

+1

@lleonk
Copy link

lleonk commented Aug 6, 2019

Add this line in the style of your App.vue file.

<style>
@import url("https://fonts.googleapis.com/css?family=Material+Icons");
...

Working Code: https://codesandbox.io/s/vue-template-68kyf

@sixindustries
Copy link
Author

How could I miss that??? Jeez! Perhaps it shouldn't be listed as "optional" in the docs? Thank you for pointing this out.

@mirzajalilovravshanbek
Copy link

I want offline use, but isn't working. Only text shows. What I do offline use ?

@ikcro
Copy link

ikcro commented May 24, 2021

@mirzajalilovravshanbek

you can install 'material-design-icons' and
import 'material-design-icons/iconfont/material-icons.css'

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants