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

У меня установлены следующие значки пакета 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.