What's to see here?
Check the Network activity for this page. It loads the HTML file and that's it. The rest is Unicode and Magic!
Unordered lists with custom icons
- Some data to list
- This is supposed to be a list entry
- Lorem ipsum dolor sit amet?
- This is meant to be a warning!
- In fact, the whole list is a warning!
- Lorem ipsum dolor sit amet?
Ycons Project Structure (built with Ycons)
ycons/
README.md
example/
advanced.usage.html
assets/
screen-shot-ycons-startpage-1-v1.0.3.png
screen-shot-ycons-startpage-2-v1.0.3.png
screen-shot-ycons-startpage.png
downloads/
ycons-all.css
ycons-all.html
ycons-all.json
ycons-all.min.css
favicon.ico
index.html
scripts/
USAGE.md
emoji-test.extended.txt
emoji-test.txt
emojis.extended.json
parse-emojis.js
"Do not try and bend the icon. That's impossible. Instead… only try to realize the truth." — Element Boy
"What truth?" — Vueh's Witnesses
"There is no icon. Then you'll see that it is not the icon that changes, it is only your element." — Element Boy
Icon Cards Grid Layout
Performance
Lightning-fast loading with ultra-lightweight CSS icons.
Security
No external dependencies, works completely offline.
Customizable
Transform, filter, and animate with pure CSS utilities.
Universal
1,918+ Unicode symbols recognized everywhere.
"We're going to need... more advanced techniques." — Yorpheus
"Like what?" — Yeo
"Icon routing. Unicode systems. Advanced state management." — Yorpheus
"downloads framework knowledge directly to brain" (Yeo)
"I know Kung Vue..." — Yeo
"Show me." — Yorpheus
Background Icon Styling
Boost Your Performance
Experience ultra-lightweight icons that load instantly and work everywhere. No more heavy icon fonts or complex SVG setups.
Unleash Creativity
Transform any Unicode character into a styled icon with filters, animations, and transforms. The possibilities are endless.