значки материалов не импортируются в vue

Question

У меня установлены следующие значки npm пакета.

"material-icons": "^0.3.1"

Я импортировал их следующим образом.

<style lang="sass">
$material-icons-font-path: '~material-icons/iconfont/';
@import '~material-icons/iconfont/material-icons.scss';
</style>

и я использую их классы следующим образом.

<i class="rotate_right"></i>

Но значки не отображаются. Я создал приложение vue, используя vue cli 3.

Answer 1

Как и в документе , вы должны использовать span с содержимым в качестве имени иконки. Пожалуйста, попробуйте

<span class="material-icons">rotate_right</span>