Exclusive Icon library for Various UI Needs!
Offered as fundamental SVG icons and through official libraries for React, Vue, Svelte and Solid libraries.

Browse at Vixatica Icons →

React

First, install @vixatica-icons/react from npm:

npm install @vixatica-icons/react

Now each icon can be imported individually as a React component:

import { AddOutline } from '@vixatica-icons/react'

function MyComponent() {
  return (
    <div>
      <AddOutline color={'red'} height={1000} width={1000} />
      <p>...</p>
    </div>
  )
}

Vue

Note that this library currently only supports Vue 3.

First, install @vixatica-icons/vue from npm:

npm install @vixatica-icons/vue

Now each icon can be imported individually as a Vue component:

<template>
  <div>
     <AddOutline :height="1000" :width="1000" :color="'red'" />
    <p>...</p>
  </div>
</template>

<script setup>
import { AddOutline } from '@vixatica-icons/vue'
</script>

Svelte

First, install @vixatica-icons/svelte from npm:

npm install @vixatica-icons/svelte

Now each icon can be imported individually as a Svelte component:

<h1>Welcome to SvelteKit</h1>
<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>

<AddOutline color='red' height={32} width={32} />

<script lang="ts">
    import { AddOutline } from "@cavitiaxaicons/svelte";
</script>

Solid

First, install @vixatica-icons/solid from npm:

npm install @vixatica-icons/solid

Now each icon can be imported individually as a Solid component:

import { AddOutline } from '@vixatica-icons/solid'

function MyComponent() {
  return (
    <div>
      <AddOutline color={'red'} height={1000} width={1000} />
      <p>...</p>
    </div>
  )
}

License

This library is MIT licensed.