Icons

[gestein]

Hallo,

und noch ein paar Icons (auch ein paar passend zur Jahreszeit).
Vielleicht kann die auch jemand brauchen.
Kritik ist gerne willkommen.

lg, Gerhard

[Wzut]

Ich ärger mich schon länger das es für MAX das echte rf Symbol (HT / WT) nicht als Icon gibt.
Der Userkreis wird vermutlich überschaubar sein, ich werde es aber in die MAX attr Templates einbinden wenn es online gehen sollte.

[Wuppi68]

Ich ärger mich schon länger das es für MAX das echte rf Symbol (HT / WT) nicht als Icon gibt.
Der Userkreis wird vermutlich überschaubar sein, ich werde es aber in die MAX attr Templates einbinden wenn es online gehen sollte.

kannst basteln

PS.: Die Weihnacht Icons lasse ich hier im Forum - es sei denn es ist wirklicher Bedarf, dann gerne

[Wzut]

Ich habe gerade erst gesehen das der Homematic Funkturm ja genau so ausschaut (kein Wunder bei gleichem Hersteller) , sollte man vllt doch den Namen anpassen ? maxhm_rf , hmmax_rf oder rferror oder sonst wie ? 

[Wuppi68]

Ich habe gerade erst gesehen das der Homematic Funkturm ja genau so ausschaut (kein Wunder bei gleichem Hersteller) , sollte man vllt doch den Namen anpassen ? maxhm_rf , hmmax_rf oder rferror oder sonst wie ?

ich würde das ganze getrennt lassen, vielleicht ändert sich ja mal was Und löschen via update auf dem Zielrechner geht nicht

[gestein]

Hallo,

ich habe mich die letzten Tage mit der Anzeige der Anwesenheiten gespielt und bin dabei auf dieses DOIF gestoßen:
https://wiki.fhem.de/wiki/DOIF/uiTable_Schnelleinstieg#Visualisierung:_Anwesenheitsstatus

Leider konnte ich die passenden Icons dafür nirgends finden.
Daher habe ich den Stil der Icons vom Residence-Modul genommen und ein paar neue selbst erstellt.

Momentan kämpfe ich noch mit einer für "abwesend".
Vielleicht finde ich da noch was.
lg, Gerhard

[sash.sc]

Diese Icons sind auch in ui_Table package enthalten. Da musst du dir die Beispiele mal anschauen. Du kannst dies Icons auch im devstate einbauen.

[gestein]

Danke für den Hinweis. Bei mir werden die Icons vom ui_Table package leider nicht angezeigt.
Das muss ich mir dann genauer anschauen.

Aber so sehen die Icons vom Residence-Device und die in der Übersicht wenigsten gleich aus

lg, Gerhard

[TWART016]

In fontawesome sollte ein Icon fa-xbox vorhanden sein: Jedoch wird das bei mir nicht angezeigt.
In dem Icon steht F412, genauso bei icons_table. Ist das bei euch auch so?

Oder hat jemand ein xbox svg?

[Christoph Morrison]

Kleine Revision bzgl. der Feinstaub-Icons aus #499:
Da ist immer nur für einen Teil des Icons das fill-Attribut gesetzt, so dass auch immer nur ein Teil des Icons eingefärbt wird. Ich habe reparierte Versionen erstellt.

Beispiel:

Code Auswählen Erweitern


