Improve Nerd Font Icon Support.

Localghost385 commented 2 months ago

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

eg.

358289176-cecf466b-ebda-4944-b331-35c2802d23cd

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 commented 2 months ago

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

o2sh commented 2 months ago

Done 👍

spenserblack commented 2 months ago

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 commented 1 month ago

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

o2sh / onefetch

Improve Nerd Font Icon Support. #1408

Languages that have icons

Languages that are missing icons