Softonic

Конструктор SVG-иконок

x-init="restore()" >
Шаг 1 / 2
Далее

Создайте простую SVG-иконку, не отправляя дизайн куда-либо. Выберите один из двенадцати встроенных символов и настройте размер, толщину и цвет обводки, заливку, цвет фона и радиус углов. Готовый файл использует фиксированную viewBox 24×24; его можно скопировать как SVG-код или скачать.

Создайте иконку за четыре шага

  1. 1

    Выберите символ

    Сердце, звезда, галочка, крестик, круг, квадрат, треугольник, стрелка, молния, луна, солнце или колокольчик. Это фиксированные заготовки, а не свободный холст.

  2. 2

    Задайте размер

    Выберите ширину и высоту от 32 до 256 px. Внутренняя viewBox остаётся 24×24.

  3. 3

    Настройте стиль

    Настройте обводку от 0,5 до 6, выберите цвет, отсутствие заливки, currentColor или цвет обводки, а затем фон и радиус углов.

  4. 4

    Скопируйте или скачайте

    Скопируйте сгенерированный SVG-код или скачайте файл. В имени используется выбранный символ, например heart.svg.

Что создаёт этот инструмент

Экспорт содержит SVG 24×24, фоновый прямоугольник и готовый символ. Он подходит для макета, небольшого интерфейса или прототипа. Инструмент не импортирует иллюстрации, не редактирует точки пути, не добавляет текст и не создаёт собственную иконку по запросу.

Заливка, использование и конфиденциальность

Для контурной иконки выберите Нет. currentColor связывает заливку со свойством CSS color родительского элемента при вставке SVG в разметку. Фоновый прямоугольник всегда входит в экспорт. Иконка создаётся в браузере, а настройки не отправляются на наш сервер. В двухшаговом варианте они временно находятся в session storage этой вкладки.

Часто задаваемые вопросы

Нет. Инструмент оформляет двенадцать встроенных символов. Для рисования или редактирования команд пути используйте редактор SVG-путей.

Нет. Во всех экспортированных файлах используется viewBox 24×24. Можно менять только ширину и высоту от 32 до 256 px.

Нет. SVG создаётся в браузере, а настройки не отправляются на наш сервер.

Сопутствующие инструменты

Сжать GIF

Уменьшайте анимированные GIF прямо в браузере: снижайте размеры, оставляйте меньше кадров и настраивайте качество кодирования. Проверьте петлю перед скачиванием.

Палитра цветов Material Design

Просмотрите палитру цветов Material Design. Копируйте любой оттенок (от 50 до A700) в форматах HEX, RGB или HSL одним нажатием.

Конструктор тир-листов

Создайте приватный тир-лист из текста и локальных изображений. Настройте уровни, распределите элементы мышью или клавиатурой и экспортируйте в JSON, PNG или SVG.

Конвертер JPG в Word

Конвертируйте JPG-фото или скриншот текста в редактируемый документ Word. Инструмент считывает слова с помощью OCR и раскладывает их, чтобы вы могли переписать, отформатировать и переиспользовать их.

Генератор надписей граффити

Создавайте надписи в стилях тег, баббл, блок, трафарет, неон и вайлд. Настраивайте цвета и экспортируйте PNG или SVG прямо в браузере.

Конструктор флагов

Создайте в браузере простой собственный флаг 3:2 с шестью компоновками, цветами, текстом и символом. Скачайте SVG или PNG либо откройте диалог печати браузера.

Инструмент доступен на других языках