Index: feinstaub.svg
===================================================================
--- feinstaub.svg (Revision 23407)
+++ feinstaub.svg (Arbeitskopie)
@@ -1,92 +1,87 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- width="7086.609px" height="7086.609px" viewBox="0 0 7086.609 7086.609" enable-background="new 0 0 7086.609 7086.609"
- xml:space="preserve">
-<g id="Ebene_2">
- <g>
- <g>
- <g>
- <g>
- <path fill="#000000" d="M5190.061,5410.605H1896.55c-775.694,0-1406.236-561.162-1406.236-1251.504
- c0-583.891,462.948-1091.273,1094.086-1219.36c-2.475-28.847-3.73-56.569-3.73-83.198
- c0-650.989,595.041-1180.539,1326.49-1180.539c516.531,0,975.73,260.619,1195.644,670.963
- c559.539-79.283,1081.033,161.893,1346.447,582.791c657.322,109.793,1147.047,628.781,1147.047,1229.343
- C6596.297,4849.443,5965.764,5410.605,5190.061,5410.605z M2906.545,1883.399c-603.123,0-1094.085,436.964-1094.085,973.715
- c0,45.469,4.995,94.803,14.946,150.826c4.967,27.175-2.493,55.443-21.169,77.627c-18.722,22.184-46.123,37.134-77.272,41.024
- c-573.843,72.644-1006.237,516.818-1006.237,1032.51c0,576.104,526.492,1044.664,1173.823,1044.664h3293.511
- c647.341,0,1174.475-468.561,1174.475-1044.664c0-516.264-433.035-960.421-1007.502-1033.057
- c-38.016-4.445-70.401-25.503-87.868-56.022c-220.554-390.9-699.658-609.917-1209.966-505.139
- c-56.076,11.655-113.389-14.974-133.972-63.208C3759.52,2126.272,3359.513,1883.399,2906.545,1883.399z"/>
- </g>
- </g>
- </g>
- </g>
-</g>
-<g id="Ebene_4">
- <circle cx="1415.414" cy="3360.399" r="71.986"/>
- <circle cx="970.018" cy="3837.37" r="71.986"/>
- <circle cx="1295.437" cy="4131.311" r="71.986"/>
- <circle cx="1127.47" cy="4497.237" r="71.986"/>
- <circle cx="1343.429" cy="4833.171" r="71.986"/>
- <circle cx="1559.386" cy="4497.237" r="71.986"/>
- <circle cx="1957.687" cy="4689.199" r="71.986"/>
- <circle cx="1737.864" cy="4905.157" r="71.986"/>
- <circle cx="2594.101" cy="4977.144" r="71.986"/>
- <circle cx="2378.143" cy="4689.198" r="71.986"/>
- <circle cx="3471.318" cy="5074.199" r="71.986"/>
- <circle cx="3065.971" cy="5049.13" r="71.986"/>
- <circle cx="3270.416" cy="4761.186" r="71.986"/>
- <circle cx="3795.453" cy="4833.17" r="71.986"/>
- <circle cx="4161.38" cy="5049.129" r="71.986"/>
- <circle cx="2181.775" cy="5049.129" r="71.986"/>
- <circle cx="898.032" cy="4203.296" r="71.986"/>
- <circle cx="1295.437" cy="3693.398" r="71.986"/>
- <circle cx="2793.653" cy="4797.178" r="71.986"/>
- <circle cx="4641.282" cy="4905.156" r="71.986"/>
- <circle cx="4969.493" cy="5029.072" r="51.931"/>
- <circle cx="4285.296" cy="4869.164" r="51.931"/>
- <circle cx="3847.384" cy="5029.072" r="51.931"/>
- <circle cx="4569.297" cy="5081.002" r="47.959"/>
- <circle cx="5394.476" cy="5049.13" r="51.931"/>
- <circle cx="5867.852" cy="4833.172" r="51.931"/>
- <circle cx="5475.633" cy="3360.399" r="51.931"/>
- <circle cx="5944.927" cy="4424.479" r="51.931"/>
- <circle cx="5342.545" cy="4725.191" r="51.931"/>
-</g>
-<g id="Ebene_5">
- <circle cx="5546.998" cy="4833.174" r="41.591"/>
- <circle cx="5991.098" cy="4676.312" r="41.591"/>
- <circle cx="6145.295" cy="4315.972" r="41.591"/>
- <circle cx="6160.797" cy="4085.761" r="41.591"/>
- <circle cx="5944.927" cy="4167.233" r="41.59"/>
- <circle cx="5826.258" cy="3941.017" r="41.591"/>
- <circle cx="5713.367" cy="3505.088" r="41.59"/>
- <circle cx="5256.658" cy="3241.159" r="41.591"/>
- <circle cx="5242.064" cy="3455.554" r="41.59"/>
- <circle cx="5064.879" cy="3157.973" r="41.59"/>
- <circle cx="4969.494" cy="2931.965" r="41.591"/>
- <circle cx="5846.252" cy="3696.873" r="41.591"/>
- <circle cx="6150.508" cy="4531.347" r="41.591"/>
- <circle cx="5790.554" cy="4631.036" r="41.591"/>
- <circle cx="5475.633" cy="3603.041" r="41.591"/>
- <circle cx="4713.268" cy="2796.511" r="41.59"/>
- <circle cx="5200.472" cy="4921.096" r="41.591"/>
- <circle cx="5588.589" cy="4997.201" r="41.591"/>
- <circle cx="898.032" cy="4424.479" r="41.591"/>
- <circle cx="1600.979" cy="4717.905" r="41.591"/>
- <circle cx="1127.469" cy="4725.193" r="41.591"/>
- <circle cx="2181.775" cy="4833.171" r="41.591"/>
- <circle cx="1085.876" cy="3546.682" r="41.591"/>
- <circle cx="6084.622" cy="3837.37" r="51.931"/>
- <circle cx="5671.774" cy="3785.439" r="51.931"/>
- <circle cx="3270.416" cy="4962.689" r="41.591"/>
- <circle cx="1851.442" cy="5101.063" r="41.591"/>
- <circle cx="2763.26" cy="5059.47" r="41.591"/>
- <circle cx="1343.428" cy="4357.566" r="41.591"/>
- <circle cx="1085.876" cy="4044.169" r="41.591"/>
- <circle cx="5919.782" cy="3543.306" r="41.591"/>
- <circle cx="1737.864" cy="3288.413" r="41.59"/>
-</g>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+     width="7086.609px" height="7086.609px" viewBox="0 0 7086.609 7086.609"
+     enable-background="new 0 0 7086.609 7086.609"
+     xml:space="preserve">
+    <g fill="#000000">
+        <g id="Ebene_2">
+        <path d="M5190.061,5410.605H1896.55c-775.694,0-1406.236-561.162-1406.236-1251.504
+            c0-583.891,462.948-1091.273,1094.086-1219.36c-2.475-28.847-3.73-56.569-3.73-83.198
+            c0-650.989,595.041-1180.539,1326.49-1180.539c516.531,0,975.73,260.619,1195.644,670.963
+            c559.539-79.283,1081.033,161.893,1346.447,582.791c657.322,109.793,1147.047,628.781,1147.047,1229.343
+            C6596.297,4849.443,5965.764,5410.605,5190.061,5410.605z M2906.545,1883.399c-603.123,0-1094.085,436.964-1094.085,973.715
+            c0,45.469,4.995,94.803,14.946,150.826c4.967,27.175-2.493,55.443-21.169,77.627c-18.722,22.184-46.123,37.134-77.272,41.024
+            c-573.843,72.644-1006.237,516.818-1006.237,1032.51c0,576.104,526.492,1044.664,1173.823,1044.664h3293.511
+            c647.341,0,1174.475-468.561,1174.475-1044.664c0-516.264-433.035-960.421-1007.502-1033.057
+            c-38.016-4.445-70.401-25.503-87.868-56.022c-220.554-390.9-699.658-609.917-1209.966-505.139
+            c-56.076,11.655-113.389-14.974-133.972-63.208C3759.52,2126.272,3359.513,1883.399,2906.545,1883.399z"/>
+    </g>
+        <g id="Ebene_4">
+        <circle cx="1415.414" cy="3360.399" r="71.986"/>
+            <circle cx="970.018" cy="3837.37" r="71.986"/>
+            <circle cx="1295.437" cy="4131.311" r="71.986"/>
+            <circle cx="1127.47" cy="4497.237" r="71.986"/>
+            <circle cx="1343.429" cy="4833.171" r="71.986"/>
+            <circle cx="1559.386" cy="4497.237" r="71.986"/>
+            <circle cx="1957.687" cy="4689.199" r="71.986"/>
+            <circle cx="1737.864" cy="4905.157" r="71.986"/>
+            <circle cx="2594.101" cy="4977.144" r="71.986"/>
+            <circle cx="2378.143" cy="4689.198" r="71.986"/>
+            <circle cx="3471.318" cy="5074.199" r="71.986"/>
+            <circle cx="3065.971" cy="5049.13" r="71.986"/>
+            <circle cx="3270.416" cy="4761.186" r="71.986"/>
+            <circle cx="3795.453" cy="4833.17" r="71.986"/>
+            <circle cx="4161.38" cy="5049.129" r="71.986"/>
+            <circle cx="2181.775" cy="5049.129" r="71.986"/>
+            <circle cx="898.032" cy="4203.296" r="71.986"/>
+            <circle cx="1295.437" cy="3693.398" r="71.986"/>
+            <circle cx="2793.653" cy="4797.178" r="71.986"/>
+            <circle cx="4641.282" cy="4905.156" r="71.986"/>
+            <circle cx="4969.493" cy="5029.072" r="51.931"/>
+            <circle cx="4285.296" cy="4869.164" r="51.931"/>
+            <circle cx="3847.384" cy="5029.072" r="51.931"/>
+            <circle cx="4569.297" cy="5081.002" r="47.959"/>
+            <circle cx="5394.476" cy="5049.13" r="51.931"/>
+            <circle cx="5867.852" cy="4833.172" r="51.931"/>
+            <circle cx="5475.633" cy="3360.399" r="51.931"/>
+            <circle cx="5944.927" cy="4424.479" r="51.931"/>
+            <circle cx="5342.545" cy="4725.191" r="51.931"/>
+    </g>
+        <g id="Ebene_5">
+        <circle cx="5546.998" cy="4833.174" r="41.591"/>
+            <circle cx="5991.098" cy="4676.312" r="41.591"/>
+            <circle cx="6145.295" cy="4315.972" r="41.591"/>
+            <circle cx="6160.797" cy="4085.761" r="41.591"/>
+            <circle cx="5944.927" cy="4167.233" r="41.59"/>
+            <circle cx="5826.258" cy="3941.017" r="41.591"/>
+            <circle cx="5713.367" cy="3505.088" r="41.59"/>
+            <circle cx="5256.658" cy="3241.159" r="41.591"/>
+            <circle cx="5242.064" cy="3455.554" r="41.59"/>
+            <circle cx="5064.879" cy="3157.973" r="41.59"/>
+            <circle cx="4969.494" cy="2931.965" r="41.591"/>
+            <circle cx="5846.252" cy="3696.873" r="41.591"/>
+            <circle cx="6150.508" cy="4531.347" r="41.591"/>
+            <circle cx="5790.554" cy="4631.036" r="41.591"/>
+            <circle cx="5475.633" cy="3603.041" r="41.591"/>
+            <circle cx="4713.268" cy="2796.511" r="41.59"/>
+            <circle cx="5200.472" cy="4921.096" r="41.591"/>
+            <circle cx="5588.589" cy="4997.201" r="41.591"/>
+            <circle cx="898.032" cy="4424.479" r="41.591"/>
+            <circle cx="1600.979" cy="4717.905" r="41.591"/>
+            <circle cx="1127.469" cy="4725.193" r="41.591"/>
+            <circle cx="2181.775" cy="4833.171" r="41.591"/>
+            <circle cx="1085.876" cy="3546.682" r="41.591"/>
+            <circle cx="6084.622" cy="3837.37" r="51.931"/>
+            <circle cx="5671.774" cy="3785.439" r="51.931"/>
+            <circle cx="3270.416" cy="4962.689" r="41.591"/>
+            <circle cx="1851.442" cy="5101.063" r="41.591"/>
+            <circle cx="2763.26" cy="5059.47" r="41.591"/>
+            <circle cx="1343.428" cy="4357.566" r="41.591"/>
+            <circle cx="1085.876" cy="4044.169" r="41.591"/>
+            <circle cx="5919.782" cy="3543.306" r="41.591"/>
+            <circle cx="1737.864" cy="3288.413" r="41.59"/>
+    </g>
+    </g>
</svg>


