3d
3d
MIT
7 векторных узлов
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
Fluent UI Emoji
|
3D векторные иконки
|
viewBox="0 0 32 32"
|
Бесплатно для коммерческого использования
Eggplant - Векторные и 3D иконки
Источник, автор и лицензия видны в просмотре и в деталях иконки. Eggplant - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
fluentui-emoji-eggplant.svg (4,449 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Eggplant icon"><title>Eggplant - Fluent UI Emoji icon</title><desc>Free Eggplant vector icon from the Fluent UI Emoji open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M19.5 30C4.48126 30 2.5 18.5 2.5 9H12.5C13.5 12 14.7619 16.623 21.5 15.5C27.5 14.5 30 19.2265 30 22C30 24 29.5 30 19.5 30Z" fill="url(#nx10821_paint0_radial_18_31099)"/> <path d="M7.5 2C6.67157 2 6 2.67157 6 3.5V4.83802L9 4.70312V3.5C9 2.67157 8.32843 2 7.5 2Z" fill="#2EC262"/> <path d="M7.5 2C6.67157 2 6 2.67157 6 3.5V4.83802L9 4.70312V3.5C9 2.67157 8.32843 2 7.5 2Z" fill="url(#nx10821_paint1_radial_18_31099)"/> <path d="M7.5 2C6.67157 2 6 2.67157 6 3.5V4.83802L9 4.70312V3.5C9 2.67157 8.32843 2 7.5 2Z" fill="url(#nx10821_paint2_radial_18_31099)"/> <path d="M7.5 2C6.67157 2 6 2.67157 6 3.5V4.83802L9 4.70312V3.5C9 2.67157 8.32843 2 7.5 2Z" fill="url(#nx10821_paint3_radial_18_31099)"/> <path d="M6 4.27112C3.68008 5.0115 2 7.18453 2 9.74997V9.99997C2 10.5523 2.49505 11.0181 2.91905 10.6642C3.14028 10.4796 3.32014 10.2398 3.5 9.99997C3.875 9.49997 4.25 8.99997 5 8.99997C5.75 8.99997 6.125 9.49997 6.5 9.99997C6.875 10.5 7.25 11 8 11C8.75 11 9.125 10.5 9.5 9.99997C9.875 9.49997 10.25 8.99997 11 8.99997C11.7379 8.99997 12.0886 9.48396 12.445 9.97577C12.4979 10.0488 12.5509 10.122 12.6053 10.1937C12.954 10.6536 13.5 10.3271 13.5 9.74997C13.5 7.00361 11.5746 4.84186 9 4.27113C9 4.27113 8.28125 4.125 7.5 4.125C6.71875 4.125 6 4.27112 6 4.27112Z" fill="#28A964"/> <path d="M6 4.27112C3.68008 5.0115 2 7.18453 2 9.74997V9.99997C2 10.5523 2.49505 11.0181 2.91905 10.6642C3.14028 10.4796 3.32014 10.2398 3.5 9.99997C3.875 9.49997 4.25 8.99997 5 8.99997C5.75 8.99997 6.125 9.49997 6.5 9.99997C6.875 10.5 7.25 11 8 11C8.75 11 9.125 10.5 9.5 9.99997C9.875 9.49997 10.25 8.99997 11 8.99997C11.7379 8.99997 12.0886 9.48396 12.445 9.97577C12.4979 10.0488 12.5509 10.122 12.6053 10.1937C12.954 10.6536 13.5 10.3271 13.5 9.74997C13.5 7.00361 11.5746 4.84186 9 4.27113C9 4.27113 8.28125 4.125 7.5 4.125C6.71875 4.125 6 4.27112 6 4.27112Z" fill="url(#nx10821_paint4_radial_18_31099)"/> <g filter="url(#nx10821_filter0_f_18_31099)"> <ellipse cx="26.446" cy="20.7237" rx="1.88489" ry="1.39344" transform="rotate(-50.7731 26.446 20.7237)" fill="#B685FF"/> </g> <defs> <filter id="nx10821_filter0_f_18_31099" x="21.8379" y="16.0181" width="9.21619" height="9.41125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_18_31099"/> </filter> <radialGradient id="nx10821_paint0_radial_18_31099" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.5 12.1875) rotate(106.422) scale(18.5701 24.318)"> <stop offset="0.138036" stop-color="#8A59E8"/> <stop offset="0.301764" stop-color="#7E2EF2"/> <stop offset="0.446121" stop-color="#894AFF"/> <stop offset="0.50576" stop-color="#8A4CFF"/> <stop offset="0.766541" stop-color="#6A26FF"/> <stop offset="1" stop-color="#542BFF"/> </radialGradient> <radialGradient id="nx10821_paint1_radial_18_31099" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.625 3.41901) rotate(90) scale(3.01849 2.375)"> <stop stop-color="#3EF797"/> <stop offset="1" stop-color="#3FF693" stop-opacity="0"/> </radialGradient> <radialGradient id="nx10821_paint2_radial_18_31099" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.9375 3.65625) rotate(90) scale(2 1.25)"> <stop stop-color="#47F99C"/> <stop offset="1" stop-color="#42F799" stop-opacity="0"/> </radialGradient> <radialGradient id="nx10821_paint3_radial_18_31099" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.05469 2.92188) rotate(138.424) scale(0.647496 0.669096)"> <stop stop-color="#5AFEA6"/> <stop offset="1" stop-color="#8CFFC2" stop-opacity="0"/> </radialGradient> <radialGradient id="nx10821_paint4_radial_18_31099" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.375 6.25) rotate(130.732) scale(8.90773 8.79196)"> <stop offset="0.231493" stop-color="#46FFA1"/> <stop offset="0.93678" stop-color="#35FF99" stop-opacity="0"/> </radialGradient> </defs> </svg>
Промпт ИИ и улучшение вектора
Хотите улучшить или изменить стиль этой иконки? Eggplant
Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Eggplant
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: Fluent UI Emoji | Author: Microsoft Corporation | License: MIT | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#fluentui
#emoji
#eggplant
#3d
#icons
#eggplant svg
#eggplant icon
#eggplant fluent ui emoji
#eggplant react tsx
#eggplant vue
#eggplant png
Популярно на вашем языке
бесплатные svg иконки
скачать векторные иконки бесплатно
конвертер svg в png онлайн
бесплатный редактор svg в браузере
3d иконки svg
оптимизация svg файлов
react svg компоненты
css анимация svg
иконки для коммерческого использования
библиотека svg иконок
Eggplant - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. Eggplant
| Канонический идентификатор файла | fluentui-emoji/fluentui-emoji-eggplant |
|---|---|
| Исходный пакет библиотеки | Fluent UI Emoji |
| Сетка координат и viewBox | viewBox="0 0 32 32" |
| Размер без сжатия | 4,449 bytes (~2,447 bytes gzipped) |
| Лицензия SPDX и коммерческое использование | MIT - Бесплатно для коммерческого использования |
| Поддерживаемые форматы экспорта | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Гарантия безопасности и приватности | Без Регистрации | 100% Обработка в Браузере |
Как использовать и настроить эту иконку: Eggplant
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
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-emoji-eggplant.svg aria-hidden="true" focusable="false"
Больше в 3D векторные иконки
Смотреть
3d
Woman In Tuxedo Light
Fluent UI Emoji|3d-icons
3d
Woman In Tuxedo Medium Dark
Fluent UI Emoji|3d-icons
3d
Woman In Tuxedo Medium Light
Fluent UI Emoji|3d-icons
3d
Woman In Tuxedo Medium
Fluent UI Emoji|3d-icons
3d
Woman Judge Dark
Fluent UI Emoji|3d-icons
Woman Judge Default
Fluent UI Emoji|3d-icons
Woman Judge Light
Fluent UI Emoji|3d-icons
Woman Judge Medium Dark
Fluent UI Emoji|3d-icons
Woman Judge Medium Light
Fluent UI Emoji|3d-icons
Woman Judge Medium
Fluent UI Emoji|3d-icons
Woman Juggling Dark
Fluent UI Emoji|3d-iconsСмотреть ещё
Часто задаваемые вопросы
Eggplant - Часто задаваемые вопросы
Бесплатна ли SVG-иконка Eggplant для коммерческого использования? +
Да, иконка Eggplant из коллекции Fluent UI Emoji доступна по лицензии MIT для бесплатного коммерческого использования.
Сохраняет ли иконка Eggplant оригинальные цвета при скачивании? +
Да, Eggplant сохраняет исходные цвета по умолчанию, пока вы не выберете новый цвет в редакторе.
Как использовать иконку Eggplant в React или Vue? +
Откройте вкладку React TSX или Vue 3 на этой странице и нажмите Copy SVG. Вставьте компонент в проект и оформите его через CSS или Tailwind.
Можно ли скачать Eggplant в виде прозрачного PNG? +
Да, выберите размер до 1024 пикселей и нажмите Скачать PNG.
Как анимировать иконку Eggplant с помощью CSS? +
Выберите анимацию в живом редакторе, чтобы автоматически встроить CSS keyframes.
Можно ли создать AI-промпт для иконки Eggplant? +
Да, используйте генератор AI-промптов на этой странице для стилей 3D, Стекло или Неон.
Можно ли менять размер иконки Eggplant без потери качества? +
Да. Файл Eggplant это вектор с масштабируемым viewBox, поэтому он остается четким в 16px, 64px, 512px и в печати.
Куда сообщить о проблеме с файлом Eggplant? +
Напишите на support@svgnexus.com и укажите адрес иконки. Вопросы лицензии по Eggplant идут на legal@svgnexus.com.
100% Обработка в Браузере | 76,166 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.