Перейти к содержимому
outline Apache-2.0 4 векторных узлов
Layout Two - IconPark iconFree Layout Two vector icon from the IconPark open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px Статичная
1. Цвет

Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.

2. Фон холста и преобразования
3. Живые векторные анимации Включено в экспорт SVG
IconPark | Пользовательский интерфейс | viewBox="0 0 48 48" | Бесплатно для коммерческого использования

Layout Two - Векторные и 3D иконки

Источник, автор и лицензия видны в просмотре и в деталях иконки. Layout Two - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере

Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет. layout-two.svg (742 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Layout Two icon"><title>Layout Two - IconPark icon</title><desc>Free Layout Two vector icon from the IconPark open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<rect x="6" y="6" width="36" height="36" rx="3" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/>
<path d="M6 24H42" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 21V27" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M42 21V27" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Промпт ИИ и улучшение вектора

Хотите улучшить или изменить стиль этой иконки? Layout Two

Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Layout Two

Генератор промптов полностью в браузере
Layout Two Free SVG Vector Icon - IconPark (Apache-2.0)
Проверка источника и лицензии LICENSE.txt

Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Без Регистрации | 100% Обработка в Браузере

Ключевые слова
#layout #two #iconpark #interface #outline #layout two svg #layout two icon #layout two iconpark #layout two react tsx #layout two vue #layout two png
Популярно на вашем языке
бесплатные svg иконки скачать векторные иконки бесплатно конвертер svg в png онлайн бесплатный редактор svg в браузере 3d иконки svg оптимизация svg файлов react svg компоненты css анимация svg иконки для коммерческого использования библиотека svg иконок

Layout Two - Технические характеристики вектора

Источник, автор и лицензия видны в просмотре и в деталях иконки. Layout Two

Канонический идентификатор файла iconpark/layout-two
Исходный пакет библиотеки IconPark
Сетка координат и viewBox viewBox="0 0 48 48"
Размер без сжатия 742 bytes (~408 bytes gzipped)
Лицензия SPDX и коммерческое использование Apache-2.0 - Бесплатно для коммерческого использования
Поддерживаемые форматы экспорта SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
Гарантия безопасности и приватности Без Регистрации | 100% Обработка в Браузере

Как использовать и настроить эту иконку: Layout Two

  1. Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (0.5px-4px), Живые векторные анимации
  2. Скачайте вектор или картинку: Скачать SVG, PNG (прозрачный), WebP (оптимизированный) (2048x2048 px)
  3. Скопируйте код для фреймворка: Копируйте готовый код для React, Next.js, Vue 3, Svelte, Angular, HTML и CSS масок.
  4. Глубокая векторная правка: Править в SVG редакторе (76,166)
Совет по доступности (WCAG 2.1): Скрывайте декоративные значки через aria-hidden и focusable false. Давайте кнопкам без текста понятный aria-label. Отражайте стрелки по горизонтали для языков справа налево. layout-two.svg aria-hidden="true" focusable="false"

Больше в Пользовательский интерфейс

Смотреть

Смотреть ещё

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

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

Бесплатна ли SVG-иконка Layout Two для коммерческого использования? +

Да, иконка Layout Two из коллекции IconPark доступна по лицензии Apache-2.0 для бесплатного коммерческого использования.

Сохраняет ли иконка Layout Two оригинальные цвета при скачивании? +

Да, Layout Two сохраняет исходные цвета по умолчанию, пока вы не выберете новый цвет в редакторе.

Как использовать иконку Layout Two в React или Vue? +

Откройте вкладку React TSX или Vue 3 на этой странице и нажмите Copy SVG. Вставьте компонент в проект и оформите его через CSS или Tailwind.

Можно ли скачать Layout Two в виде прозрачного PNG? +

Да, выберите размер до 1024 пикселей и нажмите Скачать PNG.

Как анимировать иконку Layout Two с помощью CSS? +

Выберите анимацию в живом редакторе, чтобы автоматически встроить CSS keyframes.

Можно ли создать AI-промпт для иконки Layout Two? +

Да, используйте генератор AI-промптов на этой странице для стилей 3D, Стекло или Неон.

Можно ли менять размер иконки Layout Two без потери качества? +

Да. Файл Layout Two это вектор с масштабируемым viewBox, поэтому он остается четким в 16px, 64px, 512px и в печати.

Куда сообщить о проблеме с файлом Layout Two? +

Напишите на support@svgnexus.com и укажите адрес иконки. Вопросы лицензии по Layout Two идут на legal@svgnexus.com.

100% Обработка в Браузере | 76,166 иконок

Редактор SVG

Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.

Введите запрос для поиска среди 76,166 векторных иконок...

Навигация | Enter чтобы открыть Все иконки

Сравнить

Источник и лицензия иконки

Лицензия Коммерческое использование Указание авторства Правка или перекраска
MITРазрешеноУведомление в сборкеРазрешено
ISCРазрешеноУведомление в сборкеРазрешено
Apache-2.0РазрешеноОбязательно с файлом уведомленияРазрешено
CC BY 4.0РазрешеноНужна атрибуцияРазрешено
CC-BY-SA-4.0РазрешеноСохранение условийСохранение условий
Trademark / BrandТолько справочное использованиеПравила владельцаОграничено

Предпросмотр иконки