// src/main.tsx
import 'oxide-icons';

function Toolbar() {
  return <ox-icon name="save" family="actions" />;
}

// vite.config.ts
vue({
  template: {
    compilerOptions: {
      isCustomElement: (tag) => tag.startsWith('ox-'),
    },
  },
});

<script>
  import 'oxide-icons';
</script>

<ox-icon name="home" family="navigation"/>

<script type="module">
  import 'oxide-icons';
</script>

<ox-icon name="search" family="ui"></ox-icon>

<script type="module"
  src="https://cdn.jsdelivr.net/npm/oxide-icons@0.2.0/dist/index.js"></script>

<ox-icon name="search" family="ui"></ox-icon>