Comment ajouter de la couleur aux icônes et éléments SVG avec CurrentColor | par Maya Shavin | Meilleure programmation | Juil, 2020

Online Coding Courses for Kids

Créez des sprites SVG avec use






.favorite-btn {
display: flex;
align-items: center;
}

Ajout de couleur

.favorite-btn {
/*...*/
background: #3d1472;
color: white;
}
.favorite-btn svg {
fill: white;
}
.favorite-btn:hover {
color: grey; // color for button text
}

.favorite-btn:hover svg {
fill: grey; // color for icon
}

svg {
fill: currentColor;
}
.favorite-btn {
background: #3d1472;
color: white;
}

.favorite-btn:hover {
color: grey;
}

svg {
fill: currentColor
}

Close Menu