https://github.com/zjhiphop/iot-font-icons

Font icons and Vue components target IOT development. (Generated by Sketch and outputs Web version and VueJS component version.)
https://github.com/zjhiphop/iot-font-icons

Last synced: 3 days ago
JSON representation

Font icons and Vue components target IOT development. (Generated by Sketch and outputs Web version and VueJS component version.)

• Host: GitHub
• URL: https://github.com/zjhiphop/iot-font-icons
• Owner: zjhiphop
• License: mit
• Created: 2017-04-21T09:10:29.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-10-21T22:14:12.000Z (about 5 years ago)
• Last Synced: 2024-10-28T04:18:10.374Z (11 days ago)
• Language: JavaScript
• Homepage:
• Size: 5.57 MB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
IOT Font ICONS

=====================

```

	Build Vue ICON Fonts Components from Sktech in the fly targets IOT development.

```

### Build Web Font ICON

```

gulp slice-symbols;

// after build finished check folder inside dist

```

### build Vue Components 

```

npm run prepublish

// this will be a js file `vue-icon-fonts.js` generated.

```

### Customize

#### Generate Web Fonts

* add your own sketch file to `assets\sketch`

* make slice of every svg icon in one artboard  

	```

	run `gulp slice-symbols;` to generate web fonts

	```

* OR one artboard for one svg

	```

	run `gulp symbols;` to generate web fonts

	```

#### Generate Vue Components

* Follow the setps of `Generate Web Fonts`

* Run `npm run build` to generate vue components 

### TODO

* Support generate individual SVG and Vue Components from font-awsome

## Inspired by

* [vue-awesome](https://github.com/Justineo/vue-awesome)

* [symbols-for-sketch](https://github.com/cognitom/symbols-for-sketch)

* [gulp-sketch](https://github.com/cognitom/gulp-sketch)

* [Font-Awesome-SVG-PNG](https://github.com/encharm/Font-Awesome-SVG-PNG)