Getting started?

[framework7io]

Getting started?

[razbakov]

I added in my main.js:

import Framework7Icons from 'framework7-icons/css/framework7-icons.css'

And than it works.
I think it makes sense to add it to README

[peterel]

Alright, seems this is solved. For any future people with same issue. One needs to use the exact name of the icon so:

<i class="f7-icons">Home</i> does not work
<i class="f7-icons">home</i> works

Also, I created a new folder called it icons and moved all icons from the src folder there.

Closing this ticket

[martinturner]

I've ran into a similar problem, so ive got the css pointing to the fonts folder,
but where should i put the icons? inside the fonts folder too?

[peterel]

@martinturner I made a /libraries/framework7/ folder and placed everything there (fonts folder, icon folder as well as the .css files. Hope it helps.

[razbakov]

And how can I use it with Vue with import instruction?

[jjljyn]

@razbakov is your issue fixed?I tried to import the file framework7-icons.js but it seems nothing happend.

[jjljyn]

@razbakov
Thx dude 👍

[appsparkler]

Adding to @razbakov answer; here are all the commands

STEP 1 : INSTALL framework7-icons node module:

npm i --save framework7-icons

STEP 2: IMPORT the css (in the entry file - index.js or main.js) :

import "framework7/css/framework7.min.css";

Good Luck...