outline
outline
MIT
3 векторных узлов
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
Bootstrap Icons
|
Пользовательский интерфейс
|
viewBox="0 0 16 16"
|
Бесплатно для коммерческого использования
Journal X - Векторные и 3D иконки
Источник, автор и лицензия видны в просмотре и в деталях иконки. Journal X - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
bootstrap-regular-journal-x.svg (948 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-journal-x" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Journal X icon"><title>Journal X - Bootstrap Icons icon</title><desc>Free Journal X vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path fill-rule="evenodd" d="M6.146 6.146a.5.5 0 0 1 .708 0L8 7.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 8l1.147 1.146a.5.5 0 0 1-.708.708L8 8.707 6.854 9.854a.5.5 0 0 1-.708-.708L7.293 8 6.146 6.854a.5.5 0 0 1 0-.708"/> <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2"/> <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z"/> </svg>
Промпт ИИ и улучшение вектора
Хотите улучшить или изменить стиль этой иконки? Journal X
Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Journal X
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#bootstrap
#regular
#journal
#interface
#outline
#journal x svg
#journal x icon
#journal x bootstrap icons
#journal x react tsx
#journal x vue
#journal x png
Популярно на вашем языке
бесплатные svg иконки
скачать векторные иконки бесплатно
конвертер svg в png онлайн
бесплатный редактор svg в браузере
3d иконки svg
оптимизация svg файлов
react svg компоненты
css анимация svg
иконки для коммерческого использования
библиотека svg иконок
Journal X - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. Journal X
| Канонический идентификатор файла | bootstrap/bootstrap-regular-journal-x |
|---|---|
| Исходный пакет библиотеки | Bootstrap Icons |
| Сетка координат и viewBox | viewBox="0 0 16 16" |
| Размер без сжатия | 948 bytes (~521 bytes gzipped) |
| Лицензия SPDX и коммерческое использование | MIT - Бесплатно для коммерческого использования |
| Поддерживаемые форматы экспорта | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Гарантия безопасности и приватности | Без Регистрации | 100% Обработка в Браузере |
Как использовать и настроить эту иконку: Journal X
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
0.5px-4px), Живые векторные анимации - Скачайте вектор или картинку: Скачать SVG, PNG (прозрачный), WebP (оптимизированный) (
2048x2048 px) - Скопируйте код для фреймворка: Копируйте готовый код для React, Next.js, Vue 3, Svelte, Angular, HTML и CSS масок.
- Глубокая векторная правка: Править в SVG редакторе (76,166)
Совет по доступности (WCAG 2.1): Скрывайте декоративные значки через aria-hidden и focusable false. Давайте кнопкам без текста понятный aria-label. Отражайте стрелки по горизонтали для языков справа налево.
bootstrap-regular-journal-x.svg aria-hidden="true" focusable="false"
Больше в Пользовательский интерфейс
Смотреть
outline
Regular Layout Sidebar
Bootstrap Icons|interface
outline
Regular Layout Split
Bootstrap Icons|interface
outline
Regular Layout Text Sidebar Reverse
Bootstrap Icons|interface
outline
Regular Layout Text Sidebar
Bootstrap Icons|interface
outline
Regular Layout Text Window Reverse
Bootstrap Icons|interface
Regular Layout Text Window
Bootstrap Icons|interface
Regular Layout Three Columns
Bootstrap Icons|interface
Regular Layout Wtf
Bootstrap Icons|interface
Regular Leaf
Bootstrap Icons|interface
Regular Life Preserver
Bootstrap Icons|interface
Regular Lightbulb Off
Bootstrap Icons|interfaceСмотреть ещё
Часто задаваемые вопросы
Journal X - Часто задаваемые вопросы
Бесплатна ли SVG-иконка Journal X для коммерческого использования? +
Да, иконка Journal X из коллекции Bootstrap Icons доступна по лицензии MIT для бесплатного коммерческого использования.
Сохраняет ли иконка Journal X оригинальные цвета при скачивании? +
Да, Journal X сохраняет исходные цвета по умолчанию, пока вы не выберете новый цвет в редакторе.
Как использовать иконку Journal X в React или Vue? +
Откройте вкладку React TSX или Vue 3 на этой странице и нажмите Copy SVG. Вставьте компонент в проект и оформите его через CSS или Tailwind.
Можно ли скачать Journal X в виде прозрачного PNG? +
Да, выберите размер до 1024 пикселей и нажмите Скачать PNG.
Как анимировать иконку Journal X с помощью CSS? +
Выберите анимацию в живом редакторе, чтобы автоматически встроить CSS keyframes.
Можно ли создать AI-промпт для иконки Journal X? +
Да, используйте генератор AI-промптов на этой странице для стилей 3D, Стекло или Неон.
Можно ли менять размер иконки Journal X без потери качества? +
Да. Файл Journal X это вектор с масштабируемым viewBox, поэтому он остается четким в 16px, 64px, 512px и в печати.
Куда сообщить о проблеме с файлом Journal X? +
Напишите на support@svgnexus.com и укажите адрес иконки. Вопросы лицензии по Journal X идут на legal@svgnexus.com.
100% Обработка в Браузере | 76,166 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.