Перейти к содержимому
SVG Nexus Векторные и 3D иконки
duotone MIT 4 векторных узлов
Code Block - Fluent UI Color iconFree Code Block vector icon from the Fluent UI Color open-source icon library; duotone style, MIT licence, viewBox 0 0 48 48, 1452 bytes.
viewBox 0 0 48 48 Статичная
1. Цвет

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

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

Иконка SVG: Code Block

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

Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет. Архив с указанием авторства fluentui-color-code-block-48-color.svg (1 717 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="Code Block icon"><title>Code Block - Fluent UI Color icon</title><desc>Free Code Block vector icon from the Fluent UI Color open-source icon library; duotone style, MIT licence, viewBox 0 0 48 48, 1452 bytes.</desc>
<path d="M12 6C8.68629 6 6 8.68629 6 12V36C6 39.3137 8.68629 42 12 42H36C39.3137 42 42 39.3137 42 36V12C42 8.68629 39.3137 6 36 6H12Z" fill="url(#nx1894_paint0_linear_378174_10323)"/>
<path d="M20.8839 15.3661C21.372 15.8543 21.372 16.6457 20.8839 17.1339L14.0178 24L20.8839 30.8661C21.372 31.3543 21.372 32.1457 20.8839 32.6339C20.3957 33.122 19.6043 33.122 19.1161 32.6339L11.3661 24.8839C10.878 24.3957 10.878 23.6043 11.3661 23.1161L19.1161 15.3661C19.6043 14.878 20.3957 14.878 20.8839 15.3661ZM28.8839 15.3661L36.6339 23.1161C37.122 23.6043 37.122 24.3957 36.6339 24.8839L28.8839 32.6339C28.3957 33.122 27.6043 33.122 27.1161 32.6339C26.628 32.1457 26.628 31.3543 27.1161 30.8661L33.9822 24L27.1161 17.1339C26.628 16.6457 26.628 15.8543 27.1161 15.3661C27.6043 14.878 28.3957 14.878 28.8839 15.3661Z" fill="url(#nx1894_paint1_linear_378174_10323)"/>
<defs>
<linearGradient id="nx1894_paint0_linear_378174_10323" x1="14.7776" y1="6" x2="34.5203" y2="42" gradientUnits="userSpaceOnUse">
<stop offset="0.0281195" stop-color="#E67EEA"/>
<stop offset="0.43755" stop-color="#AD64D7"/>
<stop offset="1" stop-color="#794DC5"/>
</linearGradient>
<linearGradient id="nx1894_paint1_linear_378174_10323" x1="17.1646" y1="15.6924" x2="28.0337" y2="42.7855" gradientUnits="userSpaceOnUse">
<stop stop-color="#FDFDFD"/>
<stop offset="1" stop-color="#F9DCFA"/>
</linearGradient>
</defs>
</svg>
Промпт ИИ и улучшение вектора

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

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

Открыть в генераторе иконок с ИИ
Генератор промптов полностью в браузере
SVG-иконка Code Block - Fluent UI Color (MIT)
Проверка источника и лицензии LICENSE.txt

Library: Fluent UI Color | Author: Microsoft Corporation | License: MIT | Source: https://github.com/microsoft/fluentui-system-icons | Без Регистрации | 100% Обработка в Браузере

Ключевые слова
#fluentui #color #code #block #development #duotone

Code Block - Технические характеристики вектора

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

Канонический идентификатор файла fluentui-color/fluentui-color-code-block-48-color
Исходный пакет библиотеки Fluent UI Color
Сетка координат и viewBox viewBox="0 0 48 48"
Размер без сжатия 1 717 bytes (~944 bytes gzipped)
Лицензия SPDX и коммерческое использование MIT - Бесплатно для коммерческого использования
Upstream Source https://github.com/microsoft/fluentui-system-icons
Поддерживаемые форматы экспорта SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
Гарантия безопасности и приватности Без Регистрации | 100% Обработка в Браузере

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

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

Больше в Программирование и разработка

Смотреть

Смотреть ещё

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

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

Какая лицензия распространяется на Code Block? +

Code Block происходит из Fluent UI Color и распространяется по MIT. Указание авторства: Атрибуция обязательна.

В каких форматах можно скачать Code Block? +

Code Block — вектор в стиле duotone (viewBox 0 0 48 48). Скачайте SVG, PNG, WebP или ICO либо скопируйте код React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask или Base64 с этой страницы.

Откуда взялась иконка Code Block? +

Code Block входит в библиотеку Fluent UI Color от Microsoft Corporation, в категории Программирование и разработка. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.

100% Обработка в Браузере | 77 087 иконок

Редактор SVG

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

Открыть в редакторе Все иконки (77 087)

Введите запрос для поиска среди 77 087 векторных иконок...

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

Сравнить

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

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

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