icons-vue-kit

SVG Icon Collection

Overview

Welcome to the SVG Icon Collection!
This repository offers a versatile set of SVG icons that can be seamlessly integrated into your Vue.js projects for scalable and customizable graphics. Each icon in this collection comes with customizable properties like color, width, height, and fill.

Documentation

For complete documentation, visit our Storybook.

Available Icons

Accessibility

Heart Icons

Activity Log

Alignment Icons

Shape Icons

Social Media Icons

Navigation Icons

Tool Icons

Miscellaneous Icons

Icon Properties

Property	Description	Example
color	Changes the icon’s color	color="red"
width	Sets the icon’s width	width="50"
height	Sets the icon’s height	height="50"
fill	Defines the icon’s fill style	fill="solid"

Usage

1. Install & Import

npm install icons-vue-kit

Then in your Vue component:

<template>
  <div>
    <HeartFilled color="red" width="40" height="40" fill="solid" />
  </div>
</template>

<script>
import { HeartFilled } from 'icons-vue-kit';

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

2. Customize Icons

<HeartFilled :color="'blue'" :width="'60'" :height="'60'" :fill="'none'" />

Contribution

We welcome contributions!
Feel free to fork the repo, add your icons, and submit a pull request.

License

This icon set is licensed under the MIT License.