outline
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
MingCute Icons Fill
|
Пользовательский интерфейс
|
viewBox="0 0 24 24"
|
Бесплатно для коммерческого использования
Иконка SVG: Close Circle
Источник, автор и лицензия видны в просмотре и в деталях иконки. Close Circle - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
close-circle.svg (668 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Close Circle icon"><title>Close Circle - MingCute Icons Fill icon</title><desc>Free Close Circle vector icon from the MingCute Icons Fill open-source icon library; solid style, Apache-2.0 licence, viewBox 0 0 24 24, 370 bytes.</desc><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m3.535 6.465a1 1 0 0 0-1.414 0L12 10.585l-2.121-2.12a1 1 0 1 0-1.414 1.414L10.585 12l-2.12 2.121a1 1 0 1 0 1.414 1.414L12 13.415l2.121 2.12a1 1 0 0 0 1.414-1.414L13.415 12l2.12-2.121a1 1 0 0 0 0-1.414"/></svg>
Промпт ИИ и улучшение вектора
Хотите улучшить или изменить стиль этой иконки? Close Circle
Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Close Circle
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: MingCute Icons Fill | Author: MingCute Design | License: Apache-2.0 | Source: https://github.com/mingcute-design/mingcute-icons | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#close
#circle
#mingcute
#fill
#interface
#solid
Close Circle - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. Close Circle
| Канонический идентификатор файла | mingcute-fill/close-circle |
|---|---|
| Исходный пакет библиотеки | MingCute Icons Fill |
| Сетка координат и viewBox | viewBox="0 0 24 24" |
| Размер без сжатия | 668 bytes (~367 bytes gzipped) |
| Лицензия SPDX и коммерческое использование | Apache-2.0 - Бесплатно для коммерческого использования |
| Upstream Source | https://github.com/mingcute-design/mingcute-icons |
| Поддерживаемые форматы экспорта | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Гарантия безопасности и приватности | Без Регистрации | 100% Обработка в Браузере |
Как использовать и настроить эту иконку: Close Circle
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
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. Отражайте стрелки по горизонтали для языков справа налево.
close-circle.svg aria-hidden="true" focusable="false"
Совпадения в других библиотеках ("Close Circle")
Сравните иконку с другими открытыми векторными библиотеками.
Больше в Пользовательский интерфейс
Смотретьoutline
Close Circle
MingCute Icons|interfaceoutline
Inspect
MingCute Icons|interfaceoutline
Circle Dashed Letter K
Tabler Icons|interfaceoutline
Circle Dotted Letter T
Tabler Icons|interfacesolid
Approximate Equals
Phosphor Icons|interfacesolid
Arrows In Line Vertical
Phosphor Icons|interface
AV Playlist Add Check Circle
Material Icons|interface
Clock Circle
Ant Design TwoTone|interface
Backpack
Bootstrap Icons|interface
Badge Cc
Bootstrap Icons|interface
Mailbox
MingCute Icons|interface
Circle Plus
Tabler Icons|interface
Clock Countdown
Phosphor Icons|interface
Badge Wc
Bootstrap Icons|interface
Italic
Heroicons|interface
External Transmission
IconPark|interface
Paint Brush
Heroicons|interface
Device Network Cell
Material Icons|interface
Device Price Check
Material Icons|interface
Rectangle Group
Heroicons|interface
Blockchain Network
Domain Icons|interface
Lectern
Lucide|interface
Link
Lucide|interface
Communications Link
Domain Icons|interfaceСмотреть ещё
Часто задаваемые вопросы
Close Circle - Часто задаваемые вопросы
Какая лицензия распространяется на Close Circle? +
Close Circle происходит из MingCute Icons Fill и распространяется по Apache-2.0. Указание авторства: Атрибуция обязательна.
В каких форматах можно скачать Close Circle? +
Close Circle — вектор в стиле solid (viewBox 0 0 24 24). Скачайте SVG, PNG, WebP или ICO либо скопируйте код React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask или Base64 с этой страницы.
Откуда взялась иконка Close Circle? +
Close Circle входит в библиотеку MingCute Icons Fill от MingCute Design, в категории Пользовательский интерфейс. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.
100% Обработка в Браузере | 76 166 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.