Comments (8)
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
from framework7-icons.
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
from framework7-icons.
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?
from framework7-icons.
@martinturner I made a /libraries/framework7/ folder and placed everything there (fonts folder, icon folder as well as the .css files. Hope it helps.
from framework7-icons.
And how can I use it with Vue with import
instruction?
from framework7-icons.
@razbakov is your issue fixed?I tried to import
the file framework7-icons.js
but it seems nothing happend.
from framework7-icons.
@razbakov
Thx dude 👍
from framework7-icons.
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...
from framework7-icons.
Related Issues (20)
- Icon ideas HOT 2
- Exploit Project
- Icons are not displayed in the F7 icons documentation HOT 1
- Shift the position of the icon from one group
- Icon that denotes sticker / emojis
- There is not Email icon in SVG folder HOT 2
- Example icon "home" does not exit
- Example to use icons with dataset attributes
- Please add a funnel
- So it's amazing, but with delivery icons it will be most better than ever!!
- any way to force SVG icons instead of fonts? HOT 1
- need a shipping icon!
- New Icon Request - Blockchain
- F7-icons React: Some icons using string style causing exception
- Can I use these icons for an Android project? HOT 1
- menu icon is wrong HOT 1
- Would be great to add some social logo icons
- Video Slash Icon is missing
- Could not find a declaration file for module 'framework7-icons/vue' HOT 1
- F7-icons React: Some icons using string style causing exception HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from framework7-icons.