Vue-material: <md-icon-button> / <md-icon> not showing an icon

Created on 1 Aug 2019  路  3Comments  路  Source: vuematerial/vue-material

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

Most helpful comment

Add this line in the styleof your App.vue file.

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

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

All 3 comments

+1

Add this line in the styleof your App.vue file.

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

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

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

Was this page helpful?
0 / 5 - 0 ratings

Related issues

sergey-koretsky picture sergey-koretsky  路  3Comments

diverted247 picture diverted247  路  3Comments

markus-s24 picture markus-s24  路  3Comments

delueg picture delueg  路  3Comments

andreujuanc picture andreujuanc  路  3Comments