Iconos gratis de tarjeta de crédito (SVG)

48 iconos de tarjeta de crédito gratis de sets de código abierto: haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, data URI o CSS.

Actualizado el

Cómo usar los iconos de tarjeta de crédito

Los iconos de tarjeta marcan el pago, los métodos de pago y los ajustes de facturación.

Todos los iconos aquí siguen currentColor, así que toman el color de texto del elemento en el que están: un solo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o dimensiónalos en CSS con 1em) para que el diseño no se desplace mientras carga la página.

Iconos accesibles

Si el icono es decorativo o va junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label como “Tarjeta de crédito”.

Licencias

Estos iconos de tarjeta de crédito provienen de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols y Material Design Icons: sets de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas algo más? Busca entre más de 70 000 iconos en el SVG Icon Finder.

Preguntas frecuentes

¿Son gratuitos estos iconos de tarjeta de crédito para uso comercial?
Sí. Provienen de sets de iconos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Conserva el aviso de licencia si redistribuyes los propios archivos de iconos.
¿Cómo cambio el color de un icono de tarjeta de crédito?
Los SVG usan currentColor, así que define el color CSS del elemento padre; también puedes abrir el icono en el buscador y elegir un color fijo antes de copiarlo.
¿Puedo usar estos iconos en Webflow o React?
Sí. Abre un icono y usa Copiar a Webflow (pega un Code Embed) o Copiar JSX para un componente de React.