diff --git a/source/_docs/configuration/devices.markdown b/source/_docs/configuration/devices.markdown
index 76b4f82447e..7b8b1a1f78e 100644
--- a/source/_docs/configuration/devices.markdown
+++ b/source/_docs/configuration/devices.markdown
@@ -55,7 +55,7 @@ camera 2:
 ### {% linkable_title Grouping devices %}
 
 Once you have several devices set up, it is time to organize them into groups.
-Each group consists of a name and a list of entity IDs. Entity IDs can be retrieved from the web interface by using the Set State page in the Developer Tools (![<>](https://cdn.rawgit.com/Templarian/MaterialDesign/master/icons/svg/code-tags.svg)).
+Each group consists of a name and a list of entity IDs. Entity IDs can be retrieved from the web interface by using the Set State page in the Developer Tools (<img src='/images/screenshots/developer-tool-states-icon.png' alt='service developer tool icon' class="no-shadow" height="38" />).
 
 ```yaml
 # Example configuration.yaml entry showing two styles