Vanilla JavaScript 版 YCloud Icons

面向 Vanilla JavaScript 应用的 YCloud Icons 核心包。这个包可以让你在不依赖框架的情况下，轻松为任意 Web 项目添加可缩放矢量图标。它适合静态网站、旧项目，或需要轻量图标集成并保持最大浏览器兼容性的场景。

你可以完成：

• 使用简单的 data 属性将图标添加到 HTML。
• 使用 JavaScript 动态创建并插入 SVG 图标。
• 通过 CSS class 和内联样式自定义图标外观。
• Tree-shake 未使用图标，保持最小包体积。
• 在 Vanilla JS 和 HTML 中使用图标。

YCloud Icons 的设计目标是轻量且易用，适合那些需要图标但不想引入完整框架集成成本的项目。

概览

快速开始Learn how to get started with YCloud Icons.

基础

颜色Adjust the color of your icons.尺寸Adjust the size of your icons.描边宽度Adjust the stroke width of your icons.

进阶

全局样式Apply options and styles globally.Shadow DOMRender and replace icons inside Shadow DOM.模板元素Using content template element with YCloud Icons.无障碍Making your icons accessible.填充图标Using filled icons in ycloud.