Farbe des Icons angegeben --> Icon ist größer

[henfri]

Hallo,

kann mir jemand sagen, warum das Angeben der Farbe (icon1) dazu führt, dass das Symbol größer gezeigt wird?

<ul data-role="listview" data-dividertheme="c" class="nw_tiles">
        <li data-icon="false"><a href="index.php?page=licht"
            data-prefetch> <img class="icon" src="{{ icon0 }}light_light.svg" />
            <h3>Licht</h3>
                <div class="ui-ri-aside"></div>
        </a></li>
        <li data-icon="false"><a href="index.php?page=rollos"> <img
                class="icon" src="{{ icon0 }}fts_shutter_50.svg" />
            <h3>Rollos/Fenster</h3>

                <div class="ui-ri-aside">EG: 
                {{ basic.symbol('navi.tuereg_status',  'eg.Fenster.geschlossen', '', 'fts_door_open.svg', 0, '', 'icon1') }} 
                {{ basic.symbol('navi.tuereg_status1', 'eg.Fenster.geschlossen', '', 'fts_door_locked.svg', 1) }} 
                {{ basic.float('navi.tuereg_status2',  'eg.Fenster.geschlossen.counter', '') }}
                    Ges: 
                {{ basic.symbol('navi.tuer_status', 'Alarmanlage.Fenster.geschlossen', '', 'fts_door_open.svg', 0,'', 'icon1') }} 
                {{ basic.symbol('navi.tuer_status1', 'Alarmanlage.Fenster.geschlossen', '',    'fts_door_locked.svg', 1) }} {{
                    basic.float('navi.tuer_status2', 'Alarmanlage.Fenster.geschlossen.counter', '')
                    }} </div>
        </a></li> 

visu.png

Gruß,
Hendrik