outline
outline
MIT
1 nodos vectoriales
1. Color
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
2. Fondo del lienzo y transformaciones
3. Ajustes de animacion vectorial en vivo
Incluido en la exportacion SVG
Feather - Iconos vectoriales y 3D
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Feather - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador
Descargas instantaneas vectoriales y de alta resolucion
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
bootstrap-regular-feather.svg (1,387 B)
Copia rapida para desarrolladores y frameworks de interfaz
Salida de codigo en vivo
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-feather" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Feather icon"><title>Feather - Bootstrap Icons icon</title><desc>Free Feather vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M15.807.531c-.174-.177-.41-.289-.64-.363a3.8 3.8 0 0 0-.833-.15c-.62-.049-1.394 0-2.252.175C10.365.545 8.264 1.415 6.315 3.1S3.147 6.824 2.557 8.523c-.294.847-.44 1.634-.429 2.268.005.316.05.62.154.88q.025.061.056.122A68 68 0 0 0 .08 15.198a.53.53 0 0 0 .157.72.504.504 0 0 0 .705-.16 68 68 0 0 1 2.158-3.26c.285.141.616.195.958.182.513-.02 1.098-.188 1.723-.49 1.25-.605 2.744-1.787 4.303-3.642l1.518-1.55a.53.53 0 0 0 0-.739l-.729-.744 1.311.209a.5.5 0 0 0 .443-.15l.663-.684c.663-.68 1.292-1.325 1.763-1.892.314-.378.585-.752.754-1.107.163-.345.278-.773.112-1.188a.5.5 0 0 0-.112-.172M3.733 11.62C5.385 9.374 7.24 7.215 9.309 5.394l1.21 1.234-1.171 1.196-.027.03c-1.5 1.789-2.891 2.867-3.977 3.393-.544.263-.99.378-1.324.39a1.3 1.3 0 0 1-.287-.018Zm6.769-7.22c1.31-1.028 2.7-1.914 4.172-2.6a7 7 0 0 1-.4.523c-.442.533-1.028 1.134-1.681 1.804l-.51.524zm3.346-3.357C9.594 3.147 6.045 6.8 3.149 10.678c.007-.464.121-1.086.37-1.806.533-1.535 1.65-3.415 3.455-4.976 1.807-1.561 3.746-2.36 5.31-2.68a8 8 0 0 1 1.564-.173"/> </svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? Feather
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Feather
Generador de prompts 100% en el navegador
Verificacion de fuente y licencia
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Sin Registro | 100% en tu Navegador
Palabras clave
#bootstrap
#regular
#feather
#interface
#outline
#feather svg
#feather icon
#feather bootstrap icons
#feather react tsx
#feather vue
#feather png
Popular en tu idioma
iconos svg gratis
descargar iconos vectoriales gratis
convertir svg a png online
editor svg gratis en el navegador
iconos 3d svg
optimizar archivos svg
componentes react svg
animar iconos svg con css
iconos para uso comercial
biblioteca iconos svg
Feather - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Feather
| Identificador canonico del archivo | bootstrap/bootstrap-regular-feather |
|---|---|
| Paquete de biblioteca de origen | Bootstrap Icons |
| Cuadricula de coordenadas y viewBox | viewBox="0 0 16 16" |
| Peso sin comprimir | 1,387 bytes (~763 bytes gzipped) |
| Licencia SPDX y uso comercial | MIT - Gratis para uso comercial |
| Formatos de exportacion admitidos | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantia de seguridad y privacidad | Sin Registro | 100% en tu Navegador |
Como usar y personalizar este icono: Feather
- Personaliza visualmente: Color, Automatico (trazo y relleno), Grosor del trazo (
0.5px-4px), Ajustes de animacion vectorial en vivo - Descarga el vector o la imagen: Descargar SVG, PNG (transparente), WebP (optimizado) (
2048x2048 px) - Copia el codigo del framework: Copia codigo listo para React, Next.js, Vue 3, Svelte, Angular, HTML y mascaras CSS.
- Edicion vectorial profunda: Editar en el editor SVG (76,166)
Consejo de accesibilidad (WCAG 2.1): Oculta los iconos decorativos con aria-hidden y focusable false. Da un aria-label claro a los botones que solo tienen icono. Voltea las flechas en horizontal para idiomas de derecha a izquierda.
bootstrap-regular-feather.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
Explorar
outline
Regular Clipboard2 Heart
Bootstrap Icons|interface
outline
Regular Clipboard2 Minus
Bootstrap Icons|interface
outline
Regular Clipboard2 Plus
Bootstrap Icons|interface
outline
Regular Clipboard2 Pulse
Bootstrap Icons|interface
outline
Regular Clipboard2 X
Bootstrap Icons|interface
Regular Clipboard2
Bootstrap Icons|interface
Regular Clock History
Bootstrap Icons|interface
Regular Clock
Bootstrap Icons|interface
24px Solid Calculator
Heroicons|interface
Form
IconPark|interface
Filled Editor Editor Mode Comment
Material Icons|interfaceExplorar más
Preguntas frecuentes
Feather - Preguntas frecuentes
¿El icono SVG Feather es gratis para uso comercial? +
Sí, el icono Feather de la colección Bootstrap Icons tiene licencia MIT y puede usarse gratis en proyectos comerciales.
¿El icono Feather mantiene sus colores originales al descargarlo? +
Sí, Feather conserva sus colores por defecto a menos que selecciones un color nuevo en el editor.
¿Cómo uso el icono Feather en React o Vue? +
Abre la pestana React TSX o Vue 3 en esta pagina y pulsa Copy SVG. Pega el componente en tu proyecto y dale estilo con CSS o Tailwind.
¿Puedo descargar Feather como PNG transparente? +
Sí, elige un tamaño hasta 2048 px y pulsa Descargar PNG.
¿Cómo animo el icono Feather con CSS? +
Selecciona una animación en el editor en vivo para incluir automáticamente los keyframes CSS.
¿Puedo generar un prompt de IA para Feather? +
Sí, usa el generador de prompts IA en esta página para crear una descripción en estilo 3D, Cristal o Neón.
Puedo cambiar el tamano del icono Feather sin perder calidad? +
Si. El archivo Feather es un vector con viewBox escalable, asi que se mantiene nitido a 16px, 64px, 512px o en impresion.
Donde informo un problema con el archivo Feather? +
Escribe a support@svgnexus.com con la direccion del icono. Las dudas de licencia sobre Feather van a legal@svgnexus.com.
100% en tu Navegador | 76,166 iconos
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o codigo para frameworks.