Monatsrückblick Januar/Februar 2026 ist online!

[a200]

moin,

ich nutze das jqui-mfd - ctrl - socket Widget um den Status der Steckdose anzuzeigen. Jetzt würde ich gerne ein eigenes SVG Icon nutzen, was auch in dem Widget vorgesehen ist.

Wie muss ich die Farbe in dem SVG File einstellen, damit die Einstellungen aus dem VIS "Symbolfarbe für AN" und "AUS" übernommen werden?

Mein SVG file:

Spoiler

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
	<g>
		<path d="M501.801,182.29h-90.535V49.272c0-5.633-4.567-10.199-10.199-10.199H110.934c-5.633,0-10.199,4.566-10.199,10.199v70.293
			h-7.412C41.865,119.565,0,161.43,0,212.888V436.21c0,5.633,4.566,10.199,10.199,10.199h61.702v16.319
			c0,5.633,4.566,10.199,10.199,10.199H429.9c5.632,0,10.199-4.566,10.199-10.199v-16.319h61.702
			c5.632,0,10.199-4.566,10.199-10.199V192.49C512,186.857,507.433,182.29,501.801,182.29z M121.133,59.472h269.734V182.29H211.124
			v-52.526c0-5.633-4.566-10.199-10.199-10.199h-79.791V59.472z M92.3,452.528v-43.306h15.795v20.398
			c0,5.633,4.566,10.199,10.199,10.199h275.41c5.632,0,10.199-4.566,10.199-10.199v-20.398h15.796v43.306H92.3z M128.494,419.422
			v-38.757h255.013v38.757H128.494z M491.602,426.011h-51.503v-26.987c0-5.633-4.567-10.199-10.199-10.199h-25.995v-8.159h1.02
			c5.632,0,10.199-4.566,10.199-10.199c0-5.633-4.567-10.199-10.199-10.199H107.075c-5.633,0-10.199,4.566-10.199,10.199
			c0,5.633,4.566,10.199,10.199,10.199h1.02v8.159H82.101c-5.633,0-10.199,4.566-10.199,10.199v26.987H20.398V266.985h471.203
			V426.011z M491.602,246.586H20.398v-33.698c0-40.21,32.714-72.924,72.924-72.924h97.402v52.526
			c0,5.633,4.566,10.199,10.199,10.199h290.677V246.586z"/>
	</g>
</g>
<g>
	<g>
		<path d="M84.653,281.733H46.916c-5.633,0-10.199,4.566-10.199,10.199c0,5.633,4.566,10.199,10.199,10.199h37.737
			c5.633,0,10.199-4.566,10.199-10.199C94.853,286.299,90.286,281.733,84.653,281.733z"/>
	</g>
</g>
<g>
	<g>
		<path d="M467.124,281.733h-37.737c-5.632,0-10.199,4.566-10.199,10.199c0,5.633,4.567,10.199,10.199,10.199h37.737
			c5.632,0,10.199-4.566,10.199-10.199C477.323,286.299,472.755,281.733,467.124,281.733z"/>
	</g>
</g>
<g>
	<g>
		<path d="M396.749,281.733h-5.1c-5.632,0-10.199,4.566-10.199,10.199c0,5.633,4.567,10.199,10.199,10.199h5.1
			c5.632,0,10.199-4.566,10.199-10.199C406.948,286.299,402.381,281.733,396.749,281.733z"/>
	</g>
</g>
<g>
	<g>
		<path d="M84.653,313.35H46.916c-5.633,0-10.199,4.566-10.199,10.199c0,5.633,4.566,10.199,10.199,10.199h37.737
			c5.633,0,10.199-4.566,10.199-10.199C94.853,317.916,90.286,313.35,84.653,313.35z"/>
	</g>
</g>
<g>
	<g>
		<path d="M162.167,160.362h-3.06c-5.633,0-10.199,4.566-10.199,10.199s4.566,10.199,10.199,10.199h3.06
			c5.633,0,10.199-4.566,10.199-10.199S167.8,160.362,162.167,160.362z"/>
	</g>
</g>
<g>
	<g>
		<path d="M122.39,160.362h-3.06c-5.633,0-10.199,4.566-10.199,10.199s4.566,10.199,10.199,10.199h3.06
			c5.633,0,10.199-4.566,10.199-10.199S128.023,160.362,122.39,160.362z"/>
	</g>
</g>
<g>
	<g>
		<path d="M82.614,160.362h-3.06c-5.633,0-10.199,4.566-10.199,10.199s4.566,10.199,10.199,10.199h3.06
			c5.633,0,10.199-4.566,10.199-10.199S88.247,160.362,82.614,160.362z"/>
	</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

Klar könnte ich über <g fill="#FARBE"> die Farbe direkt in der Datei speichern, aber schöner wäre es die Parameter aus VIS zu übernehmen.

[a200]

Kann mir keiner sagen, wie ich die gewählte Symbolfarbe in mein SVG-Icon rein bekomme?