填充图标

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

星星示例：

import Star from 'lucide-solid/icons/star';
import StarHalf from 'lucide-solid/icons/star-half';

import "./icon.css";

function App() {
  return (
    <div class="app">
      <div class="star-rating">
        <div class="stars">
          { Array.from({ length: 5 }, () => (
              <Star fill="#111" strokeWidth={0} />
          ))}
        </div>
        <div class="stars rating">
          <Star fill="yellow" strokeWidth={0} />
          <Star fill="yellow" strokeWidth={0} />
          <StarHalf fill="yellow" strokeWidth={0} />
        </div>
      </div>
    </div>
  );
}

export default App;

Open Sandbox