outline
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
Heroicons
|
Пользовательский интерфейс
|
viewBox="0 0 16 16"
|
Бесплатно для коммерческого использования
Иконка SVG: Cake
Источник, автор и лицензия видны в просмотре и в деталях иконки. Cake - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
heroicons-16px-solid-cake.svg (1 023 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon" width="36" height="36" role="img" aria-label="Cake icon"><title>Cake - Heroicons icon</title><desc>Free Cake vector icon from the Heroicons open-source icon library; solid style, MIT licence, viewBox 0 0 16 16, 796 bytes.</desc> <path d="m4.75 1-.884.884a1.25 1.25 0 1 0 1.768 0L4.75 1ZM11.25 1l-.884.884a1.25 1.25 0 1 0 1.768 0L11.25 1ZM8.884 1.884 8 1l-.884.884a1.25 1.25 0 1 0 1.768 0ZM4 7a2 2 0 0 0-2 2v1.034c.347 0 .694-.056 1.028-.167l.47-.157a4.75 4.75 0 0 1 3.004 0l.47.157a3.25 3.25 0 0 0 2.056 0l.47-.157a4.75 4.75 0 0 1 3.004 0l.47.157c.334.111.681.167 1.028.167V9a2 2 0 0 0-2-2V5.75a.75.75 0 0 0-1.5 0V7H8.75V5.75a.75.75 0 0 0-1.5 0V7H5.5V5.75a.75.75 0 0 0-1.5 0V7ZM14 11.534a4.749 4.749 0 0 1-1.502-.244l-.47-.157a3.25 3.25 0 0 0-2.056 0l-.47.157a4.75 4.75 0 0 1-3.004 0l-.47-.157a3.25 3.25 0 0 0-2.056 0l-.47.157A4.748 4.748 0 0 1 2 11.534V13a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1.466Z"/> </svg>
Промпт ИИ и улучшение вектора
Хотите улучшить или изменить стиль этой иконки? Cake
Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Cake
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: Heroicons | Author: Tailwind Labs | License: MIT | Source: https://github.com/tailwindlabs/heroicons | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#heroicons
#16px
#solid
#cake
#interface
#hero
Cake - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. Cake
| Канонический идентификатор файла | heroicons/heroicons-16px-solid-cake |
|---|---|
| Исходный пакет библиотеки | Heroicons |
| Сетка координат и viewBox | viewBox="0 0 16 16" |
| Размер без сжатия | 1 023 bytes (~563 bytes gzipped) |
| Лицензия SPDX и коммерческое использование | MIT - Бесплатно для коммерческого использования |
| Upstream Source | https://github.com/tailwindlabs/heroicons |
| Поддерживаемые форматы экспорта | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Гарантия безопасности и приватности | Без Регистрации | 100% Обработка в Браузере |
Как использовать и настроить эту иконку: Cake
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
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. Отражайте стрелки по горизонтали для языков справа налево.
heroicons-16px-solid-cake.svg aria-hidden="true" focusable="false"
Совпадения в других библиотеках ("Cake")
Сравните иконку с другими открытыми векторными библиотеками.
Больше в Пользовательский интерфейс
Смотретьoutline
Cake
SVG Icons Collection|interfaceoutline
Cake
MingCute Icons|interfacesolid
Cake
MingCute Icons Fill|interfaceoutline
Cake
IconPark|interface3d
Cake
3D Vector Icons|3d-iconsoutline
Footprints
Lucide|interface
Beauty Gem
Domain Icons|interface
Beauty Gem
Domain Icons|interface
Content Square Foot
Material Icons|interface
Heartbeat
MingCute Icons Fill|interface
Player Record
Tabler Icons|interface
Infinity
Phosphor Icons|interface
Radioactive
Tabler Icons|interface
Hospital
MingCute Icons|interface
Ice Cream
MingCute Icons Fill|interface
Hand Platter
Lucide|interface
Device Developer Mode
Material Icons|interface
Expenses One
IconPark|interface
Magnifying Glass Minus
Phosphor Icons|interface
Layout Leftbar Open
MingCute Icons|interface
Square Letter J
Tabler Icons|interface
Iteration Cw
Lucide|interface
Figma
IconPark|interface
Blockchain Network
Domain Icons|interfaceСмотреть ещё
Часто задаваемые вопросы
Cake - Часто задаваемые вопросы
Какая лицензия распространяется на Cake? +
Cake происходит из Heroicons и распространяется по MIT. Указание авторства: Атрибуция обязательна.
В каких форматах можно скачать Cake? +
Cake — вектор в стиле solid (viewBox 0 0 16 16). Скачайте SVG, PNG, WebP или ICO либо скопируйте код React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask или Base64 с этой страницы.
Откуда взялась иконка Cake? +
Cake входит в библиотеку Heroicons от Tailwind Labs, в категории Пользовательский интерфейс. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.
100% Обработка в Браузере | 76 166 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.