Ir al contenido
outline MIT 1 nodos vectoriales
Cards - Phosphor Icons iconFree Cards 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 Estatico
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
Phosphor Icons | Interfaz de usuario (UI/UX) | viewBox="0 0 256 256" | Gratis para uso comercial

Cards - Iconos vectoriales y 3D

La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Cards - 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. phosphor-thin-cards-thin.svg (589 B)
Copia rapida para desarrolladores y frameworks de interfaz
Salida de codigo en vivo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Cards icon"><title>Cards - Phosphor Icons icon</title><desc>Free Cards vector icon from the Phosphor Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M184,76H40A12,12,0,0,0,28,88V200a12,12,0,0,0,12,12H184a12,12,0,0,0,12-12V88A12,12,0,0,0,184,76Zm4,124a4,4,0,0,1-4,4H40a4,4,0,0,1-4-4V88a4,4,0,0,1,4-4H184a4,4,0,0,1,4,4ZM228,56V176a4,4,0,0,1-8,0V56a4,4,0,0,0-4-4H64a4,4,0,0,1,0-8H216A12,12,0,0,1,228,56Z"/></svg>
Prompt de IA y mejora vectorial

Quieres mejorar o cambiar el estilo de este icono? Cards

Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Cards

Generador de prompts 100% en el navegador
Cards Free SVG Vector Icon - Phosphor Icons (MIT)
Verificacion de fuente y licencia LICENSE.txt

Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Sin Registro | 100% en tu Navegador

Palabras clave
#phosphor #thin #cards #interface #outline #cards svg #cards icon #cards phosphor icons #cards react tsx #cards vue #cards 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

Cards - Especificaciones tecnicas del vector

La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Cards

Identificador canonico del archivo phosphor/phosphor-thin-cards-thin
Paquete de biblioteca de origen Phosphor Icons
Cuadricula de coordenadas y viewBox viewBox="0 0 256 256"
Peso sin comprimir 589 bytes (~324 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: Cards

  1. Personaliza visualmente: Color, Automatico (trazo y relleno), Grosor del trazo (0.5px-4px), Ajustes de animacion vectorial en vivo
  2. Descarga el vector o la imagen: Descargar SVG, PNG (transparente), WebP (optimizado) (2048x2048 px)
  3. Copia el codigo del framework: Copia codigo listo para React, Next.js, Vue 3, Svelte, Angular, HTML y mascaras CSS.
  4. 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. phosphor-thin-cards-thin.svg aria-hidden="true" focusable="false"

Mas en Interfaz de usuario (UI/UX)

Explorar

Explorar más

Preguntas frecuentes

Cards - Preguntas frecuentes

¿El icono SVG Cards es gratis para uso comercial? +

Sí, el icono Cards de la colección Phosphor Icons tiene licencia MIT y puede usarse gratis en proyectos comerciales.

¿El icono Cards mantiene sus colores originales al descargarlo? +

Sí, Cards conserva sus colores por defecto a menos que selecciones un color nuevo en el editor.

¿Cómo uso el icono Cards 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 Cards como PNG transparente? +

Sí, elige un tamaño hasta 2048 px y pulsa Descargar PNG.

¿Cómo animo el icono Cards 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 Cards? +

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 Cards sin perder calidad? +

Si. El archivo Cards 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 Cards? +

Escribe a support@svgnexus.com con la direccion del icono. Las dudas de licencia sobre Cards 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.

Escribe para buscar entre 76,166 iconos vectoriales...

Navegar | Enter para abrir Explorar todos los iconos

Comparar

Fuente y licencia del icono

Licencia Uso comercial Atribucion Modificar o recolorear
MITPermitidoAviso en el paquetePermitido
ISCPermitidoAviso en el paquetePermitido
Apache-2.0PermitidoObligatorio con archivo de avisoPermitido
CC BY 4.0PermitidoCredito obligatorioPermitido
CC-BY-SA-4.0PermitidoCompartir igualCompartir igual
Trademark / BrandSolo uso referencialGuias del duenoRestringido

Vista previa del icono