SVG to Vue.js component

Convert selected frames to .vue files with common props. Best for icons, logos and illustrations. How to useSelect framesRun pluginCustomize export optionsClick «Download»Copy files to your projectUse in your project <FrameName size="24px" style="color: black" />Component propssize: String optionalwidth: String optionalheight: String optional <FrameIcon size="24px" /><FrameIcon width="24px" /><FrameIcon height="24px" />Export options‘.fill-current-color’ instead of grayscale fill‘.stroke-current-color’ instead of grayscale strokeRemoves grayscale fill/stroke and adds class to the node. Only works if all fills/strokes in the frame are grayscale (if frame has a saturated fill/stroke color the entire frame will be ignored). Best for icons. Don't forget add css rules:.fill-current-color { fill: currentColor }.stroke-current-color { stroke: currentColor }Remove masksRemoves all <mask> nodesRemove frame clipPathSets overflow="visible" and removes clip-path. Useful when you want to keep the size of the frame, but there are elements that go beyond its borders. For example elements with a shadowGithub