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

[bryanspearman]

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]

+1

[lleonk]

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

[bryanspearman]

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

[mirzajalilovravshanbek]

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

[ikcro]

@mirzajalilovravshanbek

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