Open Source

@edusites / bancos - brasil

Biblioteca JavaScript para renderizar ícones SVG de bancos brasileiros com total customização

NPM Package
MIT License
41 bancos disponíveis

Bancos Disponíveis

Todos os principais bancos brasileiros em formato SVG vetorial

Código

Exemplos de Uso

Integre facilmente em qualquer framework JavaScript

javascriptapp.js
123456789101112
import { svgBanco } from "@edusites/bancos-brasil";

const svg = svgBanco({ nome: "nubank" });
document.getElementById("app").innerHTML = svg;

const svgCustom = svgBanco({
  nome: "cora",
  formato: "circulo",
  cor: "#FFFFFF",
  fundo: "#FE3E6D",
  tamanho: 96,
});
API

Parâmetros

Configure os ícones de acordo com suas necessidades

nomestring

Nome identificador do banco

Obrigatório
formatostring

Formato do container do ícone

Opcional Padrão: quadrado
corstring

Cor do ícone em hexadecimal

Opcional Padrão: Preset do banco
fundostring

Cor de fundo em hexadecimal

Opcional Padrão: Preset do banco
tamanhonumber

Tamanho em pixels

Opcional Padrão: 64
classNamestring

Classe CSS customizada

Opcional
quadrado

Bordas arredondadas (padrão)

circulo

Formato circular

sem

Apenas o ícone

Comece Agora

Instalação

Escolha seu gerenciador de pacotes favorito e instale em segundos

npm
npm install @edusites/bancos-brasil
yarn
yarn add @edusites/bancos-brasil
pnpm
pnpm add @edusites/bancos-brasil