1 views collected around this technical thread.
This article explains how to create a lightweight icon management tool by uploading SVG files, converting them to Symbol elements, packaging them into a JavaScript file for the front‑end, and serving the generated iconfont.js from a back‑end endpoint.
This article walks through creating a responsive bottom navigation bar using semantic HTML, CSS flexbox layouts, Alibaba Iconfont vector icons, custom active-state styles, blur effects, a moving background circle, and JavaScript event handling to achieve smooth animated transitions.
This article explains how to create gradient iconfonts by using CSS background‑clip:text (with transparent text) and optionally mix‑blend-mode:darken, demonstrates a reusable React component that applies gradient backgrounds via style props, and shows graceful degradation with @supports queries for browsers lacking background‑clip support.
This tutorial walks through downloading SVG icons from Alibaba's icon library, extracting the iconfont.js file, importing it globally, creating a reusable Vue component, registering it, and finally using the SVG icons within a Vue 3 backend system built with Express, MySQL, TypeScript, and Pinia.
The article expands the San DevTools technical analysis by detailing how to build Chrome DevTools extensions—defining a devtools page, creating panels, and debugging them—while also covering supporting technologies such as Yarn‑workspace monorepos, TypeScript path aliases, a lightweight middleware server, message‑batching bridges, and custom SVG icon components.
This article explains how to replace image‑based icons in iOS apps with vector icon fonts from Alibaba's iconFont service, covering selection, download, integration of the TTF file, Swift and Objective‑C usage examples, and common pitfalls such as font conflicts and licensing.
In this interview, Qunar's senior frontend director Du Yao explains the origins, features, deployment model, and practical benefits of YIcon—a private, open‑source icon‑font management platform that improves workflow, ensures stable encoding, and supports multi‑platform projects across the company.
Learn step-by-step how to integrate custom icon fonts into a React Native app by downloading icons from Alibaba's Iconfont library, creating the assets/fonts directory, configuring iOS and Android projects, and using the fontFamily property to display vector icons across platforms.