1

I installed the following plugins in NeoVim after installing the Nerd Fonts.

Plug 'tiagofumo/vim-nerdtree-syntax-highlight'
Plug 'ryanoasis/vim-devicons'

And this is how NerdTree in Vim looks,

enter image description here

As you can see the glyph icons for CSS3 and HTML5 are not the one's we see with modern editors, however the icons for python and javascript are rendered just fine.

So is the expected behavior or I am missing something. I tested this both with SourceCodePro and FiraCode and I got the same output.

0

You can customize any icon by adding the following line to your .vimrc

let g:WebDevIconsUnicodeDecorateFileNodesExtensionSymbols['css'] = ''

Simply change the 'css' and '' to what you would like (the CSS symbol is U+F13C).

A good website to look for icons is nerdfonts.com.

While in Vim, the plugin vim-characterize by the great tpope is ideal to identify up any character you come across.

4
  • Can you tell me how did you get this unicode string for CSS icon, so that I can find for some other file type icons as well ? – Rohit Bhanot Feb 12 '19 at 17:54
  • Expanded my answer above. – Shadoath Feb 12 '19 at 20:30
  • I went through nerdfonts.com earlier as well but could not get a way to get the unicode character of the same. – Rohit Bhanot Feb 13 '19 at 6:32
  • 1
    Once you look up the icon, the text in the dotted box is the hex value. To enter it in vim use ctrl-v then u followed by the four-digit hex (in this case f13c) You can also paste that value into a unicode converter and copy the result. – Shadoath Feb 13 '19 at 17:54

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.