iconfont

Iconfont — Единая платформа для иконок, шрифтов и векторной графики

Что такое Iconfont?

Iconfont — это платформа управления иконками, шрифтами и векторной графикой, запущенная Alibaba. Она помогает дизайнерам, разработчикам, менеджерам продуктов и контент-менеджерам быстро находить, управлять, скачивать и использовать огромное количество векторных иконок и шрифтов. Пользователи могут найти на платформе бесплатные коммерчески доступные иконки различных стилей, а также загружать собственные иконки для управления проектами. Целевая аудитория Iconfont включает: веб-разработчиков, мобильных разработчиков, UI/UX-дизайнеров, команды электронной коммерции и контент-менеджмента, индивидуальных веб-мастеров и других.

Почему выбирают Iconfont?

Выбирая Iconfont, пользователи получают эффективный, профессиональный и масштабируемый способ управления ресурсами иконок. По сравнению с другими сайтами иконок, Iconfont выделяется в следующих аспектах:

• Богатая коллекция иконок, охватывающая такие области, как повседневная жизнь, офис, технологии, электронная коммерция, приложения, данные и многие другие.
• Предоставление экспорта в различных форматах, таких как SVG, PNG, Iconfont, удовлетворяя все потребности разработки и дизайна.
• Поддержка управления проектами и настройки иконок, что удобно для персонализированного использования и командной работы.
• Полная поддержка коммерческих потребностей, большинство иконок можно напрямую использовать в коммерческих проектах, избавляя от проблем с авторскими правами.
• Глубокая интеграция с экосистемой Alibaba, подходит для сценариев использования в магазинах Taobao, разработке DingTalk, Alipay и других.

Ключевые функции Iconfont

• Поиск огромной коллекции иконок
  Пользователи могут быстро находить нужные ресурсы иконок с помощью ключевых слов, категорий или фильтров по стилю. Система обновляется ежедневно, охватывая широкий спектр.

• Скачивание иконок и преобразование форматов
  Платформа позволяет скачивать в один клик в форматах SVG/PNG/EPS и шрифтов Iconfont, быстро адаптируясь к множеству платформ, таких как H5, Web, iOS, Android.

• Управление проектами иконок
  Поддержка совместного управления проектами членами команды, ведение приватных/публичных проектов. Пользовательские группы, массовый импорт и теги для упорядоченной организации.

• Онлайн-редактирование и настройка
  Предоставление онлайн-редактора иконок. Пользователи могут настраивать цвет, размер, вращение, объединение и другое без использования стороннего программного обеспечения.

• API и автоматическая интеграция с фронтендом
  Предоставление фрагментов кода, ссылок на проекты, CDN и других инструментов, позволяющих интегрировать с фреймворками разработки, такими как Vue, React, мини-программы, простым копированием и вставкой.

Как начать использовать Iconfont?

1. Перейдите по адресу https://www.iconfont.cn и нажмите «Регистрация/Вход».
2. Просмотрите главную страницу или используйте поисковую строку, введя ключевые слова для поиска нужных иконок.
3. Выберите подходящие иконки, добавьте их в свой проект, нажмите «Скачать», выберите формат вывода и скачайте для непосредственного использования.
4. Для командной работы добавьте членов команды в управление проектом для совместного использования и настройки иконок.

Советы по использованию Iconfont

• Рациональное использование фильтров по тегам
  Добавление конкретных ключевых слов и тегов при поиске позволяет быстрее находить иконки подходящего стиля.

• Настройка CDN-адреса проекта для удобства фронтенд-разработки
  Создание CDN-ссылки для проекта иконок позволяет подключить JS/CSS один раз, и все выбранные иконки будут доступны на всем сайте без необходимости повторного скачивания.

• Импорт пользовательских SVG
  Если на платформе нет нужного стиля, можно загрузить пользовательские SVG-иконки в проект, управлять ими единообразно и экспортировать во всех необходимых форматах.

Часто задаваемые вопросы о Iconfont (FAQ)

• Вопрос: Можно ли использовать Iconfont сейчас?
  Ответ: Iconfont в настоящее время доступен круглосуточно. Пользователи могут напрямую访问 официальный сайт, войти через веб-страницу и немедленно начать поиск и скачивание ресурсов иконок.

• Вопрос: Что конкретно может сделать для меня Iconfont?
  Ответ: Iconfont может помочь вам быстро найти высококачественные векторные иконки для таких сценариев, как Web, приложения, PPT, электронная коммерция, презентации продуктов. Вы также можете использовать его для единого управления командными иконками, массового экспорта в различные форматы и автоматической интеграции с фронтендом. Например, менеджеры электронной коммерции могут использовать товарные метки, программисты могут настраивать专属ные функциональные иконки для проектов, дизайнеры могут гибко调整 стили и экспортировать исходные файлы.

• Вопрос: Нужно ли платить за использование Iconfont?
  Ответ: Большинство базовых функций, ресурсов иконок и форматов скачивания на платформе Iconfont бесплатны для всех пользователей. Некоторые высококачественные коммерческие ресурсы,定制ные потребности или增值ные услуги командной работы могут требовать оплаты, но обычные индивидуальные пользователи и команды разработчиков обычно не платят дополнительно.

• Вопрос: Когда был запущен Iconfont?
  Ответ: Iconfont был запущен группой Alibaba в 2013 году и за多年 развития стал主流ным инструментом управления иконками в отрасли.

• Вопрос: Что лучше для меня: Iconfont или Font Awesome?
  Ответ: Iconfont и Font Awesome — обе известные платформы векторных иконок. Font Awesome ориентирована на интернационализацию, единообразие UI-дизайна, богатство брендовых иконок, часто используется в зарубежных проектах. Iconfont имеет большое количество иконок, полное покрытие китайских сценариев, подходит для локальных пользователей Китая и команд, нуждающихся в китайских/пользовательских иконках. Обе поддерживают экспорт в多种 форматах и совместимость с фреймворками фронтенда, но Iconfont загружается быстрее в китайской сетевой среде и больше подходит для пользователей, которым нужны только китайские иконки или командное управление.

• Вопрос: Можно ли использовать иконки Iconfont в коммерческих целях?
  Ответ: Большинство иконок на платформе Iconfont, помеченных как «бесплатные для коммерческого использования», можно напрямую использовать в коммерческих проектах, но пользователям все равно следует обращать внимание на конкретные условия лицензирования каждой иконки. Некоторые специальные иконки могут требовать отдельного подтверждения.

• Вопрос: Какие среды разработки поддерживает Iconfont?
  Ответ: Iconfont поддерживает веб, нативную разработку для мобильных устройств (iOS, Android), мини-программы, Vue, React, Angular, Flutter и другие популярные фреймворки фронтенда. Пользователи могут выбрать подходящий способ引用 кода в соответствии с потребностями проекта.

• Вопрос: Поддерживается ли二次编辑 иконок?
  Ответ: Поддерживается. Онлайн-редактор Iconfont позволяет выполнять二次编辑 иконок, такое как увеличение/уменьшение, окрашивание, вращение и другое,操作便捷 и не требует установки локального программного обеспечения.