xicons

Include vicons(vue3), ricons(react), sicons(svg) & v2icons(vue2).

SVG Vue/React components integrated from fluentui-system-icons and ionicons.

Icons

https://xicons.vercel.app/

Install

# Install packages on your demand
# For react
npm install --save-dev @ricons/fluent
npm install --save-dev @ricons/ionicons4
npm install --save-dev @ricons/ionicons5
# For vue3
npm install --save-dev @vicons/fluent
npm install --save-dev @vicons/ionicons4
npm install --save-dev @vicons/ionicons5
# For vue2
npm install --save-dev @v2icons/fluent
npm install --save-dev @v2icons/ionicons4
npm install --save-dev @v2icons/ionicons5
# For SVG file
npm install --save-dev @sicons/fluent
npm install --save-dev @sicons/ionicons4
npm install --save-dev @sicons/ionicons5

Usage

For Vue3

import {
  Money16Regular
} from '@vicons/fluent'

// use it in any form you like
// remember it is a SVG component

For React

import {
  Money16Regular
} from '@ricons/fluent'

For Vue2 (you need vue-loader)

import {
  Money16Regular
} from '@v2icons/fluent'

For SVG

<img src="@sicons/fluent/Money16Regular.svg" />

Packages

Vue3

package	version
@vicons/fluent
@vicons/ionicons4
@vicons/ionicons5

React

package	version
@ricons/fluent
@ricons/ionicons4
@ricons/ionicons5

Vue2

package	version
@v2icons/fluent
@v2icons/ionicons4
@v2icons/ionicons5

SVG

package	version
@sicons/fluent
@sicons/ionicons4
@sicons/ionicons5

Credit

• fluentui-system-icons
• ionicons