outline
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
3D Vector Icons
|
3D векторные иконки
|
viewBox="0 0 256 256"
|
Бесплатно для коммерческого использования
Иконка SVG: Orange
Источник, автор и лицензия видны в просмотре и в деталях иконки. Orange - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
orange.svg (2 354 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Orange 3D icon" width="36" height="36"><title>Orange</title><defs><radialGradient id="nx26673_orange-1" cx="0.5" cy="0.5" r="0.5" fx="0.5" fy="0.5"><stop offset="0" stop-color="#000" stop-opacity="0.28"/><stop offset="1" stop-color="#000" stop-opacity="0"/></radialGradient><radialGradient id="nx26673_orange-2" cx="0.5" cy="0.5" r="0.75" fx="0.36" fy="0.3"><stop offset="0" stop-color="#fee4ce"/><stop offset="0.3" stop-color="#fca863"/><stop offset="0.7" stop-color="#fb923c"/><stop offset="1" stop-color="#7e491e"/></radialGradient><radialGradient id="nx26673_orange-3" cx="0.5" cy="0.5" r="0.5" fx="0.5" fy="0.5"><stop offset="0" stop-color="#fff" stop-opacity="0.8"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><linearGradient id="nx26673_orange-4" x1="0.1" y1="0" x2="0.9" y2="1"><stop offset="0" stop-color="#91e2af"/><stop offset="0.45" stop-color="#22c55e"/><stop offset="1" stop-color="#178640"/></linearGradient><linearGradient id="nx26673_orange-5" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff" stop-opacity="0.6"/><stop offset="0.5" stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs><ellipse cx="128" cy="230" rx="66" ry="9" fill="url(#nx26673_orange-1)"/><circle cx="128" cy="130" r="82" fill="url(#nx26673_orange-2)"/><circle cx="96" cy="110" r="2.2" fill="#9a3412" opacity=".28"/><circle cx="150" cy="96" r="2.2" fill="#9a3412" opacity=".28"/><circle cx="170" cy="140" r="2.2" fill="#9a3412" opacity=".28"/><circle cx="120" cy="160" r="2.2" fill="#9a3412" opacity=".28"/><circle cx="84" cy="150" r="2.2" fill="#9a3412" opacity=".28"/><circle cx="146" cy="182" r="2.2" fill="#9a3412" opacity=".28"/><circle cx="100" cy="190" r="2.2" fill="#9a3412" opacity=".28"/><ellipse cx="98" cy="90" rx="28" ry="14" transform="rotate(-36 98 90)" fill="url(#nx26673_orange-3)"/><circle cx="128" cy="52" r="7" fill="#166534"/><path d="M132,54C140,34,166,26,182,32C178,52,158,62,132,54Z" fill="url(#nx26673_orange-4)" stroke="url(#nx26673_orange-4)" stroke-width="3" stroke-linejoin="round"/><path d="M132,54C140,34,166,26,182,32C178,52,158,62,132,54Z" fill="url(#nx26673_orange-5)" stroke="url(#nx26673_orange-5)" stroke-width="3" stroke-linejoin="round"/></svg>
Промпт ИИ и улучшение вектора
Хотите улучшить или изменить стиль этой иконки? Orange
Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Orange
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: 3D Vector Icons | Author: SVG Nexus 3D Studio | License: MIT | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#orange
#3d
Orange - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. Orange
| Канонический идентификатор файла | 3d-svg-icons/orange |
|---|---|
| Исходный пакет библиотеки | 3D Vector Icons |
| Сетка координат и viewBox | viewBox="0 0 256 256" |
| Размер без сжатия | 2 354 bytes (~1 295 bytes gzipped) |
| Лицензия SPDX и коммерческое использование | MIT - Бесплатно для коммерческого использования |
| Поддерживаемые форматы экспорта | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Гарантия безопасности и приватности | Без Регистрации | 100% Обработка в Браузере |
Как использовать и настроить эту иконку: Orange
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
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. Отражайте стрелки по горизонтали для языков справа налево.
orange.svg aria-hidden="true" focusable="false"
Совпадения в других библиотеках ("Orange")
Сравните иконку с другими открытыми векторными библиотеками.
Больше в 3D векторные иконки
Смотретьoutline
Orange
SVG Icons Collection|interfaceoutline
Orange
IconPark|interfacebrand
Orange
Authentic Brand Logos|brandsbrand
Orange
Dashboard Icons|brands3d
Man Cook
Fluent UI Emoji|3d-icons3d
Man Curly Hair Medium Dark
Fluent UI Emoji|3d-icons
Aws Open 3D Engine
Authentic Brand Logos|3d-icons
Cube Focus
Phosphor Icons|3d-icons
3D Touch Pad
Mouse|3d-icons
Cursor 3D Move
Mouse|3d-icons
Cube Three
IconPark|3d-icons
Cube Transparent
Heroicons|3d-icons
Blockchain Cube
Domain Icons|3d-icons
Blockchain Cube
Domain Icons|3d-icons
Man Dancing
Fluent UI Emoji|3d-icons
3D Right Click
Mouse|3d-icons
Design Golden Ratio Spiral Shell 3D
3D Vector Icons|3d-icons
Dev Code Debug Scanner 3D
3D Vector Icons|development
Dev Pull Request Merge Gate 3D
3D Vector Icons|development
ромб
3D Vector Icons|3d-icons
Dsg Curve Bezier Handle 3D
3D Vector Icons|3d-icons
Dsg Fluid Droplet Render 3D
3D Vector Icons|3d-icons
Dsg Isometric Grid 3D
3D Vector Icons|3d-icons
Dsg Shadow Plane Ground 3D
3D Vector Icons|travelСмотреть ещё
Часто задаваемые вопросы
Orange - Часто задаваемые вопросы
Какая лицензия распространяется на Orange? +
Orange происходит из 3D Vector Icons и распространяется по MIT. Указание авторства: Атрибуция обязательна.
В каких форматах можно скачать Orange? +
Orange — вектор в стиле 3d (viewBox 0 0 256 256). Скачайте SVG, PNG, WebP или ICO либо скопируйте код React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask или Base64 с этой страницы.
Откуда взялась иконка Orange? +
Orange входит в библиотеку 3D Vector Icons от SVG Nexus 3D Studio, в категории 3D векторные иконки. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.
100% Обработка в Браузере | 77 087 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.