Skip to content

🎨 Embark on a visual journey with Vixatica Icons – a meticulously curated collection of captivating open-source icons. πŸš€

License

Notifications You must be signed in to change notification settings

njirolu/vixatica-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Vixaticaicons

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.

About

🎨 Embark on a visual journey with Vixatica Icons – a meticulously curated collection of captivating open-source icons. πŸš€

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published