Teenyicons

What Is Teenyicons?

Teenyicons is a free icon library offering over 1,200 tiny, minimal icons designed on a 15x15 grid with 1px stroke weight. These SVG icons, available in both outline and solid styles, serve as subtle design elements for web, app, and UI projects. Teenyicons fits into design workflows where compact, crisp icons are needed for small spaces, such as navigation menus, buttons, or micro-interactions, and is accessible via npm installation, direct SVG copy, or Figma plugins.

What Teenyicons Does

• Provides 1,200 icons across categories including basics, arrows, commerce, technology, social media, files, and UI elements.
• Offers icons in outline and solid variants, designed on a 15x15 grid for clarity in small sizes.
• Supports SVG format with editable 1px stroke, allowing color changes via CSS.
• Includes sprite sheets: full set (510 KB), outline-only (270 KB), and solid-only (240 KB) for efficient loading.
• Enables direct inline usage by copying SVGs from outline or solid directories.
• Distributes via npm package for integration into development projects.

How Teenyicons Can Be Used

• Copy individual SVGs into HTML for custom icons in web components, with color controlled by CSS properties.
• Reference sprite sheets in projects to load multiple icons efficiently, using <use> elements for icons like arrows or social brands.
• Import the Figma plugin or free icon set into design files for prototyping UI elements such as buttons, tabs, or status indicators.
• Install via npm in React, Vue, or other frameworks to embed icons in applications, supporting workflows from wireframing to production.
• Download as PNG, SVG, or other formats for static assets in presentations, documentation, or print designs.

Who Is Teenyicons For?

Teenyicons suits UI designers, front-end developers, and product teams working on interfaces requiring minimal icon libraries that remain legible at small scales. It supports beginners prototyping in Figma as well as experienced developers integrating icons into scalable web apps, particularly for projects in e-commerce, technology dashboards, or mobile UIs under the MIT license for personal and commercial use. Visit Teenyicons