填充图标
填充官方不支持。 然而,所有 SVG 属性在所有图标上都可用。 填充仍然可以使用,并且在某些图标上工作良好。
使用星星的示例:
import { Star, StarHalf } from "lucide-react"; import "./icon.css"; function App() { return ( <div className="app"> <div className="star-rating"> <div className="stars"> { Array.from({ length: 5 }, () => ( <Star fill="#111" strokeWidth={0} /> ))} </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;
Lucide 将来会有填充吗?
此功能已被多次请求,讨论正在 #458 进行。