Lucide 中文网

Appearance

填充图标 ​

🌐 Filled Icons

填充官方不支持。 然而，所有 SVG 属性在所有图标上都可用。 填充仍然可以使用，并且在某些图标上可以正常工作。

🌐 Fills are officially not supported. However, all SVG properties are available on all icons. Fill can still be used and will work fine on certain icons.

星星示例：

🌐 Example with stars:

<!DOCTYPE html>
<html>
  <body>
    <div class="app">
      <div class="star-rating">
        <div class="stars">
          <i data-lucide="star" fill="#111" stroke-width="0"></i>
          <i data-lucide="star" fill="#111" stroke-width="0"></i>
          <i data-lucide="star" fill="#111" stroke-width="0"></i>
          <i data-lucide="star" fill="#111" stroke-width="0"></i>
          <i data-lucide="star" fill="#111" stroke-width="0"></i>
        </div>
        <div class="stars rating">
          <i data-lucide="star" fill="yellow" stroke-width="0"></i>
          <i data-lucide="star" fill="yellow" stroke-width="0"></i>
          <i data-lucide="star-half" fill="yellow" stroke-width="0"></i>
        </div>
      </div>
    </div>

    <script src="index.js">
    </script>
  </body>
</html>
Open on CodeSandboxOpen Sandbox