How to add framework7-icons.css to react based app

1

Hi,

I have a simple app generated with framework 7.
I want to use material icons and from what I have seen this are installed by default ( I have found framework7-icons.css file already in my css folder)

My question is how do I import and use this icons? Tutorial from here does not solve my issue: https://framework7.io/docs/icons.html#install-font

I have imported in my react app like this:
import '../css/framework7-icons.css';

And tried tu use some icons in my menu like this:
<Toolbar tabbar position='top' > <Link icon="arrow-branch" tabLink="#tab-2"></Link> </Toolbar>
Name of the icon is taken from here : https://framework7.io/icons/

What I am missing

2

you need to use additional css class .f7-icons

1 Like
3 
<Link iconF7="arrow-branch" tabLink="#tab-2">
1 Like
4

Yep, I manage to fix the problem.

Thanks guys