Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Farbe Ändern bei SVG Icons

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    793

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    6.2k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

Farbe Ändern bei SVG Icons

Scheduled Pinned Locked Moved Visualisierung
4 Posts 2 Posters 577 Views 3 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • Z Offline
    Z Offline
    zap
    Developer
    wrote on last edited by
    #1

    Hallo,

    ich möchte gerne bei einem Icon in VIS die Farbe ändern. Geht das? Wenn ja, mit welchem Widget?

    Einige Widget bieten "invertieren" an. Da wird halt nur zwischen Schwarz und Weiß umgeschaltet.

    Den CSS Trick mit der Kombination von Filtern kenne ich, ist halt sehr aufwändig.

    OliverIOO 1 Reply Last reply
    0
    • Z zap

      Hallo,

      ich möchte gerne bei einem Icon in VIS die Farbe ändern. Geht das? Wenn ja, mit welchem Widget?

      Einige Widget bieten "invertieren" an. Da wird halt nur zwischen Schwarz und Weiß umgeschaltet.

      Den CSS Trick mit der Kombination von Filtern kenne ich, ist halt sehr aufwändig.

      OliverIOO Offline
      OliverIOO Offline
      OliverIO
      wrote on last edited by
      #2

      @zap

      das kommt auf das svg an.
      du kannst mal ein image widget probieren, die svg datei auswählen und dort bei den css einstellungen Font/color die Textfarbe ändern

      Dann gibt es noch ein widget svg bool, da kann man den quelltext direkt reinkopieren, da dann das selbe

      Alternativ kannst du auch die svg-Datei hier mal reinposten, dann kann ich mal schauen, wie eine css anweisung aussehen soll

      Meine Adapter und Widgets
      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
      Links im Profil

      Z 1 Reply Last reply
      0
      • OliverIOO OliverIO

        @zap

        das kommt auf das svg an.
        du kannst mal ein image widget probieren, die svg datei auswählen und dort bei den css einstellungen Font/color die Textfarbe ändern

        Dann gibt es noch ein widget svg bool, da kann man den quelltext direkt reinkopieren, da dann das selbe

        Alternativ kannst du auch die svg-Datei hier mal reinposten, dann kann ich mal schauen, wie eine css anweisung aussehen soll

        Z Offline
        Z Offline
        zap
        Developer
        wrote on last edited by
        #3

        @oliverio ok, danke! Das Image Widget hatte ich schon probiert. Font/color wird konsequent ignoriert.

        Ich frage mich halt, wie andere Oberflächen das machen (z.B. FHEM). Da konnte ich für jedes SVG (zumindest jedes, das ich damals verwendet habe) einfach die Farbe festlegen.

        Ich werde jetzt halt die Farbe direkt in der SVG Datei anpassen.

        OliverIOO 1 Reply Last reply
        0
        • Z zap

          @oliverio ok, danke! Das Image Widget hatte ich schon probiert. Font/color wird konsequent ignoriert.

          Ich frage mich halt, wie andere Oberflächen das machen (z.B. FHEM). Da konnte ich für jedes SVG (zumindest jedes, das ich damals verwendet habe) einfach die Farbe festlegen.

          Ich werde jetzt halt die Farbe direkt in der SVG Datei anpassen.

          OliverIOO Offline
          OliverIOO Offline
          OliverIO
          wrote on last edited by
          #4

          @zap
          das geht auch, aber man kann auch eine css anweisung schreiben

          Meine Adapter und Widgets
          TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
          Links im Profil

          1 Reply Last reply
          0

          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

          With your input, this post could be even better 💗

          Register Login
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          Support us

          ioBroker
          Community Adapters
          Donate

          562

          Online

          32.8k

          Users

          82.7k

          Topics

          1.3m

          Posts
          Community
          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
          ioBroker Community 2014-2025
          logo
          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Home
          • Recent
          • Tags
          • Unread 0
          • Categories
          • Unreplied
          • Popular
          • GitHub
          • Docu
          • Hilfe