Externe CSS Datei in .svg Datei bearbeitet von Matthias Scharwies 09.03.2020 05:02 Servus! > Hallo, > > ich möchte die Farbe eines Icons ändern. Das Icon ist eine .svg Datei. SVG ist eine Markup-Sprache für Grafik-Dokumente, in denen du andere Ressourcen wie externe Grafiken, Stylesheets und auch Scripts laden kannst. > Binde ich die svg Datei jetzt aber in ein HTML Dokument ein...: > > **index.html** > > ~~~ > <body> > <img src="img/icon.svg" alt="icon"> > </body> > ~~~ > **Hat jemand eine Idee, warum die svg Datei im HTML Dokument nicht rot dargestellt wird?** Du lädst ein externes img in deine Webseite. Aus Sicherheitsgründen kann so ein Bild keine weiteren externen Ressourcen laden. → [Bugzilla](https://bugzilla.mozilla.org/show_bug.cgi?id=628747) * [SVG/Tutorials/Einstieg/Einbindung](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/Einbindung) Du kannst das Bild selbst nicht verändern, aber evtl. in der Darstellung den Farbton ändern: [filter: hue-rotate(90deg); ](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Anzeige/filter#.C3.84nderung_des_Farbtons) Ich persönlich würde Icons entweder als SVG-Hintergrundbild oder als SVG-Fragment im HTML-Dokument integrieren. Herzliche Grüße Matthias Scharwies -- 25 Jahre SELFHTML → **[SELF-Treffen 05.-07. Juni 2020](https://forum.selfhtml.org/events/4)** in **Mannheim**
Externe CSS Datei in .svg Datei bearbeitet von Matthias Scharwies 09.03.2020 05:10 Servus! > Hallo, > > ich möchte die Farbe eines Icons ändern. Das Icon ist eine .svg Datei. SVG ist eine Markup-Sprache für Grafik-Dokumente, in denen du andere Ressourcen wie externe Grafiken, Stylesheets und auch Scripts laden kannst. > Binde ich die svg Datei jetzt aber in ein HTML Dokument ein...: > > **index.html** > > ~~~ > <body> > <img src="img/icon.svg" alt="icon"> > </body> > ~~~ > **Hat jemand eine Idee, warum die svg Datei im HTML Dokument nicht rot dargestellt wird?** Du lädst ein externes img in deine Webseite. Aus Sicherheitsgründen kann so ein Bild keine weiteren externen Ressourcen laden. → [Bugzilla](https://bugzilla.mozilla.org/show_bug.cgi?id=628747) * [SVG/Tutorials/Einstieg/Einbindung](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/Einbindung) Du kannst das Bild selbst nicht verändern, aber evtl. mit [filter: hue-rotate(90deg); ](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Anzeige/filter#.C3.84nderung_des_Farbtons) (Werte bitte ausprobieren) in der Darstellung den Farbton ändern. Ich persönlich würde Icons entweder als SVG-Hintergrundbild oder als SVG-Fragment im HTML-Dokument integrieren. Herzliche Grüße Matthias Scharwies -- 25 Jahre SELFHTML → **[SELF-Treffen 05.-07. Juni 2020](https://forum.selfhtml.org/events/4)** in **Mannheim**
Externe CSS Datei in .svg Datei funktioniert, wenn man die Datei selbst öffnet, aber nicht, wenn die .svg Datei in HTML eingebunden ist bearbeitet von Matthias Scharwies 09.03.2020 05:08 Servus! > Hallo, > > ich möchte die Farbe eines Icons ändern. Das Icon ist eine .svg Datei. SVG ist eine Markup-Sprache für Grafik-Dokumente, in denen du andere Ressourcen wie externe Grafiken, Stylesheets und auch Scripts laden kannst. > Binde ich die svg Datei jetzt aber in ein HTML Dokument ein...: > > **index.html** > > ~~~ > <body> > <img src="img/icon.svg" alt="icon"> > </body> > ~~~ > **Hat jemand eine Idee, warum die svg Datei im HTML Dokument nicht rot dargestellt wird?** Du lädst ein externes img in deine Webseite. Aus Sicherheitsgründen kann so ein Bild keine weiteren externen Ressourcen laden. → [Bugzilla](https://bugzilla.mozilla.org/show_bug.cgi?id=628747) * [SVG/Tutorials/Einstieg/Einbindung](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/Einbindung) Du kannst das Bild selbst nicht verändern, aber evtl. mit [filter: hue-rotate(90deg); ](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Anzeige/filter#.C3.84nderung_des_Farbtons) (Werte bitte ausprobieren) in der Darstellung den Farbton ändern. Ich persönlich würde Icons entweder als SVG-Hintergrundbild oder als SVG-Fragment im HTML-Dokument integrieren. Herzliche Grüße Matthias Scharwies -- 25 Jahre SELFHTML → **[SELF-Treffen 05.-07. Juni 2020](https://forum.selfhtml.org/events/4)** in **Mannheim**
Externe CSS Datei in .svg Datei funktioniert, wenn man die Datei selbst öffnet, aber nicht, wenn die .svg Datei in HTML eingebunden ist bearbeitet von Matthias Scharwies 09.03.2020 05:04 Servus! > Hallo, > > ich möchte die Farbe eines Icons ändern. Das Icon ist eine .svg Datei. SVG ist eine Markup-Sprache für Grafik-Dokumente, in denen du andere Ressourcen wie externe Grafiken, Stylesheets und auch Scripts laden kannst. > Binde ich die svg Datei jetzt aber in ein HTML Dokument ein...: > > **index.html** > > ~~~ > <body> > <img src="img/icon.svg" alt="icon"> > </body> > ~~~ > **Hat jemand eine Idee, warum die svg Datei im HTML Dokument nicht rot dargestellt wird?** Du lädst ein externes img in deine Webseite. Aus Sicherheitsgründen kann so ein Bild keine weiteren externen Ressourcen laden. → [Bugzilla](https://bugzilla.mozilla.org/show_bug.cgi?id=628747) * [SVG/Tutorials/Einstieg/Einbindung](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/Einbindung) Du kannst das Bild selbst nicht verändern, aber evtl. mit [filter: hue-rotate(90deg); ](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Anzeige/filter#.C3.84nderung_des_Farbtons) (Werte bitte ausprobieren) in der Darstellung den Farbton ändern. Ich persönlich würde Icons entweder als SVG-Hintergrundbilder oder als SVG-Fragment im HTML-Dokument integrieren. Herzliche Grüße Matthias Scharwies -- 25 Jahre SELFHTML → **[SELF-Treffen 05.-07. Juni 2020](https://forum.selfhtml.org/events/4)** in **Mannheim**
nicht angemeldet nicht angemeldet
