ciao!
sto cercando di impostare un svg centrato come background.
in pratica devo modificare l'accordion button di bootstrap 5.
ho fatto cosi:
codice:
.accordion-button::after {
background-color: #52B377;
border-radius: 50%;
width: 32px;
height: 32px;
text-align: center;
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
il problema è che la freccia interna, l'svg quindi, non risulta centrato.
ne orizzontalmente ne verticalmente.
avete qualche suggerimento??