Категории

← View All Tools

Генератор SVG Favicon

Преобразует SVG или растровый логотип в полный набор favicon с ICO, PNG-версиями, Apple touch icon и web manifest

Примеры результатов

2 Примеры

Сгенерировать стандартный favicon-набор из SVG

Создает ICO, PNG, Apple touch icon, manifest и готовый HTML-фрагмент из векторного логотипа

svg-favicon-generator-example1.zip Показать файл
Показать параметры ввода
{ "sourceFile": "/public/samples/svg/01-basic-shapes.svg", "backgroundColor": "#ffffff", "fitMode": "contain", "paddingPercent": 10, "siteName": "Studio Atlas", "themeColor": "#0f172a" }

Собрать набор иконок приложения из растрового логотипа

Использует режим cover и темную тему для создания полного набора favicon из PNG-источника

svg-favicon-generator-example2.zip Показать файл
Показать параметры ввода
{ "sourceFile": "/public/samples/images/logo.png", "backgroundColor": "#020617", "fitMode": "cover", "paddingPercent": 4, "siteName": "North Grid", "themeColor": "#020617" }

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/svg+xml, image/png, image/jpeg, image/webp

0 8 35

Ключевые факты

Категория
Media
Типы входных данных
file, color, select, range, text
Тип результата
file
Покрытие примерами
4
API доступен
Yes

Обзор

SVG Favicon Generator превращает SVG или растровый логотип в полный набор favicon с ICO, PNG, Apple touch icon и site.webmanifest.

Когда использовать

  • •Когда у вас есть только SVG-логотип и нужен полный комплект иконок для сайта.
  • •Когда нужно единообразие между вкладкой браузера, iOS и Android.

Как это работает

  • •Загрузите SVG или квадратный логотип.
  • •Настройте фон, режим вписывания и отступ.
  • •Скачайте ZIP с favicon.ico, PNG, manifest и HTML-фрагментом.

Сценарии использования

Быстрая подготовка favicon перед запуском сайта.
Создание единого набора иконок для веб-приложения.

Примеры

1. Сделать favicon-пакет из SVG-логотипа

Frontend-разработчик
Контекст
У вас есть готовый векторный логотип.
Проблема
Нужно быстро получить все иконки сайта без ручного экспорта.
Как использовать
Загрузите SVG, выберите contain и белый фон.
Пример конфигурации
Padding 10%, Theme color #0f172a
Результат
Получаете ZIP со всеми основными favicon-файлами.

Проверить на примерах

xml, image, png
SVG Примеры
Примеры масштабируемой векторной графики (SVG) демонстрирующие различные возможности и техники SVG
title token svg
image
Примеры Обработки Изображений Web Python
Примеры обработки изображений Web Python используя PIL/Pillow включая чтение, сохранение, изменение размера и преобразование формата
preferred input family image
image
Примеры Обработки Изображений Windows C++
Примеры обработки изображений Windows C++ включая чтение/сохранение изображений, изменение размера и преобразование формата с использованием Windows Imaging Component
preferred input family image
image
Примеры Обработки Изображений Web Rust
Примеры обработки изображений Web Rust включая чтение/запись, масштабирование и преобразование форматов
preferred input family image
image

Связанные хабы

Инструменты Xml для Convert
Изучите 33 инструментов xml для сценариев convert и быстро сравните близкие утилиты.
Инструменты Image для Convert
Изучите 100 инструментов image для сценариев convert и быстро сравните близкие утилиты.
Инструменты Video для Convert
Изучите 36 инструментов video для сценариев convert и быстро сравните близкие утилиты.
Инструменты Image
Изучите 40 инструментов image для сценариев utility и быстро сравните близкие утилиты.

FAQ

Поддерживается ли SVG?

Да. Также поддерживаются PNG и JPG.

Что входит в архив?

Архив содержит favicon.ico, PNG разных размеров, apple-touch-icon, Android-иконки, manifest и HTML-сниппет.

Документация API

Конечная точка запроса

POST /ru/api/tools/svg-favicon-generator

Параметры запроса

Имя параметра Тип Обязательно Описание
sourceFile file (Требуется загрузка) Да -
backgroundColor color Нет -
fitMode select Нет -
paddingPercent range Нет -
siteName text Нет -
themeColor color Нет -

Параметры типа файл должны быть загружены сначала через POST /upload/svg-favicon-generator для получения filePath, затем filePath должен быть передан в соответствующее поле файла.

Формат ответа

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Файл: Файл

Документация MCP

Добавьте этот инструмент к конфигурации сервера MCP: 

{
  "mcpServers": {
    "elysiatools-svg-favicon-generator": {
      "name": "svg-favicon-generator",
      "description": "Преобразует SVG или растровый логотип в полный набор favicon с ICO, PNG-версиями, Apple touch icon и web manifest",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=svg-favicon-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Поддерживает ссылки на файлы URL или кодирование Base64 для параметров файла.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]