Los colores originales del icono se mantienen hasta que elijas un color nuevo.
Columns - Iconos vectoriales y 3D
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Columns - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Columns icon"><title>Columns - Phosphor Icons icon</title><desc>Free Columns vector icon from the Phosphor Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M104,36H64A12,12,0,0,0,52,48V208a12,12,0,0,0,12,12h40a12,12,0,0,0,12-12V48A12,12,0,0,0,104,36Zm4,172a4,4,0,0,1-4,4H64a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4ZM192,36H152a12,12,0,0,0-12,12V208a12,12,0,0,0,12,12h40a12,12,0,0,0,12-12V48A12,12,0,0,0,192,36Zm4,172a4,4,0,0,1-4,4H152a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4Z"/></svg>
Quieres mejorar o cambiar el estilo de este icono? Columns
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Columns
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Sin Registro | 100% en tu Navegador
Columns - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Columns
| Identificador canonico del archivo | phosphor/phosphor-thin-columns-thin |
|---|---|
| Paquete de biblioteca de origen | Phosphor Icons |
| Cuadricula de coordenadas y viewBox | viewBox="0 0 256 256" |
| Peso sin comprimir | 678 bytes (~373 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: Columns
- 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)
phosphor-thin-columns-thin.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
ExplorarThin Rewind Thin
Phosphor Icons|interfaceThin Road Horizon Thin
Phosphor Icons|interfaceThin Robot Thin
Phosphor Icons|interfaceThin Rows Plus Bottom Thin
Phosphor Icons|interfaceThin Rows Plus Top Thin
Phosphor Icons|interfaceThin Rows Thin
Phosphor Icons|interfaceThin Rug Thin
Phosphor Icons|interfaceThin Sailboat Thin
Phosphor Icons|interfaceThin Scales Thin
Phosphor Icons|interfaceThin Scan Smiley Thin
Phosphor Icons|interfaceThin Scan Thin
Phosphor Icons|interfaceExplorar más
Columns - Preguntas frecuentes
¿El icono SVG Columns es gratis para uso comercial? +
Sí, el icono Columns de la colección Phosphor Icons tiene licencia MIT y puede usarse gratis en proyectos comerciales.
¿El icono Columns mantiene sus colores originales al descargarlo? +
Sí, Columns conserva sus colores por defecto a menos que selecciones un color nuevo en el editor.
¿Cómo uso el icono Columns 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 Columns como PNG transparente? +
Sí, elige un tamaño hasta 2048 px y pulsa Descargar PNG.
¿Cómo animo el icono Columns 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 Columns? +
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 Columns sin perder calidad? +
Si. El archivo Columns 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 Columns? +
Escribe a support@svgnexus.com con la direccion del icono. Las dudas de licencia sobre Columns van a legal@svgnexus.com.
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o codigo para frameworks.