Convert SVG to Vue component

No. The conversion runs entirely in your browser. The file never leaves your device – there is no server that could see it. Once the page has loaded, the tool even works offline.

Save the file next to your code and import it: import MyIcon from "./MyIcon.vue"; Everything you pass to the component goes to the <svg> element, so <MyIcon class="h-6 w-6" aria-hidden="true" /> works as expected. The component is named after the file, in PascalCase.

The markup stays plain SVG inside a <template>; only the XML prolog, comments and DOCTYPE are removed. Attributes set on the component fall through to the root element via v-bind="$attrs". Unless you switch off “Optimise first”, the SVG is also run through the same optimiser as “Optimise SVG”, which shortens the code noticeably.

Scripts, event handlers, external images and style sheets are removed before the component is generated – you never ship untrusted code by accident.