Vue Press

# SvgIcon SVG 图标

SVG 图标组件

# 属性

# name

  • 类型：{String}
  • 说明：图标名
  • 默认值：''

# disabled

  • 类型：{Boolean}
  • 说明：是否禁用
  • 默认值：false

# color

  • 类型：{String}
  • 说明：图标颜色
  • 默认值：'currentColor'

# size

  • 类型：{String}
  • 说明：图标尺寸
  • 默认值：''

# rotate

  • 类型：{Number}
  • 说明：图标旋转角度
  • 默认值：0

# 示例

<template>
  <div style="padding: 40px 0;">
    <svg-icon name="add" size="30px" />
    <svg-icon name="application" color="#ff4200" size="30px" />
    <svg-icon name="camera" rotate="45" size="30px" />
  </div>
</template>

<script>
  import { SvgIcon } from '@fe/packages/components'

  export default {
    name: 'SvgIconExample',
    components: {
      SvgIcon
    }
  }
</script>

<style lang="scss" scoped>
  .svg-icon {
    margin-right: 40px;
  }
</style>

←