How to add icons in f7 v1 vue

Questions
1

I have followed the docs http://v1.framework7.io/docs/icons.html here and not able to get icon worked, can someone help me to how to add icons to my list

// in main.js

import './css/framework7-icons.css'
import './fonts/Framework7Icons-Regular.woff2'

in list

<li>
          <a href="/admin/chapters/" class="item-link item-content" >
            <div class="item-media"><i class="f7-icons">home</i></div>

icons not displayed

1 Like