Tiny minimal 1px icons designed on a 15x15 grid to fit in the smallest spaces while maintaining crispness.
Teenyicons is a collection of tiny, minimal SVG icons designed on a 15x15 grid to fit into extremely small spaces in user interfaces. It solves the problem of icons becoming blurry or illegible when scaled down, ensuring crisp visuals in compact UI components. The icons are available in both outline and solid variants, all built as scalable vector graphics.
Frontend developers and UI designers building applications with space-constrained interfaces, such as dashboards, toolbars, or mobile apps where icon clarity at small sizes is critical.
Developers choose Teenyicons for its exceptionally small grid size and crisp minimal design, which outperforms larger icon sets in tight spaces. Its SVG format and sprite support offer flexibility and performance, making it a lightweight, customizable solution for modern web projects.
Tiny minimal 1px icons designed to fit in the smallest places.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Icons are crafted with a 1px stroke on a 15x15 grid, ensuring they remain sharp and legible at tiny scales, as highlighted in the README for constrained spaces.
Available in both outline and solid styles, providing design versatility to match different UI needs without additional customization.
Provided as scalable vector graphics, allowing easy color changes via CSS, as demonstrated in the inline usage examples with `currentColor`.
Includes pre-built sprites for all icons, outline-only, and solid-only sets, reducing HTTP requests and improving load times in web applications.
Lacks official components for popular frameworks like React or Vue, requiring manual SVG integration, as acknowledged in the roadmap.
The all-in-one sprite is around 510 KB, which can be bulky for lightweight projects if only a few icons are needed, potentially impacting performance.
Users must copy SVGs or configure sprites manually, adding complexity compared to icon libraries with CDN or npm imports that offer plug-and-play usage.