Gunnar Bittersmann: SVG mittels CSS färben

Beitrag lesen

@@Regina Schaukrug

Ja, Gunnar. Sowas nur zu sagen ist immer einfach.

Ein aussagekräftiges Beispiel zu erstellen ist hingegen etwas aufwendiger.

Ich hatte schon damit angefangen: http://test.local/svg-icons/house.html 🤪

Aber dann kam mir der Feierabend dazwischen …

Ich finde dein Beispiel nicht so richtig aussagekräftig. Wegen:

@Clarissa: Sieh Dir den Quelltext an. Der enthält 3 identische SVG-Grafiken

Das Icon sollte nur einmal als SVG-Grafik[1] (Pfad) vorhanden sein und von außen jeweils anders gefärbt werden.

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann

  1. Wollte schon fragen, ob es für sowas wie „SVG-Grafik“, „HIV-Virus“, „LCD-Display“, „PIN/TAN-Nummer“, … einen Begriff gibt. Hab’s gefunden: redundantes Akronym. Und in den Tiefen des Archivs gefunden: „RAS-Syndrom“ (Redundantes-Akronym-Syndrom-Syndrom) 😄 ↩︎

0 63

Icon, png mit transperenten Hintergrund mittels CSS färben

Clarissa
  • css
  1. 0
    beatovich
  2. 0
    Robert B.
    • css
    • svg
  3. 0
    beatovich
    1. 0
      Gunnar Bittersmann
      1. 0
        beatovich
        1. 1
          Linuchs
          1. 0
            Regina Schaukrug
  4. 0
    Regina Schaukrug
    1. 0
      Gunnar Bittersmann
      1. 0
        Clarissa
        1. 0
          Regina Schaukrug
          1. 0
            Gunnar Bittersmann
            1. 0

              SVG mittels CSS färben

              Regina Schaukrug
              • css
              • svg
              1. 0

                Icon, png mit transperenten Hintergrund mittels CSS färben

                Matthias Apsel
                • meinung
                • zu diesem forum
                1. 0
                  Regina Schaukrug
              2. 0
                Robert B.
                1. 0
                  Regina Schaukrug
                  1. 0
                    Robert B.
                    1. 0
                      Regina Schaukrug
                      1. 0
                        Robert B.
                    2. 1
                      Gunnar Bittersmann
                      1. 0
                        Regina Schaukrug
                        1. 0

                          Probleme mit use

                          Regina Schaukrug
                          1. 0
                            Robert B.
                            1. 0
                              Regina Schaukrug
              3. 1
                Gunnar Bittersmann
                1. 0
                  Regina Schaukrug
                2. 6
                  Gunnar Bittersmann
                  • css
                  • html
                  • svg
                  1. 1

                    SVG mittels CSS färben - Das geht (THX!)

                    Regina Schaukrug
                    1. 0
                      Auge
                      1. 0
                        Regina Schaukrug
                        1. 0
                          Auge
                          1. 0
                            Regina Schaukrug
                            1. 0
                              beatovich
                              1. 0
                                Regina Schaukrug
                                1. 0
                                  beatovich
                                  1. 0
                                    Regina Schaukrug
                                    1. 0
                                      beatovich
                                      1. 0
                                        Matthias Apsel
                                        1. 0
                                          beatovich
                                      2. 0
                                        Regina Schaukrug
                                        1. 0
                                          Matthias Apsel
                                          1. 0
                                            Regina Schaukrug
                                        2. 0
                                          beatovich
                                          1. 0
                                            Matthias Apsel
                                2. 1
                                  MudGuard
                    2. 0

                      Version mit externem SVG funktioniert in modernen Browsern

                      Regina Schaukrug
                  2. 5
                    Gunnar Bittersmann
                    1. 0
                      Regina Schaukrug
                      1. 0
                        Gunnar Bittersmann
                      2. 0
                        beatovich
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            beatovich
                    2. 0
                      JürgenB
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          JürgenB
                    3. 0
                      marctrix
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          marctrix
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              marctrix
                    4. 0
                      Gunnar Bittersmann