outline
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
IconPark
|
Пользовательский интерфейс
|
viewBox="0 0 48 48"
|
Бесплатно для коммерческого использования
Иконка SVG: Circular Connection
Источник, автор и лицензия видны в просмотре и в деталях иконки. Circular Connection - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
circular-connection.svg (1 730 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="Circular Connection icon"><title>Circular Connection - IconPark icon</title><desc>Free Circular Connection vector icon from the IconPark open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 48 48, 1472 bytes.</desc> <path d="M13.5 39.3706C16.3908 41.6439 20.0371 42.9999 24 42.9999C27.9629 42.9999 31.6092 41.6439 34.5 39.3706" stroke="black" stroke-width="4"/> <path d="M19 9.74707C12.0513 11.8822 7 18.3511 7 25.9999C7 27.9247 7.31989 29.7748 7.9094 31.4999" stroke="black" stroke-width="4"/> <path d="M29 9.74707C35.9487 11.8822 41 18.3511 41 25.9999C41 27.9247 40.6801 29.7748 40.0906 31.4999" stroke="black" stroke-width="4"/> <path d="M43 36C43 37.3416 42.4716 38.5597 41.6117 39.4577C40.7015 40.4082 39.4199 41 38 41C35.2386 41 33 38.7614 33 36C33 33.9899 34.1861 32.2569 35.8967 31.4626C36.536 31.1657 37.2487 31 38 31C40.7614 31 43 33.2386 43 36Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 36C15 37.3416 14.4716 38.5597 13.6117 39.4577C12.7015 40.4082 11.4199 41 10 41C7.23858 41 5 38.7614 5 36C5 33.9899 6.18614 32.2569 7.89667 31.4626C8.53604 31.1657 9.24867 31 10 31C12.7614 31 15 33.2386 15 36Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29 9C29 10.3416 28.4716 11.5597 27.6117 12.4577C26.7015 13.4082 25.4199 14 24 14C21.2386 14 19 11.7614 19 9C19 6.98991 20.1861 5.25686 21.8967 4.4626C22.536 4.16572 23.2487 4 24 4C26.7614 4 29 6.23858 29 9Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Промпт ИИ и улучшение вектора
Хотите улучшить или изменить стиль этой иконки? Circular Connection
Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Circular Connection
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Source: https://github.com/bytedance/IconPark | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#circular
#connection
#iconpark
#interface
#outline
Circular Connection - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. Circular Connection
| Канонический идентификатор файла | iconpark/circular-connection |
|---|---|
| Исходный пакет библиотеки | IconPark |
| Сетка координат и viewBox | viewBox="0 0 48 48" |
| Размер без сжатия | 1 730 bytes (~952 bytes gzipped) |
| Лицензия SPDX и коммерческое использование | Apache-2.0 - Бесплатно для коммерческого использования |
| Upstream Source | https://github.com/bytedance/IconPark |
| Поддерживаемые форматы экспорта | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Гарантия безопасности и приватности | Без Регистрации | 100% Обработка в Браузере |
Как использовать и настроить эту иконку: Circular Connection
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
0.5px-4px), Живые векторные анимации - Скачайте вектор или картинку: Скачать SVG, PNG (прозрачный), WebP (оптимизированный) (
2048x2048 px) - Скопируйте код для фреймворка: Копируйте готовый код для React, Next.js, Vue 3, Svelte, Angular, HTML и CSS масок.
- Глубокая векторная правка: Править в SVG редакторе (77 087)
Совет по доступности (WCAG 2.1): Скрывайте декоративные значки через aria-hidden и focusable false. Давайте кнопкам без текста понятный aria-label. Отражайте стрелки по горизонтали для языков справа налево.
circular-connection.svg aria-hidden="true" focusable="false"
Больше в Пользовательский интерфейс
Смотретьoutline
Giraffe
Mouse|interfaceoutline
Mastercard
SVG Icons Collection|interfaceoutline
Peacock
Mouse|interfaceoutline
Кролик
Mouse|interfacesolid
Circle Letter N
Tabler Icons|interface
X Mark
Heroicons|interface
Checkbox
MingCute Icons|interface
Classify Add
MingCute Icons Fill|interface
Close Circle Dash
MingCute Icons Fill|interface
Облако
MingCute Icons|interface
Producthunt
SVG Icons Collection|interface
Pytorch
SVG Icons Collection|interface
Crystal Ball
MingCute Icons|interface
Device Unknown
Tabler Icons|interface
Layers
Bootstrap Icons|interface
Dish Cover
MingCute Icons Fill|interface
AV 8k Plus
Material Icons|interface
AV Fiber Dvr
Material Icons|interface
Hand Thumb Up
Heroicons|interface
Линкедин
Domain Icons|interface
Engine
Phosphor Icons|interface
Dice
Lucide|interface
AV Replay
Material Icons|interfaceСмотреть ещё
Часто задаваемые вопросы
Circular Connection - Часто задаваемые вопросы
Какая лицензия распространяется на Circular Connection? +
Circular Connection происходит из IconPark и распространяется по Apache-2.0. Указание авторства: Атрибуция обязательна.
В каких форматах можно скачать Circular Connection? +
Circular Connection — вектор в стиле outline (viewBox 0 0 48 48). Скачайте SVG, PNG, WebP или ICO либо скопируйте код React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask или Base64 с этой страницы.
Откуда взялась иконка Circular Connection? +
Circular Connection входит в библиотеку IconPark от ByteDance Inc., в категории Пользовательский интерфейс. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.
100% Обработка в Браузере | 77 087 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.