Soll ich sie selbst einchecken?

[yersinia]

In fontawesome sollte ein Icon fa-xbox vorhanden sein: Jedoch wird das bei mir nicht angezeigt.
In dem Icon steht F412, genauso bei icons_table. Ist das bei euch auch so?

Hast du das xbox schriftzeichen f412 richtig eingebunden?

Code Auswählen Erweitern

<i class="fab fa-xbox"></i>

[Wuppi68]

Kleine Revision bzgl. der Feinstaub-Icons aus #499:
Da ist immer nur für einen Teil des Icons das fill-Attribut gesetzt, so dass auch immer nur ein Teil des Icons eingefärbt wird. Ich habe reparierte Versionen erstellt.

Beispiel:

Code Auswählen Erweitern


  code deleted for better reading


Soll ich sie selbst einchecken?

Hallo Christoph,

checke es selber ein Nicht das noch was beim patchen daneben geht

Beste Weihnachtsgrüße

Ralf

[TWART016]

Hast du das xbox schriftzeichen f412 richtig eingebunden?

Code Auswählen Erweitern

<i class="fab fa-xbox"></i>

Nein. Ich scheitere daran, wie ich das in das div einfügen muss. So wird mir nur das Icon neben dem Widget angezeigt

Code Auswählen Erweitern

<div data-type="switch" <i class="fab fa-microsoft"></i>> </div>

[yersinia]

Nein. Ich scheitere daran, wie ich das in das div einfügen muss. So wird mir nur das Icon neben dem Widget angezeigt

Damit bekommst du das Icon als class in einem Div:

Code Auswählen Erweitern

<div data-type="switch" class="fab fa-microsoft"></div>
Das ist aber eher ein FTUI-Thema, oder? Da musst du, wie in diesem Beispiel, das icon fab fa-microsoft als objekt angeben.
Schau mal hier -> https://forum.fhem.de/index.php/topic,109488.msg1050660.html#msg1050660 und weitere Posts.

Dieser Thread bezieht sich mMn auf FHEMWEB, von daher ist das hier eigentlich OT.

[Wzut]

@Wuppi68, das von mir erstellte Icon weather_night_cloudy_heavy hat leider einen Fehler.
Es lässt sich nur eines der beiden enthaltenen Elemente von FHEM umfärben.
( wieder der bereits früher schon mal angesprochene fill='#000000' Fehler )
Anbei die neue Version