{"id":17134,"date":"2020-08-05T15:36:47","date_gmt":"2020-08-05T13:36:47","guid":{"rendered":"http:\/\/support.ilevia.com\/?p=17134"},"modified":"2025-08-07T12:31:25","modified_gmt":"2025-08-07T10:31:25","slug":"icon-editor","status":"publish","type":"post","link":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/icon-editor\/","title":{"rendered":"Icon editor"},"content":{"rendered":"[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.17.4&#8243; custom_margin=&#8221;||30px||false|false&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;0px||6px|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Interface object editor&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<h1 style=\"text-align: center;\">INTERFACE OBJECT EDITOR<\/h1>\n[\/et_pb_text][et_pb_divider _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.27.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;30px||0px||false|false&#8221; hover_enabled=&#8221;0&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]\n<blockquote>\n<h2 style=\"text-align: justify;\"><strong>INTRODUCTION<\/strong><\/h2>\n<\/blockquote>\n<p style=\"text-align: justify;\">The editor&#8217;s options changes depending on the typology of the object (icon or component) and on the interface (<a href=\"\/app-interfaces\/classic-user-interface\">Classic<\/a> or <a href=\"\/app-interface\/map-user-interface\" target=\"_blank\">Map<\/a>):<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;30px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<h3 style=\"text-align:center\">CLASSIC INTERFACE&#8217;S ICON&#8217;S EDITOR<\/h3>\n[\/et_pb_text][et_pb_divider _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_5,3_5&#8243; admin_label=&#8221;Row&#8221; _builder_version=&#8221;4.17.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Icon_editor_classic-interface.png&#8221; alt=&#8221;This is the icon&#8217;s editor of the Classic interface within the Ilevia&#8217;s Home automation configuration software EVE Manager&#8221; title_text=&#8221;Icon_editor_classic-interface&#8221; show_in_lightbox=&#8221;on&#8221; show_bottom_space=&#8221;off&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Image&#8221; _builder_version=&#8221;4.17.4&#8243; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; box_shadow_style=&#8221;preset2&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; animation=&#8221;off&#8221; sticky=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;] [\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.27.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; custom_margin=&#8221;-20px||||false|false&#8221; custom_padding=&#8221;0px|||||&#8221; hover_enabled=&#8221;0&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]\n<blockquote>\n<p style=\"text-align: justify;\"><strong>Editor<\/strong><\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\"><strong>Title<\/strong>: Title defined for the selected object which can be edited anytime;<\/p>\n<p style=\"text-align: justify;\"><strong>Sync name<\/strong>: Allows to syncronize the title with the one inside the <b>Components<\/b> section of Ilevia Manager;<\/p>\n<p style=\"text-align: justify;\"><strong>Icon\/s<\/strong>: Icons defined for the\u00a0selected object which can be edited anytime through the Icon editor;<\/p>\n<p style=\"text-align: justify;\">Note: Title and Icons correspond to User interface title and user interface icon defined on the component&#8217;s properties.\u00a0The match between the two.<\/p>\n<p style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Parameters available only for component objects<\/span>:<\/p>\n<p style=\"text-align: justify;\"><strong>View mode<\/strong>: Please refer to &#8220;<a href=\"https:\/\/support.ilevia.com\/configuration-software\/eve-manager-pro\/classic-interface\/icon-editor\/component-view-mode\/\">Component&#8217;s view modes<\/a>&#8221; guide;<\/p>\n<p style=\"text-align: justify;\"><strong>Disable circle icon:<\/strong> this is a check box and it is useful to disable the circle visualized around the component;<\/p>\n<p style=\"text-align: justify;\"><strong>Hide icon when<\/strong>: This is a condition which allows you to hide\/show the component icon, moreover to link this condition to the state of another different component of your project. This function is very useful when you need a component to be shown only on specific conditions;<\/p>\n<p style=\"text-align: justify;\"><strong>Disable icon when:<\/strong> This is a condition which allows you to enable\/disable the interaction with the component, moreover to link this condition to the state of another different component of your project. This function is very useful when you need to know the state of a component but not to interact with it;<\/p>\n<p style=\"text-align: justify;\"><strong>File path:<\/strong>\u00a0it indicates the file path of the component. Arrow icon leads you directly to the Components tab.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;30px||||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<h3 style=\"text-align:center\">MAP INTERFACE&#8217;S ICON EDITOR<\/h3>\n[\/et_pb_text][et_pb_divider _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; custom_margin=&#8221;||30px||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Icon_editor_map-interface.png&#8221; alt=&#8221;This is the icon&#8217;s editor of the Map interface within the Ilevia&#8217;s Home automation configuration software EVE Manager &#8221; title_text=&#8221;Icon_editor_map-interface&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;-20px||||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]\n<blockquote>\n<p style=\"text-align: justify;\"><strong>Editor<\/strong><\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\"><strong>Title<\/strong>: Title defined for the selected object which can be edited anytime;<\/p>\n<p style=\"text-align: justify;\"><strong>Sync name<\/strong>: Allows to syncronize the title with the one inside the <b>Components<\/b> section of Ilevia Manager;<\/p>\n<p style=\"text-align: justify;\"><strong>Icon\/s:<\/strong> Icons defined for the selected object which can be edited anytime through the Icon editor;<\/p>\n<p style=\"text-align: justify;\">Note: Title and Icons correspond to User interface title and user interface icon defined on the component&#8217;s properties. Correspondance between the two.<\/p>\n<p style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Parameters available only for component objects<\/span>:<\/p>\n<p style=\"text-align: justify;\"><strong>Scale factor:<\/strong> It is the percentage value that defines size of the object icon;<\/p>\n<p style=\"text-align: justify;\"><strong>Scale width:<\/strong> This is the scale value for the object&#8217;s width;<\/p>\n<p style=\"text-align: justify;\"><strong>Scale height:<\/strong> This is the scale value for the object&#8217;s height;<\/p>\n<p style=\"text-align: justify;\"><strong>View mode:<\/strong> Please refer to &#8220;<a href=\"https:\/\/support.ilevia.com\/configuration-software\/eve-manager-pro\/classic-interface\/icon-editor\/component-view-mode\/\">Component&#8217;s view modes<\/a>&#8221; guide;<\/p>\n<p style=\"text-align: justify;\"><strong>Disable circle icon<\/strong>: This is a check box and it is useful to disable the circle visualized around the component;<\/p>\n<p style=\"text-align: justify;\"><strong>Hide icon when<\/strong>: This is a condition which allows you to hide\/show the component icon, moreover to link this condition to the state of another different component of your project. This function is very useful when you need a component to be shown only on specific conditions;<\/p>\n<p style=\"text-align: justify;\"><strong>Disable icon when<\/strong>: This is a condition which allows you to enable\/disable the interaction with the component, moreover to link this condition to the state of another different component of your project. This function turn to be useful when you need to know the state of a component but not to interact with it;<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Icon editor&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;||-1px|||&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<h2 style=\"text-align: center;\"><strong>Icon editor<\/strong><\/h2>\n<h2><\/h2>\n[\/et_pb_text][et_pb_divider _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.20.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;||||false|false&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: justify;\">This window is common to the component&#8217;s icon editor and the interface icon&#8217;s editor. In order to edit object&#8217;s icon you need to do right click on it (on the object editor) and the Icon editor will appear to let you make changes:<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.17.4&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;30px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Icon_editor_new-color-picker.png&#8221; alt=&#8221;Icon&#8217;s editor window within the Ilevia&#8217;s Home automation configuration software EVE Manager&#8221; title_text=&#8221;Icon_editor_new-color-picker&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.4&#8243; width=&#8221;110%&#8221; max_width=&#8221;100%&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.17.4&#8243; custom_margin=&#8221;-20px||||false|false&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;]\n<blockquote>\n<p><strong>Icon editor<\/strong><\/p>\n<\/blockquote>\n<p><strong>Enable colors:<\/strong> this is a check box and it allows you to set a different color for the selected icon;<\/p>\n<p><strong>Icon:<\/strong> icon defined for the\u00a0selected object;<\/p>\n<p><strong>Color:<\/strong>\u00a0it show you the color set for the\u00a0selected icon.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.17.4&#8243; custom_margin=&#8221;30px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Icon_editor_new-color-picker-choosingcolor.png&#8221; alt=&#8221;Color picker within the Icon editor inside the ilevia&#8217;s Home automation software EVE Manager&#8221; title_text=&#8221;Icon_editor_new-color-picker-choosingcolor&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.4&#8243; width=&#8221;110%&#8221; max_width=&#8221;100%&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.17.4&#8243; custom_margin=&#8221;-20px|||||&#8221; global_colors_info=&#8221;{}&#8221;]\n<blockquote>\n<p><strong>Color picker<\/strong><\/p>\n<\/blockquote>\n<p>Enabling icon&#8217;s color you are allowed to customize the color of the icon. You can choose from the color picker the color that best suits you and it is also possible to save your preferences on right.<\/p>\n<p><strong>Note.<\/strong> When considering Map interface creation, if &#8220;Circle icon&#8221; is enable, the icon&#8217;s color refer to the circle. If &#8220;circle icon&#8221; is disabled,  the icon&#8217;s color refer to the icon.[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.16&#8243; custom_margin=&#8221;30px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Icon_editor_icon-picker.png&#8221; alt=&#8221;Place where you can pick an Icon within the Icon editor interface inside the Home automation configuration software EVE Manager&#8221; title_text=&#8221;Icon_editor_icon-picker&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.4&#8243; width=&#8221;110%&#8221; max_width=&#8221;100%&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; custom_margin=&#8221;-20px||||false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]\n<blockquote>\n<p><strong>Icon picker<\/strong><\/p>\n<\/blockquote>\n<p>This is the place where you can edit your objects icons. Just click on the icon of the selcted object and then Ilevia icons list will appear in front of you. Choose the one that best suits you.<\/p>\n<p><strong>Note.<\/strong>\u00a0There are icons specifically thought to be chosen for the menu of the interface (both Classic then Map). The particular characteristic is a light shadow which looks perfect for menu icons but can look strange for components icon.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.16&#8243; custom_margin=&#8221;30px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Icon_editor-confirmin-actions.gif&#8221; alt=&#8221;Confirming customizations in the Icon editor of the Ilevia&#8217;s Home automation configuration software EVE Manager&#8221; title_text=&#8221;Icon_editor-confirmin-actions&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.4&#8243; width=&#8221;110%&#8221; max_width=&#8221;100%&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; custom_margin=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]\n<p>Once done, you just need to confirm by clicking <b>OK<\/b> and the object will change.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.17.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;30px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.17.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: justify;\"><strong>Note.<\/strong> When considering a component, both name and icon are the one defined on the Component&#8217;s tab. If you will edit component&#8217;s name and\/or icon from the Interface tab this one will not be changed on the Component&#8217;s parameters on Component&#8217;s tab. Vice versa, if you edit component&#8217;s name and\/or icon from the Component&#8217;s parameters area of the Component&#8217;s tab, this will automatically change also on your user interface. Please refer to &#8220;<a href=\"https:\/\/support.ilevia.com\/all\/common-properties\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong style=\"text-decoration: underline;\">Component&#8217;s parameters<\/strong><\/a>&#8221; guide.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; inner_shadow=&#8221;on&#8221; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.24.0&#8243; background_color=&#8221;#fafafa&#8221; parallax=&#8221;on&#8221; min_height=&#8221;280px&#8221; custom_margin=&#8221;30px||||false|false&#8221; locked=&#8221;off&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; global_module=&#8221;59323&#8243; theme_builder_area=&#8221;post_content&#8221;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]\n<h1 style=\"text-align: center;\">Still Need Help? Our Customer Service Is Here For You.<\/h1>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_button button_url=&#8221;https:\/\/support.ilevia.com\/faqs\/&#8221; button_text=&#8221;Ask for help&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;20px&#8221; button_text_color=&#8221;#1e84f4&#8243; button_border_color=&#8221;#1e84f4&#8243; button_use_icon=&#8221;off&#8221; custom_margin=&#8221;||||false|false&#8221; box_shadow_style=&#8221;preset2&#8243; box_shadow_spread=&#8221;-80px&#8221; global_colors_info=&#8221;{}&#8221; box_shadow_spread__hover_enabled=&#8221;on|desktop&#8221; box_shadow_spread__hover=&#8221;0px&#8221; button_text_color__hover_enabled=&#8221;on|hover&#8221; button_text_color__hover=&#8221;#FFFFFF&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_button][et_pb_button button_url=&#8221;https:\/\/support.ilevia.com\/suggestions\/&#8221; button_text=&#8221;Make a suggestion&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;20px&#8221; button_text_color=&#8221;#1e84f4&#8243; button_border_color=&#8221;#1e84f4&#8243; button_use_icon=&#8221;off&#8221; custom_margin=&#8221;||||false|false&#8221; box_shadow_style=&#8221;preset2&#8243; box_shadow_spread=&#8221;-80px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; box_shadow_spread__hover_enabled=&#8221;on|desktop&#8221; box_shadow_spread__hover=&#8221;0px&#8221; button_text_color__hover=&#8221;#FFFFFF&#8221; button_text_color__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>INTERFACE OBJECT EDITOR INTRODUCTION The editor&#8217;s options changes depending on the typology of the object (icon or component) and on the interface (Classic or Map):CLASSIC INTERFACE&#8217;S ICON&#8217;S EDITOR Editor Title: Title defined for the selected object which can be edited anytime; Sync name: Allows to syncronize the title with the one inside the Components section [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"categories":[1,72,18,30],"tags":[],"class_list":["post-17134","post","type-post","status-publish","format-standard","hentry","category-all","category-archivi","category-configuration-software-en","category-software-configurazione"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Icon editor Ilevia Support |<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/support.ilevia.com\/en\/configuration-software-en\/icon-editor\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Filippo Amabilia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/icon-editor\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/icon-editor\\\/\"},\"author\":{\"name\":\"Filippo Amabilia\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/person\\\/08a8d13dee0bc9f160da55efe97b7959\"},\"headline\":\"Icon editor\",\"datePublished\":\"2020-08-05T13:36:47+00:00\",\"dateModified\":\"2025-08-07T10:31:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/icon-editor\\\/\"},\"wordCount\":2613,\"publisher\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#organization\"},\"articleSection\":[\"All Archives\",\"Archivi\",\"Configuration Software\",\"Software Configurazione\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/icon-editor\\\/\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/icon-editor\\\/\",\"name\":\"Icon editor Ilevia Support |\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#website\"},\"datePublished\":\"2020-08-05T13:36:47+00:00\",\"dateModified\":\"2025-08-07T10:31:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/icon-editor\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/icon-editor\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/icon-editor\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Software Configurazione\",\"item\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/archivi\\\/software-configurazione\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Icon editor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/\",\"name\":\"Ilevia Support\",\"description\":\"Assistance &amp; Technical Guides\",\"publisher\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#organization\",\"name\":\"Ilevia\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"http:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2018\\\/12\\\/ilevia.png\",\"contentUrl\":\"http:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2018\\\/12\\\/ilevia.png\",\"width\":500,\"height\":500,\"caption\":\"Ilevia\"},\"image\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ileviaofficial\\\/\",\"https:\\\/\\\/www.instagram.com\\\/ilevia_official\\\/\",\"https:\\\/\\\/it.linkedin.com\\\/company\\\/ilevia\\\/\",\"https:\\\/\\\/www.youtube.com\\\/ilevia\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/person\\\/08a8d13dee0bc9f160da55efe97b7959\",\"name\":\"Filippo Amabilia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g\",\"caption\":\"Filippo Amabilia\"},\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/author\\\/filippo-amabilia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Icon editor Ilevia Support |","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/icon-editor\/","twitter_misc":{"Written by":"Filippo Amabilia","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/icon-editor\/#article","isPartOf":{"@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/icon-editor\/"},"author":{"name":"Filippo Amabilia","@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/person\/08a8d13dee0bc9f160da55efe97b7959"},"headline":"Icon editor","datePublished":"2020-08-05T13:36:47+00:00","dateModified":"2025-08-07T10:31:25+00:00","mainEntityOfPage":{"@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/icon-editor\/"},"wordCount":2613,"publisher":{"@id":"https:\/\/support.ilevia.com\/en\/#organization"},"articleSection":["All Archives","Archivi","Configuration Software","Software Configurazione"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/icon-editor\/","url":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/icon-editor\/","name":"Icon editor Ilevia Support |","isPartOf":{"@id":"https:\/\/support.ilevia.com\/en\/#website"},"datePublished":"2020-08-05T13:36:47+00:00","dateModified":"2025-08-07T10:31:25+00:00","breadcrumb":{"@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/icon-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/support.ilevia.com\/en\/configuration-software-en\/icon-editor\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/icon-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/support.ilevia.com\/en\/"},{"@type":"ListItem","position":2,"name":"Software Configurazione","item":"https:\/\/support.ilevia.com\/it\/archivi\/software-configurazione\/"},{"@type":"ListItem","position":3,"name":"Icon editor"}]},{"@type":"WebSite","@id":"https:\/\/support.ilevia.com\/en\/#website","url":"https:\/\/support.ilevia.com\/en\/","name":"Ilevia Support","description":"Assistance &amp; Technical Guides","publisher":{"@id":"https:\/\/support.ilevia.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/support.ilevia.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/support.ilevia.com\/en\/#organization","name":"Ilevia","url":"https:\/\/support.ilevia.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/logo\/image\/","url":"http:\/\/support.ilevia.com\/wp-content\/uploads\/2018\/12\/ilevia.png","contentUrl":"http:\/\/support.ilevia.com\/wp-content\/uploads\/2018\/12\/ilevia.png","width":500,"height":500,"caption":"Ilevia"},"image":{"@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ileviaofficial\/","https:\/\/www.instagram.com\/ilevia_official\/","https:\/\/it.linkedin.com\/company\/ilevia\/","https:\/\/www.youtube.com\/ilevia\/"]},{"@type":"Person","@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/person\/08a8d13dee0bc9f160da55efe97b7959","name":"Filippo Amabilia","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g","caption":"Filippo Amabilia"},"url":"https:\/\/support.ilevia.com\/en\/author\/filippo-amabilia\/"}]}},"_links":{"self":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts\/17134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/comments?post=17134"}],"version-history":[{"count":97,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts\/17134\/revisions"}],"predecessor-version":[{"id":81324,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts\/17134\/revisions\/81324"}],"wp:attachment":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/media?parent=17134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/categories?post=17134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/tags?post=17134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}