YCloud for Vanilla JavaScript

The core YCloud Icons package for vanilla JavaScript applications. This package allows you to easily add scalable vector icons to any web project without framework dependencies. Perfect for static websites, legacy applications, or when you need lightweight icon integration with maximum browser compatibility.

What you can accomplish:

• Add icons to HTML using simple data attributes
• Dynamically create and insert SVG icons with JavaScript
• Customize icon appearance with CSS classes and inline styles
• Tree-shake unused icons to keep bundle sizes minimal
• Use icons in Vanilla JS with HTML

YCloud is designed to be lightweight and easy to use, making it an excellent choice for projects that require icons without the overhead of a full framework integration.

Overview

Getting startedLearn how to get started with YCloud Icons.

Basics

ColorAdjust the color of your icons.SizingAdjust the size of your icons.Stroke widthAdjust the stroke width of your icons.

Advanced

Global stylingApply options and styles globally.Shadow DOMRender and replace icons inside Shadow DOM.Template elementUsing content template element with YCloud Icons.AccessibilityMaking your icons accessible.Filled iconsUsing filled icons in ycloud.