Icons

[aherby]

Hallo Zusammen,

anbei auch ein paar Icons von mir.
Ich habe die vorhandenen Sonos-Icons etwas angepasst.
Unteranderem nutze ich diese für die Darstellung im Floorplan.
Daher gibt es nun Sonos Play 1 (on/off), Sonos Playbar (on/off), Sonos Sub (on/off) Sonos Gruppe (on/off)
Hoffe es geht in Ordnung.

Gruß Alex

[MadMax]

Habe mal ein Icon für eine Siemens LOGO! erstellt.
eventuell braucht das auch jemand.

[Lui.G]

Moin,
bin noch neu aber ich dachte vielleicht hat ja jemand Interesse an meinen ersten Gehversuchen mit Incscape.

Max EcoTaster
Max Fensterkontakt
Max Heizungsthermostat Basic

[ms_steini]

Hallo,

irgendetwas mache ich noch falsch, in Fhem wird mein eigenes Icon abfalltonne.svg mit Inkscape erstellt wunderbar angezeigt

(http://steinis.com/homematic/tablet_ui/abfallkalender_2.png)

aber im Tablet UI nicht.

(http://steinis.com/homematic/tablet_ui/abfallkalender_3.png)


Ich habe auch versucht alle Tips und Tricks hier aus dem Forum zu berücksichtigen
Hat jemand eine Idee was ich da noch falsch mache ?

[justme1968]

ich habe eben einen satz der offiziellen hue geräte icons eingecheckt.

gruss
  andre

[Burny4600]

Habe einige Fragen zu den Icons.
Folgende Programme habe ich für die Bearbeitung zur Verfügung:
InkScape 0.91 x64 und Corel Draw X4.
Mit beiden Programmen habe ich das problem die SVG Icons so zu bearbeiten das diese in FHEM auch richtig angezeigt werden.
In InkScape kommen nur cryptische Icons heraus obwohl ich ein vorhandenes FHEM Icon nur ein wenig abändere.
In Corel Draw wird zwar die gewünschte Änderung angezeigt, aber es passt die Farbe nicht. Das Icon wird immer nur schwarz angezeigt, obwohl sich die Farbe entsprechend ändern sollte wie es die original SVG Dateien es machen.

Gibt es hier Vorgaben wie das Icon zu speichern oder zu exportieren ist damit das gewünschte Ergebnis heraus kommt. Hoffe auf ein paar gute Tipps von Euch Profis.

Eine weitere Frage:
Gibt es einen Link oder eine Möglichkeit die gesammelten Icons die hier einzeln oder in kleinen Packs angeführt wurden zu erlangen?

[simonberry]

Hallo Burny

hier im Wiki steht eigentlich das wesentliche drinnen: http://www.fhemwiki.de/wiki/Icons

das gesamte Bild muss als "Normales SVG" gespeichert werden (Standardeinstellung bei Inkscape ist "Inkscape SVG")

Was auch hilft sind 2 Leerzeilen am Dateianfang:

Code Auswählen Erweitern




<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.0"
   id="Ebene_1"
   x="0px"
   y="0px"
   width="468px"
...


Viele Grüße

Simonberry

[justme1968]

was meinst du mit kryptisch? falls du nur buchstaben siehst:  vor der <svg zeile müssen noch genau drei zeilen vorher kommen. man könnte mal den parser in FHEM etwas flexibler machen.

wenn die farbe nicht stimmt: es muss eine fill="#000000" geben. wenn es nur ein style=... gibt kannst du das komplett löschen und durch das fill ersetzen.

gruss
  andre

[justme1968]

ich hab hier: https://forum.fhem.de/index.php/topic,52714.0.html einen patch vorgeschlagen der das drei zeilen problem behebt.

gruss
  andre

[Burny4600]

Und wo genau muss ich diese fill Anpassungen in diesem File machen?

Code Auswählen Erweitern

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="50mm" height="50mm" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 50 50"
xmlns:xlink="http://www.w3.org/1999/xlink"
sodipodi:linespacing="125%"
sodipodi:role="line"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.0"
inkscape:version="0.91 r13725"
sodipodi:docname="measure_pwinkel.svg">
<defs>
  <style type="text/css">
   <![CDATA[
    .fil0 {fill:black}
    .fil1 {fill:black;fill-rule:nonzero}
   ]]>
  </style>
</defs>
<g id="Ebene_x0020_1">
  <metadata id="CorelCorpID_0Corel-Layer"/>
  <sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="900" inkscape:window-height="645" id="namedview3584" showgrid="false" inkscape:zoom="0.40428266" inkscape:cx="292.5" inkscape:cy="291.875" inkscape:window-x="362" inkscape:window-y="234" inkscape:window-maximized="0" inkscape:current-layer="svg3560"/>
  <g id="_120995008">
   <path id="_121667472" class="fil0" d="M0.0572 0.2038c-0.0508,0.1188 -0.0678,11.3752 -0.0508,25.0084 0.0508,21.9016 0.0848,24.7878 0.3052,24.7878 0.2035,0 0.2714,-0.4244 0.3392,-2.4618l0.0848 -2.4618 0.7632 -0.051c1.6449,-0.0849 3.663,-1.5789 5.6811,-4.1765l0.5257 -0.6622 0.5427 0.7471c1.0514,1.4261 2.7981,3.0391 3.8834,3.5823 2.5438,1.2394 5.2741,0.1528 7.784,-3.124 1.0684,-1.3752 2.9338,-4.567 4.1379,-7.0288 0.7801,-1.6299 3.0525,-7.0968 3.6122,-8.7776 0.1017,-0.2547 0.3391,-0.2886 1.7297,-0.2886 1.3228,0 1.645,-0.051 1.7298,-0.2717 0.1527,-0.4244 -0.2713,-0.5772 -1.6789,-0.5772 -0.7292,0 -1.3227,-0.051 -1.3227,-0.1019 0,-0.5943 3.5952,-8.7097 4.6805,-10.5603l0.4409 -0.764 0.4579 0.8149c0.5766,1.0696 0.8649,1.2564 1.4415,0.8829 0.2374,-0.1698 0.4409,-0.4245 0.4409,-0.5773 0,-0.1528 -0.3052,-0.8489 -0.6953,-1.545l-0.6953 -1.2564 0.6105 -0.8998c0.814,-1.1715 2.5607,-2.8354 3.4765,-3.2937 0.814,-0.4244 1.8485,-0.4923 2.6455,-0.1867 1.4754,0.5602 3.4596,2.7334 5.1215,5.5687 1.4075,2.4278 1.5771,2.5806 2.2724,1.8845 0.424,-0.4244 0.3731,-0.5942 -0.7292,-2.4957 -1.9163,-3.3277 -3.7648,-5.399 -5.6133,-6.3158 -1.0514,-0.5093 -1.2379,-0.5433 -2.3742,-0.4754 -0.9497,0.0679 -1.4584,0.2037 -2.1537,0.5772 -1.1362,0.6112 -2.4759,1.8337 -3.4595,3.124l-0.7462 1.0017 -0.6954 -0.9168c-1.0853,-1.4432 -2.5437,-2.7674 -3.6461,-3.3107 -2.1876,-1.1036 -4.5448,-0.4584 -6.7325,1.8166 -0.6105,0.6452 -1.2889,1.4092 -1.5263,1.7148l-0.4239 0.5433 -0.6445 -0.8319c-0.9327,-1.2394 -2.6625,-2.8014 -3.5951,-3.2598 -0.6614,-0.3226 -1.1023,-0.4074 -2.1877,-0.4074 -1.1701,0 -1.4754,0.0679 -2.2215,0.4754 -2.5099,1.3922 -4.8841,4.584 -7.6992,10.3905 -1.0514,2.1562 -3.0016,6.8081 -3.0864,7.4023 -0.0339,0.1358 -0.0848,-5.0593 -0.1357,-11.545 -0.0678,-9.219 -0.1356,-11.7996 -0.2883,-11.8505 -0.1186,-0.051 -0.2543,0.0169 -0.3052,0.1528l-0.0001 0.0001zm15.517 7.0459c0.831,0.4923 2.5269,2.1562 3.273,3.2258l0.4749 0.6791 -0.5427 0.9168c-1.1362,1.9525 -2.8999,5.6706 -4.1209,8.7606 -0.7122,1.7827 -1.2889,3.3277 -1.2889,3.4296 0,0.1358 -1.6449,0.1867 -5.5963,0.1867 -3.0695,0 -5.5963,-0.0339 -5.5963,-0.1019 0,-0.3395 2.3063,-5.7385 3.4765,-8.1324 3.1712,-6.4856 6.2238,-9.8641 8.564,-9.4906 0.3222,0.0509 0.9328,0.2886 1.3567,0.5263l0 0 0 0zm13.3464 0.3056c0.9497,0.6621 2.6116,2.4787 3.1034,3.3785 0.2204,0.4245 0.1865,0.5264 -0.407,1.5959 -1.0853,1.9355 -2.7134,5.433 -3.7478,8.0136 -0.5257,1.3583 -0.9836,2.4788 -1.0006,2.4957 -0.0169,0.017 -0.3561,-0.8658 -0.7631,-1.9524 -0.9158,-2.4449 -2.2724,-5.416 -3.3409,-7.3345 -0.4409,-0.798 -0.9666,-1.7148 -1.1531,-2.0543l-0.3392 -0.6113 0.797 -1.0186c0.9328,-1.2054 2.3912,-2.5976 3.1882,-2.9881 0.407,-0.2207 0.8819,-0.2886 1.628,-0.2377 0.9158,0.034 1.2041,0.1528 2.035,0.7131l0 0 0.0001 0.0001zm-8.0044 6.2478c1.1023,2.0034 4.6636,10.0679 4.6636,10.5942 0,0.017 -2.3573,0.0509 -5.2572,0.0509 -2.8829,0 -5.2571,-0.0509 -5.2571,-0.1018 0,-0.6452 4.884,-11.6129 5.1723,-11.6129 0.034,0 0.3392,0.4923 0.6784,1.0696l0 0zm-8.0553 11.6808c0,0.4584 -2.069,5.348 -3.5105,8.2852 -1.4923,3.0561 -1.628,3.2768 -1.8654,2.9712 -0.7801,-1.0696 -3.4765,-6.961 -4.7653,-10.4754l-0.3731 -0.9678 5.2571 0c3.5952,0 5.2572,0.051 5.2572,0.1868l-0.0001 0 0.0001 0zm13.058 0.0509c0,0.8319 -3.3069,8.2853 -4.9688,11.2054 -3.0526,5.3311 -5.6642,7.4363 -7.9875,6.4177 -1.0006,-0.4584 -2.459,-1.8336 -3.5104,-3.3277l-0.814 -1.1545 0.5087 -0.8829c1.3397,-2.258 4.0701,-8.3531 5.4606,-12.207 0.1018,-0.2717 0.5257,-0.2887 5.7151,-0.2887 4.7144,0 5.5963,0.034 5.5963,0.2377l0 0 0 0zm-24.3185 2.4788c1.5263,4.0917 2.7643,6.7912 4.2227,9.2529 0.424,0.7131 0.7632,1.3583 0.7632,1.4432 0,0.2546 -1.4754,2.1392 -2.3742,3.039 -0.9497,0.9678 -2.3233,1.7148 -3.0864,1.7148l-0.4749 0 0 -8.8625c0,-4.8726 0.0339,-8.8115 0.0848,-8.7776 0.0339,0.051 0.4239,1.0357 0.8649,2.1902l-0.0001 0z"/>
   <path id="_121667616" class="fil0" d="M1.7361 0.4245c-0.2543,0.3905 -0.2543,0.4584 0,0.8489l0.2714 0.4244 23.7419 0c21.3338,0 23.742,-0.034 23.9794,-0.2717 0.3391,-0.3395 0.3391,-0.8149 0,-1.1545 -0.2374,-0.2376 -2.6456,-0.2716 -23.9794,-0.2716l-23.7419 0 -0.2714 0.4244 0 0.0001z"/>
   <path id="_121667712" class="fil0" d="M1.77 2.411c-0.3392,0.4923 -0.3392,0.5772 0.0679,0.9847 0.3052,0.3056 0.5596,0.3396 2.8151,0.3396 1.3736,0 2.6116,-0.0849 2.7981,-0.1698 0.3731,-0.2038 0.4409,-1.0017 0.1187,-1.3243 -0.1356,-0.1358 -1.0175,-0.2037 -2.866,-0.2037 -2.5776,0 -2.6794,0.017 -2.9338,0.3735l0 0z"/>
   <path id="_121667808" class="fil0" d="M10.2493 2.309c-0.3562,0.3566 -0.3392,0.798 0.0339,1.1376 0.2713,0.2376 0.7292,0.2886 2.883,0.2886 2.7133,0 3.0864,-0.1019 3.0864,-0.8489 0,-0.7471 -0.3731,-0.8489 -3.1373,-0.8489 -2.1368,0 -2.6456,0.0509 -2.866,0.2716l-0.0001 0 0.0001 0z"/>
   <path id="_121667904" class="fil0" d="M18.7624 2.2241c-0.4239,0.2377 -0.4069,1.1036 0.017,1.3413 0.1865,0.0849 1.4415,0.1698 2.866,0.1698 2.2385,0 2.5607,-0.034 2.7981,-0.3056 0.3731,-0.4075 0.3562,-0.7641 -0.0169,-1.1036 -0.2714,-0.2377 -0.7292,-0.2886 -2.8491,-0.2886 -1.3906,0 -2.6625,0.0849 -2.8151,0.1867l0 0z"/>
   <path id="_121668000" class="fil0" d="M27.14 2.2412c-0.3222,0.3225 -0.2543,1.1205 0.1187,1.3242 0.4918,0.2547 5.1384,0.2207 5.4776,-0.0509 0.407,-0.3226 0.4749,-0.7301 0.2035,-1.1206 -0.2374,-0.3395 -0.407,-0.3565 -2.9338,-0.3565 -1.8485,0 -2.7304,0.0679 -2.866,0.2037l0 0.0001z"/>
   <path id="_121668096" class="fil0" d="M35.4836 2.4618c-0.2544,0.3905 -0.2544,0.4584 0,0.8489 0.2713,0.4244 0.2883,0.4244 2.8321,0.4244 1.4245,0 2.6963,-0.0849 2.8829,-0.1698 0.3731,-0.2037 0.4409,-1.0016 0.1187,-1.3242 -0.1356,-0.1358 -1.0175,-0.2037 -2.8829,-0.2037 -2.6625,0 -2.6795,0 -2.9508,0.4244l0 0z"/>
   <path id="_121668192" class="fil0" d="M43.9967 2.309c-0.1526,0.1358 -0.2713,0.4075 -0.2713,0.5773 0,0.747 0.3731,0.8489 3.1373,0.8489 2.7642,0 3.1373,-0.1019 3.1373,-0.8489 0,-0.7471 -0.3731,-0.8489 -3.1373,-0.8489 -2.1368,0 -2.6455,0.0509 -2.866,0.2716z"/>
   <g>
    <path id="text3442" class="fil1" d="M38.9915 17.9964l-0.8471 5.3099c-0.6411,0.3141 -1.1219,1.0372 -1.4333,2.1839 -0.3159,1.1394 -0.4717,2.3591 -0.4717,3.6592 0,1.7237 0.2519,3.294 0.751,4.7183 0.5037,1.4169 1.273,2.3957 2.3079,2.9435l0 -9.758c0,-2.4103 0.1099,-4.1997 0.3297,-5.3537 0.2198,-1.1541 0.6456,-2.0597 1.273,-2.7171 0.6318,-0.6573 1.4561,-0.986 2.4772,-0.986 1.4058,0 2.6055,0.5551 3.6083,1.658 1.0029,1.1102 1.7447,2.5563 2.2346,4.3458 0.4854,1.7894 0.7281,3.5643 0.7281,5.3172 0,3.0238 -0.5999,5.7116 -1.8042,8.0562 -1.1997,2.3445 -2.8939,3.8345 -5.0782,4.4626l0 8.0489 -3.7685 0 0 -8.0489c-2.1385,-0.482 -3.8235,-1.8625 -5.0644,-4.1413 -1.2364,-2.2715 -1.8546,-5.0104 -1.8546,-8.2022 0,-3.6154 0.6319,-6.5151 1.9049,-8.7135 1.099,-1.8844 2.6696,-2.812 4.7073,-2.7828zm4.0753 19.1142c2.0057,-1.4315 3.0085,-4.2801 3.0085,-8.5601 0,-1.5119 -0.1969,-2.8339 -0.5907,-3.9587 -0.3938,-1.1321 -0.8838,-1.6945 -1.4653,-1.6945 -0.293,0 -0.5266,0.2191 -0.696,0.6573 -0.1694,0.431 -0.2565,1.8625 -0.2565,4.2874l0 9.2686z"/>
   </g>
  </g>
</g>
</svg>


[Invers]

Einfach hinter

Code Auswählen Erweitern

<?xml version="1.0" encoding="UTF-8"?>
zwei leerzeilen einfügen mit Texteditor.

[Burny4600]

Und wo muß ich das

Code Auswählen Erweitern

fill="#000000" platzieren?

[Tueftler1983]

hallo ich habe mir ein Icon angepast und noch 2 neue gemacht bekomme die aber in FHEM nicht angezeigt. da steht dann nur ein langer linktext

Weiß nicht was ich da noch anpassen muss!?!?


Kann mir jemand hilfestellung geben wo mein/e Fehler ist/sind?

[Elektrolurch]

1. Im richtigen Ordner unter www/images hinterlegt?
2. set WEB.* rereadicons
Damit wrden neue Icons der Web-Instanz bekannt gemacht.

Elektrolurch

[Tueftler1983]

Habe sie in WWW IMAGES OPENAUTOMATION gelegt und dann ein shutdown restart gemacht

In den sani_domestic_waterworks habe ich nur in die Pumpe Auto bzw Man geschienen und wieder im normales svg Format gespeichert