Mam przycisk skonfigurować tak:Farbowanie SVG zawartość url z css
<button class="buttonclass"><i class="iconclass plus-icon"></i></button>
moich klas css wyglądać następująco:
.buttonclass {
width: 30px;
height: 30px;
text-align: center;
position: relative;
border-radius: 20px;
background-color: #1DBE60
}
.iconclass {
width: 20px;
height: 20px;
margin: 7.5px;
}
.buttonclass .iconclass {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.plus-icon {
content: url(http://uxrepo.com/static/icon-sets/mfg-labs/svg/plus.svg);
}
Jak mogę zmienić kolor „Plus- ikona "z css, jeśli jest to SVG? Próbowałem dodanie klas wypełnić do SVG, zajęcia kolor, tło-klas itd
Oto upadać: http://plnkr.co/edit/6fLYQlpFmDdf7aWenBtp?p=preview
Nie jest to możliwe, gdy używa się SVG jako obrazu tła. https://css-tricks.com/using-svg/ – CBroe
Zwykle używałbyś do tego czcionki ikonowej zamiast svg. –
@CBroe Jaki byłby najlepszy sposób używania svg jako ikony? Czy MUSZĘ używać inline svg? Czy jest jakiś sposób, abym mógł użyć mojej obecnej konfiguracji za pomocą klasy? – developthewebz