Free · Open Source · v1.0

Icons by
Yenetch.

One line of code. Professional icons everywhere — arrows, UI, brands, media, and more. Always consistent.

Browse Icons How to install
index.html — Yenetch Icons
<!-- 1. Add once -->
<script src="yi.js"></script>
<!-- 2. Use anywhere -->
<i class="yi yi-arrow-right"></i>
<i class="yi yi-chevron-down" size="32"></i>
<i class="yi yi-refresh" color="#0071e3"></i>
Live Preview
yi-arrow-right 24px
yi-chevron-down 32px
yi-refresh #0071e3
Icons auto-replace on load
0+
Icons
0
Categories
0
Dependencies
1
Script Tag
MIT
License
Icon Browser
Browse & copy any icon.
Click any icon to copy its HTML tag. Filter by category or search by name.
Loading…
Brand Icons
Exact brand logos.
Accurate SVG reproductions of major company logos. Same grid, same rules.
Installation
One line.
Works everywhere.
Add the script once to your HTML head. Then use icons anywhere — plain HTML, React, Vue, or any framework.
AttributeExampleDescription
sizesize="32"Width & height in px
colorcolor="#0071e3"Any CSS color
stroke-widthstroke-width="2"Override stroke
titletitle="Go right"Accessibility label
step-1.html HTML
<!-- Add once to <head> -->
<script src="https://cdn.yenetch.com/yi.js"></script>
That's all the setup needed.
step-2.html HTML
<i class="yi yi-arrow-right"></i>
<i class="yi yi-github" size="32"></i>
<i class="yi yi-heart" color="red"></i>
Icons replace automatically.
js-api.js JS
YIcons.list() // all names
YIcons.search('arrow') // filter
YIcons.render('yi-heart',opts)
YIcons.refresh() // dynamic DOM
Design Spec
7 rules. Never broken.
Every icon follows the same visual grammar. That's why they always look right together.
01
Stroke 1.5
Every path uses the same weight. Always.
stroke-width="1.5"
02
Round caps
Endpoints and corners always rounded.
linecap="round"
03
24×24 grid
2px padding. Never outside safe area.
viewBox="0 0 24 24"
04
No fill
Outline style throughout. No exceptions.
fill="none"
05
currentColor
Inherits color from CSS. Works in any theme.
stroke="currentColor"
06
16px readable
Every icon tested at minimum size.
min: 16px
07
Optical balance
Looks centered, not just mathematically centered.
trust the eye
Expandable
Add any category. Spec ensures it matches the rest.
see RULES.md