Перейти к содержимому
solid MIT 1 векторных узлов
Popsicle - Phosphor Icons iconFree Popsicle vector icon from the Phosphor Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px Статичная
1. Цвет

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

2. Фон холста и преобразования
3. Живые векторные анимации Включено в экспорт SVG
Phosphor Icons | Пользовательский интерфейс | viewBox="0 0 256 256" | Бесплатно для коммерческого использования

Popsicle - Векторные и 3D иконки

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

Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет. phosphor-fill-popsicle-fill.svg (585 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Popsicle icon"><title>Popsicle - Phosphor Icons icon</title><desc>Free Popsicle vector icon from the Phosphor Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M128,8A72.08,72.08,0,0,0,56,80v96a16,16,0,0,0,16,16h32v40a24,24,0,0,0,48,0V192h32a16,16,0,0,0,16-16V80A72.08,72.08,0,0,0,128,8ZM112,152a8,8,0,0,1-16,0V72a8,8,0,0,1,16,0Zm24,80a8,8,0,0,1-16,0V192h16Zm24-80a8,8,0,0,1-16,0V72a8,8,0,0,1,16,0Z"/></svg>
Промпт ИИ и улучшение вектора

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

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

Генератор промптов полностью в браузере
Popsicle Free SVG Vector Icon - Phosphor Icons (MIT)
Проверка источника и лицензии LICENSE.txt

Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Без Регистрации | 100% Обработка в Браузере

Ключевые слова
#phosphor #fill #popsicle #interface #solid #popsicle svg #popsicle icon #popsicle phosphor icons #popsicle react tsx #popsicle vue #popsicle png
Популярно на вашем языке
бесплатные svg иконки скачать векторные иконки бесплатно конвертер svg в png онлайн бесплатный редактор svg в браузере 3d иконки svg оптимизация svg файлов react svg компоненты css анимация svg иконки для коммерческого использования библиотека svg иконок

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

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

Канонический идентификатор файла phosphor/phosphor-fill-popsicle-fill
Исходный пакет библиотеки Phosphor Icons
Сетка координат и viewBox viewBox="0 0 256 256"
Размер без сжатия 585 bytes (~322 bytes gzipped)
Лицензия SPDX и коммерческое использование MIT - Бесплатно для коммерческого использования
Поддерживаемые форматы экспорта SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
Гарантия безопасности и приватности Без Регистрации | 100% Обработка в Браузере

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

  1. Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (0.5px-4px), Живые векторные анимации
  2. Скачайте вектор или картинку: Скачать SVG, PNG (прозрачный), WebP (оптимизированный) (2048x2048 px)
  3. Скопируйте код для фреймворка: Копируйте готовый код для React, Next.js, Vue 3, Svelte, Angular, HTML и CSS масок.
  4. Глубокая векторная правка: Править в SVG редакторе (76,166)
Совет по доступности (WCAG 2.1): Скрывайте декоративные значки через aria-hidden и focusable false. Давайте кнопкам без текста понятный aria-label. Отражайте стрелки по горизонтали для языков справа налево. phosphor-fill-popsicle-fill.svg aria-hidden="true" focusable="false"

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

Смотреть

Смотреть ещё

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

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

Бесплатна ли SVG-иконка Popsicle для коммерческого использования? +

Да, иконка Popsicle из коллекции Phosphor Icons доступна по лицензии MIT для бесплатного коммерческого использования.

Сохраняет ли иконка Popsicle оригинальные цвета при скачивании? +

Да, Popsicle сохраняет исходные цвета по умолчанию, пока вы не выберете новый цвет в редакторе.

Как использовать иконку Popsicle в React или Vue? +

Откройте вкладку React TSX или Vue 3 на этой странице и нажмите Copy SVG. Вставьте компонент в проект и оформите его через CSS или Tailwind.

Можно ли скачать Popsicle в виде прозрачного PNG? +

Да, выберите размер до 1024 пикселей и нажмите Скачать PNG.

Как анимировать иконку Popsicle с помощью CSS? +

Выберите анимацию в живом редакторе, чтобы автоматически встроить CSS keyframes.

Можно ли создать AI-промпт для иконки Popsicle? +

Да, используйте генератор AI-промптов на этой странице для стилей 3D, Стекло или Неон.

Можно ли менять размер иконки Popsicle без потери качества? +

Да. Файл Popsicle это вектор с масштабируемым viewBox, поэтому он остается четким в 16px, 64px, 512px и в печати.

Куда сообщить о проблеме с файлом Popsicle? +

Напишите на support@svgnexus.com и укажите адрес иконки. Вопросы лицензии по Popsicle идут на legal@svgnexus.com.

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

Редактор SVG

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

Введите запрос для поиска среди 76,166 векторных иконок...

Навигация | Enter чтобы открыть Все иконки

Сравнить

Источник и лицензия иконки

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

Предпросмотр иконки