How to use the veui/components/Icon.register function in veui

To help you get started, we’ve selected a few veui examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ecomfe / veui / packages / veui-theme-one-icons / icons / basketball-clothes.js View on Github external
import Icon from 'veui/components/Icon'

Icon.register({
  'basketball-clothes': {
    raw: '',
    width: '48',
    height: '48'
  }
})
github ecomfe / veui / packages / veui-theme-one-icons / icons / calculator.js View on Github external
import Icon from 'veui/components/Icon'

Icon.register({
  calculator: {
    raw: '',
    width: '48',
    height: '48'
  }
})
github ecomfe / veui / packages / veui-theme-one-icons / icons / undo.js View on Github external
import Icon from 'veui/components/Icon'

Icon.register({
  undo: {
    paths: [
      {
        d: 'M4.4 14a22 22 0 1 1 0 20M4 14V4',
        fill: 'none',
        'stroke-linecap': 'round',
        'stroke-linejoin': 'round',
        stroke: 'currentColor',
        'stroke-width': '4'
      }
    ],
    width: '48',
    height: '48'
  }
})
github ecomfe / veui / packages / veui-theme-one-icons / icons / shield-check.js View on Github external
import Icon from 'veui/components/Icon'

Icon.register({
  'shield-check': {
    raw: '',
    width: '48',
    height: '48'
  }
})
github ecomfe / veui / packages / veui-theme-one-icons / icons / compress-alt.js View on Github external
import Icon from 'veui/components/Icon'

Icon.register({
  'compress-alt': {
    paths: [
      {
        d: 'M46 28H30a2 2 0 0 0-2 2v16m18 0L30 30M28 2h16a2 2 0 0 1 2 2v16M20 46H4a2 2 0 0 1-2-2V28m0-8h16a2 2 0 0 0 2-2V2m-2 16L2 2',
        fill: 'none',
        'stroke-linecap': 'round',
        'stroke-linejoin': 'round',
        stroke: 'currentColor',
        'stroke-width': '4'
      }
    ],
    width: '48',
    height: '48'
  }
})
github ecomfe / veui / packages / veui-theme-one-icons / icons / map-signs.js View on Github external
import Icon from 'veui/components/Icon'

Icon.register({
  'map-signs': {
    raw: '',
    width: '48',
    height: '48'
  }
})
github ecomfe / veui / packages / veui-theme-one-icons / icons / chevron-circle-right.js View on Github external
import Icon from 'veui/components/Icon'

Icon.register({
  'chevron-circle-right': {
    raw: '',
    width: '48',
    height: '48'
  }
})
github ecomfe / veui / packages / veui-theme-dux / icons / triangle-left.js View on Github external
import Icon from 'veui/components/Icon'
Icon.register({
  "triangle-left": {
    "width": "96",
    "height": "96",
    "paths": [
      {
        "d": "M52.78 25.74c3.78-3.77 10.24-2.06 10.24 3.28v38c0 5.35-6.46 7-10.24 3.22l-18.03-18a6 6 0 0 1 0-8.5l18.03-18z",
        "fill-rule": "evenodd"
      }
    ]
  }
})
github ecomfe / veui / packages / veui-theme-one-icons / icons / align-text-middle.js View on Github external
import Icon from 'veui/components/Icon'

Icon.register({
  'align-text-middle': {
    paths: [
      {
        d: 'M16 38l8-8 8 8m-8-7v15M2 24h44M32 10l-8 8-8-8h0m8-8v15',
        fill: 'none',
        'stroke-linecap': 'round',
        'stroke-linejoin': 'round',
        stroke: 'currentColor',
        'stroke-width': '4'
      }
    ],
    width: '48',
    height: '48'
  }
})
github ecomfe / veui / packages / veui-theme-one-icons / icons / bring-to-front.js View on Github external
import Icon from 'veui/components/Icon'

Icon.register({
  'bring-to-front': {
    raw: '',
    width: '48',
    height: '48'
  }
})