Tagged articles
4 articles
Page 1 of 1
SQB Blog
SQB Blog
Sep 4, 2025 · Frontend Development

Building a Scalable, Cross‑Platform Icon System for Modern Frontend Projects

This article explains how a unified, maintainable vector icon library was designed, built, and deployed across multiple platforms—including web, mini‑programs, and native apps—using SVG, font formats, Iconify, and automated CI/CD pipelines to boost design‑development collaboration and product consistency.

Frontend Architecturecross‑platformdesign system
0 likes · 10 min read
Building a Scalable, Cross‑Platform Icon System for Modern Frontend Projects
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 30, 2024 · Frontend Development

Varlet Icon Builder: Fast Creation of Enterprise Icon Libraries with Vue and React Support

This article introduces the Varlet icon builder toolchain, which enables rapid creation of enterprise or open‑source icon libraries, supporting SVG to Vue 3, React, ESM/CJS modules, web fonts, automatic component import, Figma integration, and provides CLI commands for development, building, and publishing.

CLIFigmaReact
0 likes · 7 min read
Varlet Icon Builder: Fast Creation of Enterprise Icon Libraries with Vue and React Support
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 12, 2024 · Frontend Development

Rapid Icon Library Toolchain for Vue and React with Varlet

This article introduces a comprehensive toolchain that quickly builds internal or open‑source icon libraries, converting SVGs into Vue 3 and React components, web fonts, and modules, while supporting Figma integration, automatic component import, and full release workflows.

icon librarytoolchainvarlet
0 likes · 5 min read
Rapid Icon Library Toolchain for Vue and React with Varlet
58UXD
58UXD
Mar 18, 2021 · Product Management

How to Build an Efficient B‑End Icon Library: Personas, Principles, and Top Resources

This guide explains how B‑end designers can create a unified icon library by defining enterprise, client, and user personas, applying design principles such as readability, simplicity, and consistency, and leveraging open‑source icon sets to boost productivity and visual harmony.

B-end designUI/UXdesign principles
0 likes · 8 min read
How to Build an Efficient B‑End Icon Library: Personas, Principles, and Top Resources