c: saludos, para cambiar el color deun svg debes usar la propiedad "fill" ej
Código CSS:
Ver originallabel[for="nav-trigger"] {
/* critical positioning styles */
position: fixed;
left: 15px; top: 90%;
z-index: 2;
/* non-critical apperance styles */
height: 30px;
width: 30px;
cursor: pointer;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' fill="#000" viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
}
Las propiedades de los svg son basicamente Fill (para rellenar el color de fondo) y stroke (para el borde alrededor)
Este color también puede cambiarse desde css pues es un elemento web
le aplicas una clase a tu svg y puedes usar algo como
Código CSS:
Ver original.elemento-svg {
fill: red;
stroke: blue
}
y listo c: los svg son geniales
Suerte!