Vue Icon Font Save
IconFont plugin for Vuejs
Project README
vue-icon-font
Screenshots
Installation
NPM (Recommended)
# install dependencies
npm install vue-icon-font
manual
# Download `dist/vue-iconfont.js` and include it in your HTML file
<script src="../dist/vue-iconfont.js"></script>
Iconfont assets
It’s a Vector Icon Management & Communication Platform made by Alimama MUX, designers could upload vector icons here, and users could download it by several kinds of format.Also, the icons could be translated into Fonts for front-end engineers’ usage.
Download the icons from iconfont.cn, and
upzip download.zip.
font-class
copy
iconfont.cssand font files (.ttf,.eot,.svg,.woff) into your project
# Include the iconfont.css stylsheet into your <head>
<link rel="stylesheet" href="./iconfont.css">
or
# Import css
import './iconfont.css';
use: <icon name="account" type="class"></icon>
symbol,svg (Default,Recommended)
copy
iconfont.jsinto your project
# Include the iconfont.css stylsheet into your <head>
<link rel="stylesheet" href="./iconfont.css">
or
import './iconfont.js';
use: <icon name="password"></icon>
Usage via import (vue-cli)
import Vue from 'vue'
import VueIconFont from 'vue-icon-font'
Vue.use(VueIconFont)
/* font-class */
import '@/assets/iconfont/iconfont.css'
/* symbol,svg */
import '@/assets/iconfont/iconfont.js'
<!-- font-class -->
<icon name="account" type="class"></icon>
<!-- symbol,svg -->
<icon name="password"></icon>
Simple demo here
Open Source Agenda is not affiliated with "Vue Icon Font" Project. README Source: ganl/vue-icon-font
Stars
26
Open Issues
3
Last Commit
4 years ago
Repository
License
Open Source Agenda Badge
