Improve Nerd Font Icon Support.

[Localghost385]

An issue tracking which languages can display a custom nerd font icon in the chip.

eg.

The Icons can be viewed here.

or you can use an extension that allows for custom css like stylus, and create a rule to use a nerd font for this github issue.

@import url("https://www.nerdfonts.com/assets/css/webfont.css");

.task-list-item {
    font-family: 'NerdFontsSymbols Nerd Font' !important;
}

Languages that have icons

• [x] Ada: "\u{E6B5}" 
• [x] Arduino: "\u{F34B}" 
• [x] Assembly: "\u{E6AB}" 
• [x] Bash: "\u{EBCA}" 
• [x] C: "\u{E61E}" 
• [x] Clojure: "\u{E768}" 
• [x] CoffeeScript: "\u{E751}" 
• [x] ColdFusion: "\u{E645}" 
• [x] Cpp: "\u{E61D}" 
• [x] Crystal: "\u{E62F}" 
• [x] CSharp: "\u{E648}" 
• [x] Css: "\u{E749}" 
• [x] D: "\u{E7AF}" 
• [x] Dart: "\u{E64C}" 
• [x] Dockerfile: "\u{F308}" 
• [x] Elisp: "\u{E632}" 
• [x] Elixir: "\u{E62D}" 
• [x] Elm: "\u{E62C}" 
• [x] Emojicode: "\u{f1044}" 󱁄
• [x] Erlang: "\u{E7B1}" 
• [x] Fish: "\u{EE41}" 
• [x] Forth: "\u{229E}" ⊞
• [x] FortranLegacy: "\u{f121a}" 󱈚
• [x] FortranModern: "\u{f121a}" 󱈚
• [x] FSharp: "\u{E7A7}" 
• [x] GdScript: "\u{E65F}" 
• [x] Go: "\u{E627}" 
• [x] Graphql: "\u{e662}" 
• [x] Groovy: "\u{E775}" 
• [x] Haskell: "\u{E777}" 
• [x] Haxe: "\u{E666}" 
• [x] Hlsl: "\u{229E}" ⊞
• [x] HolyC: "\u{E61E}" 
• [x] Html: "\u{E736}" 
• [x] Java: "\u{E738}" 
• [x] JavaScript: "\u{F2EE}" 
• [x] Json: "\u{eb0f}" 
• [x] Jsx: "\u{F2EE}" 
• [x] Julia: "\u{E624}" 
• [x] Kotlin: "\u{E634}" 
• [x] Lisp: "\u{E6B0}" 
• [x] Lua: "\u{E620}" 
• [x] Makefile: "\u{E673}" 
• [x] Markdown: "\u{E73E}" 
• [x] Nim: "\u{E677}" 
• [x] Nix: "\u{f313}" 󱄅
• [x] OCaml: "\u{E67A}" 
• [x] Org: "\u{E633}" 
• [x] Perl: "\u{E67E}" 
• [x] Php: "\u{f031f}" 󰌟
• [x] PowerShell: "\u{f0a0a}" 󰨊
• [x] Prolog: "\u{E7A1}" 
• [x] PureScript: "\u{E630}" 
• [x] Python: "\u{E73C}" 
• [x] R: "\u{E68A}" 
• [x] Ruby: "\u{E739}" 
• [x] Rust: "\u{E7A8}" 
• [x] Sass: "\u{E74B}" 
• [x] Scala: "\u{E737}" 
• [x] Scheme: "\u{E6B1}" 
• [x] Sh: "\u{f1183}" 󱆃
• [x] Sql: "\u{E737}" 
• [x] Svelte: "\u{E697}" 
• [x] Svg: "\u{f0721}" 󰜡
• [x] Swift: "\u{E755}" 
• [x] SystemVerilog: "\u{F4BC}" 
• [x] Tcl: "\u{e7c4}" 
• [x] Tex: "\u{E69B}" 
• [x] Toml: "\u{E6B2}" 
• [x] Tsx: "\u{E69D}" 
• [x] TypeScript: "\u{E69D" 
• [x] Verilog: "\u{F4BC}" 
• [x] Vhdl: "\u{F4BC}" 
• [x] VimScript: "\u{E7C5}" 
• [x] Vue: "\u{E6A0}" 
• [x] WebAssembly: "\u{E6A1}" 
• [x] Xaml: "\u{f0673}" 󰙳
• [x] Xml: "\u{f05c0}" 󰗀
• [x] XSL: "\u{f05c0}" 󰗀
• [x] Yaml: "\u{E6A8}" 
• [x] Zig: "\u{E6A9}" 
• [x] Zsh: "\u{f1183}" 󱆃

Languages that are missing icons

• [ ] Abap:
• [ ] ABNF:
• [ ] Agda:
• [ ] AutoHotKey:
• [ ] Ceylon:
• [ ] CMake:
• [ ] Coq:
• [ ] Glsl:
• [ ] Hcl:
• [ ] Idris:
• [ ] Jsonnet:
• [ ] Jupyter:
• [ ] LLVM:
• [ ] ObjectiveC:
• [ ] Odin:
• [ ] Oz:
• [ ] Pascal:
• [ ] Perl6:
• [ ] Processing:
• [ ] Protobuf:
• [ ] Qml:
• [ ] Racket:
• [ ] Renpy:
• [ ] Solidity:
• [ ] Vala:
• [ ] VisualBasic:
• [ ] Wolfram:

[Localghost385]

@o2sh I don't think I can add labels to this or pin it. Should it be marked with upstream and enhancement?

[o2sh]

Done 👍

[spenserblack]

To preview the icons in the browser you can use an extension that allows for custom css

We might want to have the a Nerd Font asset on the preview site and implement that CSS there.

[Localghost385]

@spenserblack I created a pr #1411, I'll update the issue when its merged.

[hasecilu]

Hi, new version has been released: https://github.com/ryanoasis/nerd-fonts/releases/tag/v3.3.0

[Localghost385]

How long do these things take to get updated in package managers? It might be a good idea to wait a while before updating?

I'll look through the changes for missing icons now though.

[spenserblack]

If you want to you're more than welcome, but IMO it might be a bit overwhelming to check for new icons for every release. Consider that many users might not be using the most up-to-date version, either (Personally I just download fonts from the site rather than use a package manager). I think we only need to look things over when there's a breaking change. Otherwise, it could be left up to the community to make a PR to add a Nerd Font icon for their favorite language.