Getting Started
SenangStart Icons is a curated icon library designed for web projects. It provides a simple, consistent API for using icons across your applications.
What is SenangStart Icons?
SenangStart Icons offers:
- Web Component-based - Use icons as custom HTML elements
- Consistent Design - All icons follow a unified design language
- Easy Customization - Control size, color, and stroke width
- Lightweight - Optimized SVG icons for fast loading
Quick Example
html
<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/@bookklik/senangstart-icons/dist/senangstart-icon.min.js"></script>
</head>
<body>
<ss-icon icon="home"></ss-icon>
<!-- Use CSS for sizing and color -->
<ss-icon icon="user" style="font-size: 32px;"></ss-icon>
<ss-icon icon="settings" style="color: #3498db;"></ss-icon>
</body>
</html>For AI Assistants
If you are using AI coding assistants (like Cursor, Windsurf, or others), you can provide them with our specialized context file. This file contains the full list of available icons and usage instructions in a format optimized for LLMs.
File location: https://bookklik-technologies.github.io/senangstart-icons/llms.txt
Next Steps
- Installation - Learn different ways to install
- Usage - Detailed usage instructions
- Styling - Customize icon appearance