wo SVGs ablegen und wie referenzieren ?

Begonnen von rasti, 25 Januar 2024, 13:50:26

Vorheriges Thema - Nächstes Thema

rasti

Hallo,

in welchem Verzeichnis kann ich eigene SVGs ablegen so dass ich die als Icons in Tablet UI nehmen kann und
wie sind die im HTML Code zu referenzieren.

Beispiel :

<header>Strom</header>

<div class="top-space inline"> 
      <div data-type="pagebutton" data-url="solarstrom.html" class="cell" data-icon="oa-weather_sun" class="cell"></div>
        <div data-type="label" class="cell">Solarstrom </div>
</div>

<div class="top-space inline"> 
<div data-type="pagebutton" data-url="lichter.html" class="cell" data-icon="fa-lightbulb-o" class="cell"></div>
        <div data-type="label" class="cell">Beleuchtung </div>
</div>

<div class="top-space inline"> 
<div data-type="pagebutton" data-url="wallbox.html" class="cell" data-icon="Wallbox_Icon" class="cell"></div>
        <div data-type="label" class="cell">Wallbox </div>
</div>


Die Icons für Solarstrom und Beleuchung in dem Code funktionieren out_of_the_box.
In welches fhem-Directory muss ich nun meine Datei Wallbox_Icon.svg hinlegen ?
Und wie sieht die richtige Referenzierung bei data-icon="Wallbox_Icon" aus ? Ich will ja keinen absoluten Pfad angeben....

VIele Grüße

Ralf