awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
saeedalipoor avatar

saeedalipoor/icono

0
View on GitHub↗
3,978 stars·300 forks·SCSS·MIT·11 viewsgit.io/icono↗

Icono

Icono is a pure CSS icon library and vector graphics system that renders interface and brand symbols entirely through CSS properties. It serves as an asset-less icon system, eliminating the need for external SVG files, image assets, or font dependencies.

The library enables direct modification of symbol colors and appearances using native CSS properties. This approach allows for dynamic UI styling and the creation of scalable vector graphics that maintain visual quality across different screen sizes.

The system focuses on frontend asset optimization by replacing heavy image and font libraries with lightweight CSS-based rendering. It utilizes CSS primitives and pseudo-elements to compose complex visual shapes within the browser.

Features

  • CSS Vector Graphics - Constructs complex vector-style symbols by combining HTML elements and CSS shapes.
  • Asset-Less Icon Systems - Eliminates external SVG assets and font dependencies to accelerate page loading speeds.
  • Icon Styling - Enables the modification of CSS-rendered symbol appearances using standard stylesheet properties.
  • Geometric Pseudo-Element Mapping - Utilizes before and after pseudo-elements to create the geometric components of each icon.
  • Symbol Color Mappings - Allows dynamic updates to symbol colors using standard CSS properties without altering the structure.
  • Vector Graphics Rendering - Renders sharp, scalable interface symbols that maintain high fidelity across different screen sizes.
  • Dynamic Styling - Provides mechanisms to modify symbol appearance and colors in real time using CSS selectors.
  • Atomic Symbol Definitions - Implements symbols as distinct sets of CSS rules mapped to specific classes for independent styling.
  • Frontend Asset Optimization - Reduces page load times by replacing heavy image and font libraries with lightweight CSS graphics.
  • CSS Only Icons - Class-based icon pack utilizing pure CSS implementation.
  • Open-source projects made by Iranian developers - Listed in the “Open-source projects made by Iranian developers” section of the Github Do Not Ban Us awesome list.

Star history

Star history chart for saeedalipoor/iconoStar history chart for saeedalipoor/icono

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Icono

These projects share indexed features with Icono. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • magicismight/react-native-svgmagicismight avatar

    magicismight/react-native-svg

    7,988View on GitHub↗

    react-native-svg is a cross-platform vector graphics engine and rendering library designed for mobile and web applications. It functions as an SVG to component converter, transforming standard vector markup into renderable components using a compatible component-based architecture. The library enables the rendering of scalable vector graphics across diverse platforms using a single set of components. It ensures visual consistency between web and mobile environments by sharing graphics and providing a unified API. The system covers the creation of custom icons and complex shapes through compo

    TypeScript
    View on GitHub↗7,988
  • software-mansion/react-native-svgsoftware-mansion avatar

    software-mansion/react-native-svg

    7,990View on GitHub↗

    This project is a graphics library for React Native that provides a cross-platform vector rendering engine. It maps SVG XML elements to native graphics APIs, allowing for the creation of scalable shapes and custom illustrations that maintain visual consistency across mobile and web environments. The library functions as a mapper that converts standard SVG markup into declarative component structures. It enables the creation of interactive vector interfaces by providing components that can detect and respond to user touch events. Its capability surface includes drawing basic geometric primiti

    TypeScript
    View on GitHub↗7,990
  • exyte/macawexyte avatar

    exyte/Macaw

    6,050View on GitHub↗

    Macaw is a Swift vector graphics library and animation framework used to create and render scalable geometric shapes and text. It functions as an SVG rendering engine and an interactive vector graphics toolkit for displaying complex artwork while maintaining image quality at any scale. The framework enables the animation of shape properties and node transformations, including the ability to morph one vector path into another. It allows for the integration of external SVG files and the application of linear and radial gradients to fills and strokes. The toolkit covers a range of capabilities

    Swiftanimationdrawinggraphics
    View on GitHub↗6,050
  • originalankur/maptoposteroriginalankur avatar

    originalankur/maptoposter

    10,889View on GitHub↗

    Maptoposter is a geographic data visualization engine that transforms raw OpenStreetMap data into high-quality, minimalist map posters. It functions as a generator that converts complex urban layouts and transportation networks into stylized visual representations suitable for large-scale physical printing. The tool distinguishes itself through a specialized rendering pipeline that combines vector-based graphic generation with a script-aware typography engine. This allows for the automatic detection of global writing systems, ensuring that map labels are correctly formatted and spaced regardl

    Pythondesignmapsmatplotlib-pyplot
    View on GitHub↗10,889
Compare all 30 related projects→

Frequently asked questions

What does saeedalipoor/icono do?

Icono is a pure CSS icon library and vector graphics system that renders interface and brand symbols entirely through CSS properties. It serves as an asset-less icon system, eliminating the need for external SVG files, image assets, or font dependencies.

What are the main features of saeedalipoor/icono?

The main features of saeedalipoor/icono are: CSS Vector Graphics, Asset-Less Icon Systems, Icon Styling, Geometric Pseudo-Element Mapping, Symbol Color Mappings, Vector Graphics Rendering, Dynamic Styling, Atomic Symbol Definitions.

Which projects share features with saeedalipoor/icono?

Projects with overlapping indexed features include: software-mansion/react-native-svg — This project is a graphics library for React Native that provides a cross-platform vector rendering engine. It maps… exyte/macaw — Macaw is a Swift vector graphics library and animation framework used to create and render scalable geometric shapes… magicismight/react-native-svg — react-native-svg is a cross-platform vector graphics engine and rendering library designed for mobile and web… originalankur/maptoposter — Maptoposter is a geographic data visualization engine that transforms raw OpenStreetMap data into high-quality,… joanzapata/android-iconify — android-iconify is a multi-provider icon framework and library for Android applications. It enables the integration… andlabs/ui — This project is a cross-platform UI framework and native desktop GUI library. It provides a unified set of…