@jhonatan0912/gicons-v2 NPM

gicons-v2

gicons-v2 is a Vue 2 icon library that provides a set of vector icons, allowing easy integration and customization in your Vue 2 applications.

Installation

You can install gicons-v2 using npm:

With npm

npm install @jhonatan0912/gicons-v2

Usage

Basic Example

<template>
  <div>
    <GIcon name="Burger" size="md" color="black" />
    <GIcon name="Search" size="md" color="black" hover />
  </div>
</template>

<script>
import { GIcon } from "@jhonatan0912/gicons-v2";

export default {
  components: {
    GIcon,
  },
};
</script>

Props

Prop	Type	Default	Description
`name`	String	(required)	Icon name to display (e.g., `"Burger"`, `"Search"`).
`size`	String	`'md'`	Size of the icon (`'sm'`, `'md'`, `'lg'`, etc.).
`hover`	Boolean	`false`	Enables hover effect.
`active`	Boolean	`false`	Indicates active state.
`selected`	Boolean	`false`	Indicates selected state.
`color`	String	`'--p-text-primary'`	Icon color (CSS variable or valid color value).
`hoverColor`	String	`'--p-secondary-low-shade'`	Icon color on hover (CSS variable or valid color).
`rotate`	Number	`0`	Rotates the icon in degrees.

Events

Event	Description
`click`	Emitted when the icon is clicked.

Contributing

If you want to contribute to gicons-v2, please follow these steps:

Fork this repository.
Create a new branch for your feature:
```
git checkout -b feature-new-feature
```
Make your changes and commit them:
```
git commit -am 'Add new feature'
```
Push your branch to your fork:
```
git push origin feature-new-feature
```
Open a Pull Request on the main repository.