Icons
smart VISU uses two kinds of icons:
Dynamic Icons
Dynamic icons are based on svg-images. They are directly rendered in the browser and are the fastest way to show dynamic changes.
Use the slider to see how the dynamic icon changes.
{{ icon.arrow('icon1', '', 'bath_light_value') }}
{{ icon.battery('icon2', '', 'bath_light_value') }}
Static Icons
Static icons are base on png-images. Some color-variants are shipped in the icons directory.
To make them responsable to the design use as path "icon0" for "normal" icons and "icon1" for the highlighted version.
icon0~'light_light.png'
icon1~'light_light.png'
Examples
Icons located in "icons/ws/"
audio_audio.png
audio_eject.png
audio_eq.png
audio_fade.png
audio_ff.png
audio_headphone.png
audio_loudness.png
audio_pause.png
audio_play.png
audio_playlist.png
audio_rec.png
audio_repeat.png
audio_rew.png
audio_shuffle.png
audio_sound.png
audio_stop.png
audio_volume_high.png
audio_volume_low.png
audio_volume_mid.png
audio_volume_mute.png
control_all_on_off.png
control_arrow_down_left_right.png
control_arrow_down_left.png
control_arrow_down_right.png
control_arrow_down.png
control_arrow_downward.png
control_arrow_left.png
control_arrow_leftward.png
control_arrow_right.png
control_arrow_rightward.png
control_arrow_turn_left.png
control_arrow_turn_right.png
control_arrow_up_down.png
control_arrow_up_left.png
control_arrow_up_right.png
control_arrow_up.png
control_arrow_upward.png
control_building_2_s_all.png
control_building_2_s_dg.png
control_building_2_s_eg.png
control_building_2_s_kg.png
control_building_all.png
control_building_control.png
control_building_dg.png
control_building_eg.png
control_building_empty.png
control_building_filled.png
control_building_kg.png
control_building_modern_s_2og_all.png
control_building_modern_s_2og_dg.png
control_building_modern_s_2og_eg.png
control_building_modern_s_2og_kg.png
control_building_modern_s_2og_og1.png
control_building_modern_s_2og_og2.png
control_building_modern_s_all.png
control_building_modern_s_dg.png
control_building_modern_s_eg.png
control_building_modern_s_kg.png
control_building_modern_s_og.png
control_building_modern_s_okg_all.png
control_building_modern_s_okg_dg.png
control_building_modern_s_okg_eg.png
control_building_modern_s_okg_og.png
control_building_og.png
control_building_outside.png
control_building_s_all.png
control_building_s_dg.png
control_building_s_eg.png
control_building_s_kg.png
control_building_s_og.png
control_centr_arrow_down_left.png
control_centr_arrow_down_right.png
control_centr_arrow_down.png
control_centr_arrow_left.png
control_centr_arrow_right.png
control_centr_arrow_up_left.png
control_centr_arrow_up_right.png
control_centr_arrow_up.png
control_home.png
control_minus.png
control_on_off.png
control_outside_on_off.png
control_plus.png
control_reboot.png
control_return.png
control_standby.png
control_x.png
control_zoom_in.png
control_zoom_out.png
edit_collapse.png
edit_copy.png
edit_cut.png
edit_delete.png
edit_expand.png
edit_input_numeric.png
edit_open.png
edit_paste.png
edit_save.png
edit_settings.png
edit_sort.png
fts_blade_arc_close_00.png
fts_blade_arc_close_100.png
fts_blade_arc_close_50.png
fts_blade_arc_sun.png
fts_blade_arc.png
fts_blade_s_sun.png
fts_blade_s.png
fts_blade_z_sun.png
fts_blade_z.png
fts_door_open.png
fts_door_slide_2w_open_l.png
fts_door_slide_2w_open_lr.png
fts_door_slide_2w_open_r.png
fts_door_slide_2w.png
fts_door_slide_m.png
fts_door_slide_open_m.png
fts_door_slide_open.png
fts_door_slide.png
fts_door.png
fts_garage_door_10.png
fts_garage_door_100.png
fts_garage_door_20.png
fts_garage_door_30.png
fts_garage_door_40.png
fts_garage_door_50.png
fts_garage_door_60.png
fts_garage_door_70.png
fts_garage_door_80.png
fts_garage_door_90.png
fts_garage.png
fts_light_dome_open.png
fts_light_dome.png
fts_shutter_10.png
fts_shutter_100.png
fts_shutter_20.png
fts_shutter_30.png
fts_shutter_40.png
fts_shutter_50.png
fts_shutter_60.png
fts_shutter_70.png
fts_shutter_80.png
fts_shutter_90.png
fts_shutter_auto.png
fts_shutter_automatic.png
fts_shutter_daynight_auto.png
fts_shutter_down.png
fts_shutter_manual.png
fts_shutter_up.png
fts_shutter.png
fts_sliding_gate.png
fts_sunblind.png
fts_window_1w_open.png
fts_window_1w_tilt.png
fts_window_1w.png
fts_window_2w_open_l_tilt_r.png
fts_window_2w_open_l.png
fts_window_2w_open_lr.png
fts_window_2w_open_r.png
fts_window_2w_open.png
fts_window_2w_tilt_l_open_r.png
fts_window_2w_tilt_l.png
fts_window_2w_tilt_lr.png
fts_window_2w_tilt_r.png
fts_window_2w_tilt.png
fts_window_2w.png
fts_window_louvre_open.png
fts_window_louvre.png
fts_window_roof_open_1.png
fts_window_roof_open_2.png
fts_window_roof_shutter_10.png
fts_window_roof_shutter_100.png
fts_window_roof_shutter_20.png
fts_window_roof_shutter_30.png
fts_window_roof_shutter_40.png
fts_window_roof_shutter_50.png
fts_window_roof_shutter_60.png
fts_window_roof_shutter_70.png
fts_window_roof_shutter_80.png
fts_window_roof_shutter_90.png
fts_window_roof_shutter.png
fts_window_roof.png
it_camera.png
it_fax.png
it_internet.png
it_nas.png
it_net.png
it_network.png
it_pc.png
it_radio.png
it_remote.png
it_router.png
it_satellite_dish_heating.png
it_satellite_dish.png
it_server.png
it_smartphone.png
it_telephone.png
it_television.png
it_wifi.png
it_wireless_dcf77.png
light_bedside.png
light_cabinet.png
light_ceiling_light.png
light_control.png
light_diffused.png
light_dinner_table.png
light_downlight.png
light_dressing_room.png
light_fairy_lights.png
light_floor_lamp.png
light_led.png
light_light_dim_00.png
light_light_dim_10.png
light_light_dim_100.png
light_light_dim_20.png
light_light_dim_30.png
light_light_dim_40.png
light_light_dim_50.png
light_light_dim_60.png
light_light_dim_70.png
light_light_dim_80.png
light_light_dim_90.png
light_light.png
light_mirror.png
light_office_desk.png
light_office.png
light_outdoor.png
light_painting.png
light_party.png
light_pendant_light_round.png
light_pendant_light.png
light_stairs.png
light_uplight.png
light_wall_1.png
light_wall_2.png
light_wall_3.png
light_wire_system_1.png
light_wire_system_2.png
measure_current.png
measure_photovoltaic_inst.png
measure_power_meter.png
measure_power.png
measure_voltage.png
measure_water_meter.png
message_attention.png
message_error.png
message_garbage.png
message_info.png
message_light_intensity.png
message_mail_open.png
message_mail.png
message_medicine.png
message_notice.png
message_ok.png
message_presence_active.png
message_presence_disabled.png
message_presence_inactive.png
message_presence.png
message_service.png
message_socket_ch_3.png
message_socket_ch.png
message_socket_on_off.png
message_socket.png
message_stop.png
message_tendency_downward.png
message_tendency_steady.png
message_tendency_upward.png
phone_answersing.png
phone_call_end_in.png
phone_call_end_out.png
phone_call_end.png
phone_call_in.png
phone_call_out.png
phone_call.png
phone_dial.png
phone_missed_in.png
phone_missed_out.png
phone_ring_in.png
phone_ring_out.png
phone_ring.png
sani_boiler_temp.png
sani_buffer_temp_all.png
sani_buffer_temp_down.png
sani_buffer_temp_up.png
sani_domestic_waterworks.png
sani_earth_source_heat_pump.png
sani_floor_heating.png
sani_garden_pump.png
sani_heating_automatic.png
sani_heating_manual.png
sani_heating_temp.png
sani_heating.png
sani_irrigation.png
sani_pump.png
sani_return_temp.png
sani_solar_temp.png
sani_solar.png
sani_sprinkling.png
sani_supply_temp.png
sani_water_cold.png
sani_water_hot.png
sani_water_tap.png
scene_baby.png
scene_baking_oven.png
scene_bath.png
scene_bathroom.png
scene_childs_room.png
scene_cinema.png
scene_cleaning.png
scene_clothes_dryer.png
scene_cockle_stove.png
scene_cooking.png
scene_cubby.png
scene_day.png
scene_dinner.png
scene_dishwasher.png
scene_dressing_room.png
scene_drink.png
scene_fitness.png
scene_gaming.png
scene_garden.png
scene_hall.png
scene_keyboard.png
scene_laundry_room_fem.png
scene_laundry_room.png
scene_livingroom.png
scene_making_love_clean.png
scene_making_love.png
scene_microwave_oven.png
scene_night.png
scene_office.png
scene_party.png
scene_pool.png
scene_robo_lawnmower.png
scene_sauna.png
scene_scene.png
scene_shower.png
scene_sleeping_alternat.png
scene_sleeping.png
scene_stairs.png
scene_storeroom.png
scene_stove.png
scene_summerhouse.png
scene_swimming.png
scene_terrace.png
scene_toilet_alternat.png
scene_toilet.png
scene_visit_guests.png
scene_washing_machine.png
scene_wine_cellar.png
scene_workshop.png
scene_x-mas.png
secur_alarm.png
secur_encoding.png
secur_frost_protection.png
secur_heat_protection.png
secur_locked.png
secur_open.png
secur_smoke_detector.png
status_automatic.png
status_available.png
status_away_1.png
status_away_2.png
status_bat_00.png
status_bat_10.png
status_bat_100.png
status_bat_20.png
status_bat_30.png
status_bat_40.png
status_bat_50.png
status_bat_60.png
status_bat_70.png
status_bat_80.png
status_bat_90.png
status_bat_unknown.png
status_comfort.png
status_frost.png
status_locked.png
status_night.png
status_open.png
status_standby.png
status_vacation.png
temp_control.png
temp_frost.png
temp_inside.png
temp_outside.png
temp_temperature_00.png
temp_temperature_10.png
temp_temperature_100.png
temp_temperature_20.png
temp_temperature_30.png
temp_temperature_40.png
temp_temperature_50.png
temp_temperature_60.png
temp_temperature_70.png
temp_temperature_80.png
temp_temperature_90.png
temp_temperature_max.png
temp_temperature_min.png
temp_temperature.png
temp_windchill.png
text_max.png
text_min.png
time_automatic.png
time_calendar.png
time_clock.png
time_eco_mode.png
time_graph.png
time_manual_mode.png
time_note.png
time_statistic.png
time_timer_switch.png
time_timer.png
user_available.png
user_away.png
user_ext_away.png
user_n_a.png
vent_ambient_air.png
vent_bypass.png
vent_exhaust_air.png
vent_supply_air.png
vent_used_air.png
vent_ventilation_control.png
vent_ventilation_level_0.png
vent_ventilation_level_1.png
vent_ventilation_level_2.png
vent_ventilation_level_3.png
vent_ventilation_level_auto_1.png
vent_ventilation_level_auto_2.png
vent_ventilation_level_auto_3.png
vent_ventilation_level_auto_4.png
vent_ventilation_level_automatic.png
vent_ventilation_level_manual_m.png
vent_ventilation.png
weather_baraometric_pressure.png
weather_cloudy_heavy.png
weather_cloudy_light.png
weather_cloudy.png
weather_directions.png
weather_frost.png
weather_humidity.png
weather_light_meter.png
weather_moon_phases_1_new.png
weather_moon_phases_2.png
weather_moon_phases_3_half.png
weather_moon_phases_4.png
weather_moon_phases_5_full.png
weather_moon_phases_6.png
weather_moon_phases_7_half.png
weather_moon_phases_8.png
weather_moonrise.png
weather_moonset.png
weather_pollen.png
weather_rain_gauge.png
weather_rain_heavy.png
weather_rain_light.png
weather_rain_meter.png
weather_rain.png
weather_snow_heavy.png
weather_snow_light.png
weather_snow.png
weather_station_quadra.png
weather_station.png
weather_storm.png
weather_summer.png
weather_sun.png
weather_sunrise.png
weather_sunset.png
weather_thunderstorm.png
weather_wind_directions_e.png
weather_wind_directions_n.png
weather_wind_directions_ne.png
weather_wind_directions_nw.png
weather_wind_directions_s.png
weather_wind_directions_se.png
weather_wind_directions_sw.png
weather_wind_directions_w.png
weather_wind_speed.png
weather_wind.png
weather_winter.png