Wie kann man ein SVG ohne fill="customColor" die Farbe ändern?

Um die Farbe eines SVG-Bildes zu ändern, ohne das ``-Attribut direkt im SVG-Code zu verwenden, kannst du CSS nutzen. Hier sind einige Methoden, um dies zu erreichen:

1. **CSS-Klassen**: Füge eine Klasse zu deinem SVG-Element hinzu und definiere die Farbe in deinem CSS.

```html
<svg class="my-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<circle cx="50" cy="50" r="40" />
</svg>

<style>
.my-svg circle {
fill: red; /* Ändere die Farbe hier */
}
</style>
```

2. **Inline-Styles**: Du kannst auch Inline-CSS verwenden, um die Farbe zu ändern.

```html
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" style="fill: blue;">
<circle cx="50" cy="50" r="40" />
</svg>
```

3. **CSS-Variablen**: Wenn du die Farbe dynamisch ändern möchtest, kannst du CSS-Variablen verwenden.

```html
<style>
:root {
--custom-color: green;
}
.my-svg circle {
fill: var(--custom-color);
}
</style>

<svg class="my-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<circle cx="50" cy="50" r="40" />
</svg>
```

4. **JavaScript**: Du kannst auch JavaScript verwenden, um die Farbe zur Laufzeit zu ändern.

```html
<svg id="mySvg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<circle cx="50" cy="50" r="40" />
</svg>

<script>
document.getElementById('mySvg').querySelector('circle').setAttribute('fill', 'orange');
</script>
```

Mit diesen Methoden kannst du die Farbe eines SVG-Elements ändern, ohne das `fill`-Attribut direkt im SVG-Code zu setzen.