v1 · 2 400 глифов · пять начертаний

Один набор иконок.
Отдаётся с края сети.

Iconhaus держит одну согласованную библиотеку — пять начертаний, одна сетка — и отдаёт каждый глиф, адресуя его по содержимому, из ближайшего к пользователю региона. Подключите компонент или ссылайтесь на SVG напрямую; остальное сделает кэш.

Получить ключ Документация

установка

npm i @iconhaus/react

import { Glyph } from "@iconhaus/react"
<Glyph name="compass" weight="bold" size={24} />

2 400 глифов5 начертаний38 регионов11 мс медианная выдача

Посмотреть набор

Срез библиотеки — та же сетка, пять начертаний, один визуальный язык. Каждый глиф — SVG меньше полукилобайта.

Всё, чего ждёшь от CDN иконок

То, что нужно дизайн-системе и что никто не любит настраивать: начертания, доставка, tree-shaking и версия, которую можно закрепить.

Пять начертаний, одна сетка

Тонкое, лёгкое, обычное, полужирное и жирное — на одной 24-пиксельной сетке, поэтому строка из разных начертаний всё равно выровнена.

Отдаётся с края сети

Каждый глиф адресуется по содержимому и кэшируется неизменяемо в 38 регионах. Со своей стороны менять ничего не нужно — копия рядом.

Tree-shaking или прямая ссылка

Подключите один компонент и соберите только используемые глифы или ссылайтесь на сырой SVG, когда сборка избыточна.

Закрепление версии

Каждый релиз заморожен. Обновляйтесь, когда решите; закреплённый тег не поменяет форму под вами.

Свои подмножества, собираются по запросу

Запросите только те глифы, что реально используете, — мы соберём подмножество. Сборка асинхронная: опрашивайте её и забирайте части по мере готовности.

опросить сборку

# subsets are built asynchronously — poll until the parts are ready
GET /api/v1/subsets/9f2c1ab4e07d4c8fa1b3d65e08c47a12

200 OK  ·  cache-control: no-store
{ "state":"building", "parts":12, "ready":7 }

# then pull each part as it lands
GET /api/v1/subsets/9f2c1ab4e07d4c8fa1b3d65e08c47a12/7

Сделано для дизайн-систем

Согласованно по построению

Каждый глиф проходит одни и те же проверки сетки, кейлайна и оптического веса перед выпуском. Ни одного случайного 23-пиксельного выброса.

Быстро там, где важно

Медианная выдача 11 мс в 38 регионах, измеренная в браузере, а не нашими же пробниками.

Сначала API

Всё, что делает сайт, — задокументированный эндпоинт. Пакеты для React, Vue, Svelte и чистого SVG.

Встраивается в то, что уже есть

ReactVueSvelteFigmaTailwindSwiftUIFlutterWeb Components

Получите ключ и отдайте иконку сегодня

Бесплатный тариф покрывает 50 ГБ доставки и всю библиотеку, без обязательной атрибуции.