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. Entwicklung
  4. Material Design Icons per HTML

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

Material Design Icons per HTML

Scheduled Pinned Locked Moved Entwicklung
10 Posts 4 Posters 1.1k Views 4 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.
  • SKBS Offline
    SKBS Offline
    SKB
    Developer Most Active
    wrote on last edited by
    #1

    Hallo,
    ich würde gerne in meinem Adapter die Möglichkeit haben, das MaterialDesignIcons per shortform hinzugefügt werden können.

    <i class="material-icons">info</i>
    

    Hat ioBroker diese Icons schon "an Board", sodass man diese in die HTML Seite im www Verzeichnis wie oben genannt eingeben kann?

    Ich hatte folgendes in meinem <head> angelegt, aber die Klasse wird nicht geladen.

    <link rel="stylesheet" type="text/css" href="../../lib/css/materialize.css">
    <script src="../../lib/js/materialize.js"></script>
    

    2022-07-29 08_36_21-Energiefluss — Mozilla Firefox.png

    Hat jemand einen Tipp für mich?

    ... wer nicht mit der Zeit geht, geht mit der Zeit ...

    Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

    GlasfaserG 1 Reply Last reply
    0
    • SKBS SKB

      Hallo,
      ich würde gerne in meinem Adapter die Möglichkeit haben, das MaterialDesignIcons per shortform hinzugefügt werden können.

      <i class="material-icons">info</i>
      

      Hat ioBroker diese Icons schon "an Board", sodass man diese in die HTML Seite im www Verzeichnis wie oben genannt eingeben kann?

      Ich hatte folgendes in meinem <head> angelegt, aber die Klasse wird nicht geladen.

      <link rel="stylesheet" type="text/css" href="../../lib/css/materialize.css">
      <script src="../../lib/js/materialize.js"></script>
      

      2022-07-29 08_36_21-Energiefluss — Mozilla Firefox.png

      Hat jemand einen Tipp für mich?

      GlasfaserG Offline
      GlasfaserG Offline
      Glasfaser
      wrote on last edited by
      #2

      @skb

      MaterialDesignIcons
      Hat ioBroker diese Icons schon "an Board"

      siehe hier :

      https://forum.iobroker.net/topic/45686/pfad-der-material-design-icons

      4cdf9336-19e3-4c88-8d81-d863f7ab34c2-grafik.png

      <span  class="mdi mdi-pencil materialdesign-icon-image "  ></span>
      

      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

      SKBS 1 Reply Last reply
      0
      • GlasfaserG Glasfaser

        @skb

        MaterialDesignIcons
        Hat ioBroker diese Icons schon "an Board"

        siehe hier :

        https://forum.iobroker.net/topic/45686/pfad-der-material-design-icons

        4cdf9336-19e3-4c88-8d81-d863f7ab34c2-grafik.png

        <span  class="mdi mdi-pencil materialdesign-icon-image "  ></span>
        
        SKBS Offline
        SKBS Offline
        SKB
        Developer Most Active
        wrote on last edited by
        #3

        @glasfaser Es geht um einen Adapter, den ich schreibe. Um keine VIS Anzeige.
        Hier möchte in der HTML Datei, die im WWW Verzeichnis liegt, gerne die MDI Klassen nutzen und frage daher, ob ioBroker die schon an Bord hat.

        ... wer nicht mit der Zeit geht, geht mit der Zeit ...

        Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

        GlasfaserG 1 Reply Last reply
        0
        • SKBS SKB

          @glasfaser Es geht um einen Adapter, den ich schreibe. Um keine VIS Anzeige.
          Hier möchte in der HTML Datei, die im WWW Verzeichnis liegt, gerne die MDI Klassen nutzen und frage daher, ob ioBroker die schon an Bord hat.

          GlasfaserG Offline
          GlasfaserG Offline
          Glasfaser
          wrote on last edited by
          #4

          @skb sagte in Material Design Icons per HTML:

          und frage daher, ob ioBroker die schon an Bord hat.

          Die Antwort dazu steht doch im Link !?

          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

          SKBS 1 Reply Last reply
          0
          • GlasfaserG Glasfaser

            @skb sagte in Material Design Icons per HTML:

            und frage daher, ob ioBroker die schon an Bord hat.

            Die Antwort dazu steht doch im Link !?

            SKBS Offline
            SKBS Offline
            SKB
            Developer Most Active
            wrote on last edited by
            #5

            @glasfaser Da steht nicht, welche Javascript Library zu nehmen ist, oder sehe ich sie nicht?

            Ich möchte auch die Icons nicht "runterladen", wie im Link steht, sondern per Class anzeigen lassen.
            Dazu benötigt es eine CSS Datei und ggf. ein Javascript.

            ... wer nicht mit der Zeit geht, geht mit der Zeit ...

            Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

            GlasfaserG OliverIOO 2 Replies Last reply
            0
            • SKBS SKB

              @glasfaser Da steht nicht, welche Javascript Library zu nehmen ist, oder sehe ich sie nicht?

              Ich möchte auch die Icons nicht "runterladen", wie im Link steht, sondern per Class anzeigen lassen.
              Dazu benötigt es eine CSS Datei und ggf. ein Javascript.

              GlasfaserG Offline
              GlasfaserG Offline
              Glasfaser
              wrote on last edited by
              #6

              @skb sagte in Material Design Icons per HTML:

              @glasfaser Da steht nicht, welche Javascript Library zu nehmen ist, oder sehe ich sie nicht?

              Da hast du Recht ... bin halt nur von diesem Adapter ausgegangen :

              https://github.com/Scrounger/ioBroker.vis-materialdesign

              Ich möchte auch die Icons nicht "runterladen", wie im Link steht, sondern per Class anzeigen lassen.

              Sorry , war ja nur zu deiner Anfrage zu "MaterialDesignIcons " die Antwort dazu , das sie nicht im ioBroker enthalten sind .

              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

              SKBS 1 Reply Last reply
              0
              • GlasfaserG Glasfaser

                @skb sagte in Material Design Icons per HTML:

                @glasfaser Da steht nicht, welche Javascript Library zu nehmen ist, oder sehe ich sie nicht?

                Da hast du Recht ... bin halt nur von diesem Adapter ausgegangen :

                https://github.com/Scrounger/ioBroker.vis-materialdesign

                Ich möchte auch die Icons nicht "runterladen", wie im Link steht, sondern per Class anzeigen lassen.

                Sorry , war ja nur zu deiner Anfrage zu "MaterialDesignIcons " die Antwort dazu , das sie nicht im ioBroker enthalten sind .

                SKBS Offline
                SKBS Offline
                SKB
                Developer Most Active
                wrote on last edited by
                #7

                @glasfaser Dann hätte man auch einfach: "Nein, nicht enthalten", schreiben können ;)

                ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                1 Reply Last reply
                0
                • SKBS SKB

                  @glasfaser Da steht nicht, welche Javascript Library zu nehmen ist, oder sehe ich sie nicht?

                  Ich möchte auch die Icons nicht "runterladen", wie im Link steht, sondern per Class anzeigen lassen.
                  Dazu benötigt es eine CSS Datei und ggf. ein Javascript.

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

                  @skb
                  die icons sind im materialdesign adapter enthalten
                  die klassen sind hier definiert
                  https://github.com/Scrounger/ioBroker.vis-materialdesign/blob/master/widgets/materialdesign/lib/fonts/material-design-icons/materialdesignicons.css
                  es werden nur die ttf icons verwendet und nicht die svg icons

                  entweder du definierst eine abhängigkeit zu dem adapter (hab ich noch nie gemacht), dann wird zu deinem adapter der andere ebenfalls installiert
                  oder der einfachheithalber definierst du so wie der adapter das bei dir noch einmal. dann seid ihr beide voneinander unabhängiger (aber im browser wird 1mb mehr geladen)

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

                  SKBS 1 Reply Last reply
                  1
                  • OliverIOO OliverIO

                    @skb
                    die icons sind im materialdesign adapter enthalten
                    die klassen sind hier definiert
                    https://github.com/Scrounger/ioBroker.vis-materialdesign/blob/master/widgets/materialdesign/lib/fonts/material-design-icons/materialdesignicons.css
                    es werden nur die ttf icons verwendet und nicht die svg icons

                    entweder du definierst eine abhängigkeit zu dem adapter (hab ich noch nie gemacht), dann wird zu deinem adapter der andere ebenfalls installiert
                    oder der einfachheithalber definierst du so wie der adapter das bei dir noch einmal. dann seid ihr beide voneinander unabhängiger (aber im browser wird 1mb mehr geladen)

                    SKBS Offline
                    SKBS Offline
                    SKB
                    Developer Most Active
                    wrote on last edited by
                    #9

                    @oliverio Danke, das ist schlüssig und macht Sinn. Vielen Dank!

                    ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                    Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                    1 Reply Last reply
                    0
                    • SKBS Offline
                      SKBS Offline
                      SKB
                      Developer Most Active
                      wrote on last edited by
                      #10

                      @stef-heisel In der Tat.

                      Ich lasse die Icons nun dynamisch anderweitig laden. Klappt viel besser.

                      @stef-heisel sagte in Material Design Icons per HTML:

                      @skb Hallo,
                      Ich wäre dankbar, wenn Sie meine Arbeit in Form dieser Website bewerten würden: https://andersenlab.de/services/design-studio/mobile-design

                      Wieso soll ich "Ihre Arbeit bewerten"?

                      ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                      Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                      1 Reply Last reply
                      0
                      Reply
                      • Reply as topic
                      Log in to reply
                      • Oldest to Newest
                      • Newest to Oldest
                      • Most Votes


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      299

                      Online

                      32.7k

                      Users

                      82.4k

                      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