AI UI Designer Logo
AI UI Designer

Icono de Visa

Pago#1434CB

PNG transparente de alta calidad de Visa para web e impresión.

Código vectorial SVG de Visa optimizado para desarrolladores.

Componente de icono de React de Visa listo para usar.

Use Visa in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Cómo usar el icono de Visa

Copia el icono de Visa como SVG en línea, código React, incrustación HTML o máscara CSS.

SVG en línea

Pega el SVG de Visa directamente en HTML o JSX.

Componente React

Usa Visa como un componente de icono de React tipado.

import React from 'react';

export const VisaIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

Incrustación HTML

Usa una URL alojada del icono de Visa con atribución.

Máscara CSS

Usa Visa como un icono de máscara CSS que permite cambiar el color.

.visa-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #1434cb;
  mask: url("https://www.aiuidesigner.com/icons/visa.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/visa.svg") center / contain no-repeat;
}

Detalles del icono de Visa

Color de marca

#1434CB

Categoría

Pago

Formatos

SVG, PNG, React, HTML, máscara CSS

SVG viewBox

0 0 24 24

Archivo SVG

793 B · 1 trazado

Licencia

Consultar guía de marca

Acerca del icono de Visa

icons.aboutParagraph1

Utiliza los enlaces de la fuente y la guía de marca en esta página para verificar las reglas actuales de uso de la marca registrada antes de usar el logotipo de Visa en proyectos comerciales, documentación, maquetas de UI o páginas de marketing.

Etiquetas:paymentcardfinance

Preguntas frecuentes sobre el icono de Visa

Design a UI with the Visa icon

Generate a complete page that already uses this icon, color, and brand context.

Visa Iconos relacionados