lucide/docs/guide/solid/advanced/examples/filled-icon-example/App.jsx

import { Star, StarHalf } from "lucide-solid";
import "./icon.css";

function App() {
  return (
    <div className="app">
      <div className="star-rating">
        <div className="stars">
          <For each={Array(5)}>
            {() => (
              <Star fill="#111" strokeWidth={0} />
            )}
          </For>
        </div>
        <div className="stars rating">
          <Star fill="yellow" strokeWidth={0} />
          <Star fill="yellow" strokeWidth={0} />
          <StarHalf fill="yellow" strokeWidth={0} />
        </div>
      </div>
    </div>
  );
}

export default App;