YCloud Icons for Vue

YCloud Icons provides a Vue icon component library that makes it easy to integrate icons into your applications. Each icon is available as a standalone Vue component, allowing for seamless integration and customization.

List of features:

• Easy to Use: Import icons as Vue components and use them directly in your Vue components with JSX.
• Customizable: Adjust size, color, and other properties via props.
• Tree-shakable: Only the icons you use are included in your final bundle
• TypeScript Support: Fully typed components for better developer experience.
• Style entrypoints: Component names stay stable, while style variants can be separated by package entrypoints.

Overview

Getting startedLearn how to get started with YCloud for Vue.

Basics

ColorAdjust the color of your iconsSizingAdjust the size of your iconsStroke widthAdjust the stroke width of your icons

Advanced

TypescriptAll exported types and how to use themAccessibilityMaking your icons accessibleGlobal stylingApply global styles to all iconsFilled iconsUsing filled icons in @ycloud-web/icons-vueAliased NamesUsing aliased icon namesCombining iconsCombine multiple icons into one