@fe6/icon-cube-vue

Water Icon 的支持自定义图标
13,259
components component svg icon design icon pack icon park iconpark fe6 cube fe6 icon cube icon custom icons
Install
npm install @fe6/icon-cube-vue
Latest Version:1.2.2
Vue:3
License:MIT
Last Updated:Mar 12, 2022
Links: GitHub  ·  npm
Maintainer: fe6

Water Icon 图标

Water 图标体系，项目中有需要 定制图标 时候使用

介绍

新特性

  • 现仅仅支持 vue3
  • 支持 4 种主题:
    • 线性
    • 填充
    • 双色
    • 四色

快速上手

安装

npm install @fe6/icon-cube-vue --save

引用图标

在组件的上方引用@fe6/icon-cube-vue，并在组件的模板函数中使用:

<template>
  <CubeVideo />
</template>
<script>
  import { CubeVideo } from '@fe6/icon-cube-vue';

  export default {
    components: {
      CubeVideo,
    },
  };
</script>

Style Sheet

引用预设样式

import '@fe6/icon-cube-vue/styles/index.css';

按需加载

可以使用babel-plugin-import来按需加载图标

配置如下:

{
  "plugins": [
    [
      "import",
      {
        "libraryName": "@fe6/icon-cube-vue",
        "libraryDirectory": "es/icons",
        "camel2DashComponentName": false
      }
    ]
  ]
}

属性

属性名称 介绍 类型 默认值 注释
theme 图标主题 'outline' | 'filled' | 'two-tone' | 'multi-color' 'outline'
size 图标的大小，宽高相同 number | string '1em'
spin 给图标加旋转效果 boolean false
colors 图标的颜色，不超过 4 个颜色，默认为当前颜色 string | string[] 'currentColor'
strokeLinecap svg 元素的 stroke-linecap 属性 'butt' | 'round' | 'square' 'round'
strokeLinejoin svg 元素的 stroke-linejoin 属性 'miter' | 'round' | 'bevel' 'round'
strokeWidth svg 元素的 stroke-width 属性 number 4

Related Packages

@fe6/icon-img

Water Icon 的纯 HTML 图标

30,339 0
component components design fe6 fe6 icon icon icon pack icon park iconpark svg +4
@fe6/icon-vue

Water Icon 的 VUE3 图标

16,901 0
component components design fe6 fe6 icon icon icon pack icon park iconpark svg +5
@icon-park/vue-next

Vue3 Icons for IconPark

335,006 9,040
component components design icon icon pack icon park iconpark svg system icons vue
@icon-park/vue

Vue Icons for IconPark

41,747 9,039
component components design icon icon pack icon park iconpark svg system icons vue
@icon-park/svg

Pure Svg Icons for IconPark

380,093 9,040
component components design icon icon pack iconpark svg system icons

Version History

Version Released Vue License
1.2.2 ^3.2.31 MIT
1.2.1 ^3.2.31 MIT
1.2.0 ^3.2.31 MIT
1.1.4 3.x MIT
1.1.3 3.x MIT