Bonjour,

lorsque j'utilise le balisage habituel :
background-image: url('data:image/svg+xml,<svg fill="MediumTurquoise" id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m511.986 341.999v-168c0-35.841-29.157-65-64.996-65h-56.996v-14c0-35.841-29.157-65-64.996-65h-259.983c-35.839 0-64.996 29.159-64.996 65v168c0 28.688 18.679 53.094 44.514 61.694-17.323 etc... </svg>

j'arrive à passer la valeur de fill. Ici "MediuMTurquoise".

En revanche, avec un balisage du type :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
background-image: url('/sites/default/files/media-images/facebook.svg');
qui affiche pourtant très bien le SVG grâce à
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
	display: inline-block;
	content: "";
	background-repeat: no-repeat;
	-webkit-background-size: 1.5rem 1.5rem;
	background-size: 1.5rem 1.5rem;
	background-position: 0 0.25rem;
	width: 1.5rem;
	height: 1.8rem;
	margin-right: 0.5em;

il m'est impossible de changer la valeur FILL via CSS.

Avez-vous une idée du problème ?
De sa solution ?