'Atom material icon not working in WebStorm

I installed Atom Material icon plugin in WebStorm 2021.1.3.

When I write index.html the icon does not show it, but when I change the name before .html (e.g. othername.html) it displays the icon.

How do I display an icon for index.html?



Solution 1:[1]

In most cases, the file type of index.html was changed to Auto-detect file type by context or Text. You can change it in the settings: Preferences / Settings | Editor | File Types, find Auto-detect file type by context or Text and delete index.html from File name patterns list.

Solution 2:[2]

This problem is due to a defect in the icon file, which you can see in the following link:

https://material-theme.com/docs/reference/associations/#index

To solve this problem, you must enter the following path: File > Settings > atom material icons settings

Other items are available in the photo :

 step-1 :  https://i.stack.imgur.com/7F7h9.png

 step-2 : https://i.stack.imgur.com/85C8H.png

 step-3 : https://i.stack.imgur.com/YZSXe.png

Rename the icon name from index to indx

Note that the index name must be changed in the settings section so that the icons are displayed correctly. This was the solution I was able to solve my problem. Good luck

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 s0xzwasd
Solution 2