t-svg-icon

This component renders an SVG component path.

For more icon options and examples, see t-icon.

Basic

import { TSvgIcon } from "@dija/tohama-components";
import { mdiAccountCircle } from "@mdi/js";
import { defineComponent } from "vue";

export default defineComponent({
  setup() {
    return () => (
      <TSvgIcon
        path={mdiAccountCircle} //
      />
    );
  },
});

Sizes

<TSvgIcon
  path={mdiHome}
  size="74" //
/>

Colors

<TSvgIcon
  path={mdiCheckCircleOutline}
  class="text-orange-600" //
/>

API

No options available

Icons

t-iconify

Popups

t-drawer

Table of Contents