Justineo / vue-awesome

Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.

Home Page:https://justineo.github.io/vue-awesome/demo/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Transfrom style not working on path style ?

websanova opened this issue · comments

Just trying to do a translation.

import Icon from 'vue-awesome/components/Icon';

Icon.register({
  'livid/knob': {
    width: 74,
    height: 74,
    paths: [{
        style: 'fill-rule:evenodd; clip-rule:evenodd; transform:translate(35.7385, 2.32074); fill:#fff;',
        d: 'M3.21948 0.0103149C2.72314 0.122192 2.18872 0.183044 1.63232 0.183044C1.05884 0.183044 0.509033 0.118408 0 0V34.4558C0 35.343 0.720703 36.0622 1.60962 36.0622C2.49878 36.0622 3.21948 35.343 3.21948 34.4558V0.0103149Z'
    }]
  }
});

The transform seems to be ignored ?

transform:translate(35.7385, 2.32074); is not a valid style statement. Arguments for translate should be lengths (with units) or percentages.