A collection of font icoins of projects.
npm i svg2iconfont-rn --save
Paths of resouces css
/dest/css/{fontName}.css
fonts
/dest/fonts/{fontName}.eot
/dest/fonts/{fontName}.ttf
/dest/fonts/{fontName}.woff
glyphmaps
/dest/glyphmaps/{fontName}.json
For example:
import { Test } from "svg2iconfont/react-native";
...
<Test name="test" size={26} style={{ marginBottom: -3 }} color="blue" />
The icon is downloaded from icons8
- Clone this repo
-
npm i --dev
- Place your svg icons in
/svg/{fontName}
-
for example:
gulp --fontName {fontName} --className {className} --fontPath {fontPath}
gulp --fontName test --className ts --fontPath "../fonts/"
- Add the font to /react-native/index.js if you want
/dest/index.html
There was a hard time when I install and build the module ttf2woff2, so I zipped this module(OS Win7 64bit) as attachment in /attachment/ttf2woff2.rar.