Implementation of the MingCute Icons library for Vue applications.
Browse all icons at MingCute.com →
npm install @mingcute/vue
# or
yarn add @mingcute/vue
# or
pnpm add @mingcute/vueImport icons from @mingcute/vue.
<template>
<div>
{/* Default: 24px size and currentColor */}
<MingcuteFill />
{/* Custom size and color */}
<Home1Line size={32} color="#007AFF" />
{/* Inherits standard SVG props */}
<SearchLine opacity={0.5} />
</div>
</template>
<script setup>
import { MingcuteFill, Home1Line, SearchLine } from '@mingcute/vue';
</script>All icons accept standard SVG attributes and the following optional props:
| Prop | Type | Default | Description |
|---|---|---|---|
size |
number | string |
24 |
The size of the icon (width and height). |
color |
string |
currentColor |
The color of the icon. |
You can control the icon color using the color prop or CSS color property.
The icons use currentColor by default, so they will inherit the text color of their parent element.
<!-- Use color prop -->
<MingcuteFill color="red" />
<!-- Use CSS inheritance -->
<div style="color: blue">
<HomeLine />
</div>