填充图标

官方不支持填充。但是，所有 SVG 属性都可用于所有图标。填充仍然可以使用，并且在某些图标上效果良好。

星星示例：

<script setup>
import { Star, StarHalf } from "@lucide/vue";
import "./icon.css";
</script>

<template>
  <div class="app">
    <div class="star-rating">
      <div class="stars">
        <Star
          v-for="i in 5"
          fill="#111"
          strokeWidth="0"
        />
      </div>
      <div class="stars rating">
        <Star fill="yellow" strokeWidth="0" />
        <Star fill="yellow" strokeWidth="0" />
        <StarHalf fill="yellow" strokeWidth="0" />

Open Sandbox

填充图标 ​

填充图标