outline
duotone
MIT
2 векторных узлов
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
Phosphor Icons
|
Пользовательский интерфейс
|
viewBox="0 0 256 256"
|
Бесплатно для коммерческого использования
Needle - Векторные и 3D иконки
Источник, автор и лицензия видны в просмотре и в деталях иконки. Needle - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
phosphor-duotone-needle-duotone.svg (896 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="Needle icon"><title>Needle - Phosphor Icons icon</title><desc>Free Needle vector icon from the Phosphor Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M206.63,94.63l-24,24C128,128,40,216,40,216s88-88,97.37-142.63l24-24a32,32,0,0,1,45.26,45.26Z" opacity="0.2"/><path d="M189.66,66.34a8,8,0,0,1,0,11.32l-16,16a8,8,0,0,1-11.32-11.32l16-16A8,8,0,0,1,189.66,66.34ZM224,72a39.71,39.71,0,0,1-11.72,28.28l-24,24a8,8,0,0,1-4.3,2.23c-51.49,8.84-137.46,94.28-138.32,95.15h0a8,8,0,0,1-11.31-11.32h0C36,208.73,120.69,123.28,129.49,72a8,8,0,0,1,2.23-4.3l24-24A40,40,0,0,1,224,72Zm-16,0a24,24,0,0,0-41-17L144.77,77.29c-4.41,21.15-18.9,46.19-35.49,69.43,23.24-16.59,48.28-31.08,69.43-35.49L201,89A23.85,23.85,0,0,0,208,72Z"/></svg>
Промпт ИИ и улучшение вектора
Хотите улучшить или изменить стиль этой иконки? Needle
Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Needle
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#phosphor
#duotone
#needle
#interface
#needle svg
#needle icon
#needle phosphor icons
#needle react tsx
#needle vue
#needle png
Популярно на вашем языке
бесплатные svg иконки
скачать векторные иконки бесплатно
конвертер svg в png онлайн
бесплатный редактор svg в браузере
3d иконки svg
оптимизация svg файлов
react svg компоненты
css анимация svg
иконки для коммерческого использования
библиотека svg иконок
Needle - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. Needle
| Канонический идентификатор файла | phosphor/phosphor-duotone-needle-duotone |
|---|---|
| Исходный пакет библиотеки | Phosphor Icons |
| Сетка координат и viewBox | viewBox="0 0 256 256" |
| Размер без сжатия | 896 bytes (~493 bytes gzipped) |
| Лицензия SPDX и коммерческое использование | MIT - Бесплатно для коммерческого использования |
| Поддерживаемые форматы экспорта | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Гарантия безопасности и приватности | Без Регистрации | 100% Обработка в Браузере |
Как использовать и настроить эту иконку: Needle
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
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. Отражайте стрелки по горизонтали для языков справа налево.
phosphor-duotone-needle-duotone.svg aria-hidden="true" focusable="false"
Больше в Пользовательский интерфейс
Смотреть
outline
The Single Shoulder Bag
IconPark|interface
outline
Outlined Action Action Label Off
Material Icons|interface
duotone
Duotone List Numbers Duotone
Phosphor Icons|interface
outline
Outline Chevrons Down Right
Tabler Icons|interface
outline
Theater
IconPark|interface
Outlined Action Action Label
Material Icons|interface
Duotone List Plus Duotone
Phosphor Icons|interface
Outline Chevrons Down
Tabler Icons|interface
Theme
IconPark|interface
Outlined Action Action Language
Material Icons|interface
Outline Chevrons Left
Tabler Icons|interfaceСмотреть ещё
Часто задаваемые вопросы
Needle - Часто задаваемые вопросы
Бесплатна ли SVG-иконка Needle для коммерческого использования? +
Да, иконка Needle из коллекции Phosphor Icons доступна по лицензии MIT для бесплатного коммерческого использования.
Сохраняет ли иконка Needle оригинальные цвета при скачивании? +
Да, Needle сохраняет исходные цвета по умолчанию, пока вы не выберете новый цвет в редакторе.
Как использовать иконку Needle в React или Vue? +
Откройте вкладку React TSX или Vue 3 на этой странице и нажмите Copy SVG. Вставьте компонент в проект и оформите его через CSS или Tailwind.
Можно ли скачать Needle в виде прозрачного PNG? +
Да, выберите размер до 1024 пикселей и нажмите Скачать PNG.
Как анимировать иконку Needle с помощью CSS? +
Выберите анимацию в живом редакторе, чтобы автоматически встроить CSS keyframes.
Можно ли создать AI-промпт для иконки Needle? +
Да, используйте генератор AI-промптов на этой странице для стилей 3D, Стекло или Неон.
Можно ли менять размер иконки Needle без потери качества? +
Да. Файл Needle это вектор с масштабируемым viewBox, поэтому он остается четким в 16px, 64px, 512px и в печати.
Куда сообщить о проблеме с файлом Needle? +
Напишите на support@svgnexus.com и укажите адрес иконки. Вопросы лицензии по Needle идут на legal@svgnexus.com.
100% Обработка в Браузере | 76,166 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.