duotone MIT 11 векторных узлов

viewBox 0 0 24 24 Статичная

Цвет · Толщина линии · Живые векторные анимации

1. Цвет

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

Толщина линии 2.0px

Размеры 144px

Поворот 0 deg

Прозрачность 100%

2. Фон холста и преобразования

3. Живые векторные анимации Включено в экспорт SVG

Править в SVG редакторе Открыть векторную студию

Fluent UI Color | Пользовательский интерфейс | viewBox="0 0 24 24" | Бесплатно для коммерческого использования

Иконка SVG: Calendar Sync

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

Мгновенная загрузка вектора и изображений высокого разрешения

Разрешение:

Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет. fluentui-color-calendar-sync-24-color.svg (3 544 B)

Быстрое копирование для разработчиков и UI фреймворков

Живой вывод кода

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Calendar Sync icon"><title>Calendar Sync - Fluent UI Color icon</title><desc>Free Calendar Sync vector icon from the Fluent UI Color open-source icon library; duotone style, MIT licence, viewBox 0 0 24 24, 3214 bytes.</desc>
<path d="M21 7.5V17.75C21 19.5449 19.5449 21 17.75 21H6.25C4.45507 21 3 19.5449 3 17.75V7.5L12 6.5L21 7.5Z" fill="url(#nx1256_paint0_linear_72095_10198)"/>
<path d="M21 7.5V17.75C21 19.5449 19.5449 21 17.75 21H6.25C4.45507 21 3 19.5449 3 17.75V7.5L12 6.5L21 7.5Z" fill="url(#nx1256_paint1_linear_72095_10198)"/>
<path d="M21 7.5V17.75C21 19.5449 19.5449 21 17.75 21H6.25C4.45507 21 3 19.5449 3 17.75V7.5L12 6.5L21 7.5Z" fill="url(#nx1256_paint2_radial_72095_10198)" fill-opacity="0.3"/>
<path d="M17.75 3C19.5449 3 21 4.45507 21 6.25V8H3V6.25C3 4.45507 4.45507 3 6.25 3H17.75Z" fill="url(#nx1256_paint3_linear_72095_10198)"/>
<path d="M17.5 12C20.5376 12 23 14.4624 23 17.5C23 20.5376 20.5376 23 17.5 23C14.4624 23 12 20.5376 12 17.5C12 14.4624 14.4624 12 17.5 12Z" fill="url(#nx1256_paint4_linear_72095_10198)"/>
<path d="M20.5 14C20.7761 14 21 14.2239 21 14.5V16.5C21 16.7761 20.7761 17 20.5 17H18.5C18.2239 17 18 16.7761 18 16.5C18 16.2239 18.2239 16 18.5 16H19.5003C19.0436 15.392 18.3174 15 17.5 15C16.6666 15 15.9283 15.4073 15.4733 16.036C15.3113 16.2597 14.9987 16.3098 14.775 16.1478C14.5514 15.9859 14.5013 15.6733 14.6632 15.4496C15.2982 14.5724 16.3323 14 17.5 14C18.4798 14 19.3651 14.4027 20 15.0506V14.5C20 14.2239 20.2239 14 20.5 14ZM15 19.9494V20.5C15 20.7761 14.7761 21 14.5 21C14.2239 21 14 20.7761 14 20.5V18.5C14 18.2239 14.2239 18 14.5 18H16.5C16.7761 18 17 18.2239 17 18.5C17 18.7761 16.7761 19 16.5 19H15.4998C15.9564 19.608 16.6827 20 17.5 20C18.2663 20 18.9518 19.6558 19.4112 19.1118C19.5893 18.9008 19.9048 18.8742 20.1158 19.0523C20.3268 19.2305 20.3534 19.546 20.1752 19.7569C19.534 20.5164 18.5732 21 17.5 21C16.5203 21 15.6349 20.5973 15 19.9494Z" fill="url(#nx1256_paint5_linear_72095_10198)"/>
<defs>
<linearGradient id="nx1256_paint0_linear_72095_10198" x1="9.42857" y1="6.5" x2="14.1366" y2="20.9321" gradientUnits="userSpaceOnUse">
<stop stop-color="#B3E0FF"/>
<stop offset="1" stop-color="#8CD0FF"/>
</linearGradient>
<linearGradient id="nx1256_paint1_linear_72095_10198" x1="13.9286" y1="12.4318" x2="16.625" y2="24.267" gradientUnits="userSpaceOnUse">
<stop stop-color="#DCF8FF" stop-opacity="0"/>
<stop offset="1" stop-color="#FF6CE8" stop-opacity="0.7"/>
</linearGradient>
<radialGradient id="nx1256_paint2_radial_72095_10198" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.7857 19.0227) rotate(90) scale(8.56818 8.35714)">
<stop offset="0.535" stop-color="#4A43CB"/>
<stop offset="1" stop-color="#4A43CB" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx1256_paint3_linear_72095_10198" x1="3.72321" y1="3" x2="5.35631" y2="11.5369" gradientUnits="userSpaceOnUse">
<stop stop-color="#0094F0"/>
<stop offset="1" stop-color="#2764E7"/>
</linearGradient>
<linearGradient id="nx1256_paint4_linear_72095_10198" x1="12.3929" y1="14.0625" x2="19.9842" y2="21.9496" gradientUnits="userSpaceOnUse">
<stop stop-color="#52D17C"/>
<stop offset="1" stop-color="#22918B"/>
</linearGradient>
<linearGradient id="nx1256_paint5_linear_72095_10198" x1="15.3125" y1="14.714" x2="17.4603" y2="22.2961" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E3FFD9"/>
</linearGradient>
</defs>
</svg>

Промпт ИИ и улучшение вектора

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

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

Стиль улучшения Целевой ИИ или генератор

Открыть в генераторе иконок с ИИ

Генератор промптов полностью в браузере

Проверка источника и лицензии LICENSE.txt

Ключевые слова

#fluentui #color #calendar #sync #interface #duotone

Calendar Sync - Технические характеристики вектора

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

Канонический идентификатор файла	fluentui-color/fluentui-color-calendar-sync-24-color
Исходный пакет библиотеки	Fluent UI Color
Сетка координат и viewBox	viewBox="0 0 24 24"
Размер без сжатия	3 544 bytes (~1 949 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% Обработка в Браузере

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

Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (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. Отражайте стрелки по горизонтали для языков справа налево. fluentui-color-calendar-sync-24-color.svg aria-hidden="true" focusable="false"

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

Смотреть

duotoneMIT

Calendar Dot

Phosphor Icons|interface

outlineMIT

Calendar Dot

Phosphor Icons|interface

outlineApache-2.0

Action Calendar View Day

Material Icons|interface

solidMIT

Calendar2

Bootstrap Icons|interface

outlineISC

Calendar

Apache-2.0

Lamp

IconPark|interface

Смотреть ещё

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

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

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

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

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

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

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

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

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

Редактор SVG

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

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

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