How to Fix Oh-My-Zsh Icons in Visual Studio Code Terminal on MacOS

Many Linux and macOS users worldwide favour Zsh as a UNIX shell. Its functionality increases manifold when combined with configuration frameworks like Oh-my-zsh and stylish templates like Powerline10k. After setting up the shell and verifying that ever…


This content originally appeared on DEV Community and was authored by Ramazan Atalay, Ph.D.

Many Linux and macOS users worldwide favour Zsh as a UNIX shell. Its functionality increases manifold when combined with configuration frameworks like Oh-my-zsh and stylish templates like Powerline10k. After setting up the shell and verifying that everything functions as expected in the terminal, it's time to write some code. However, upon opening the built-in terminal in Visual Studio Code, something seems amiss. The attractive template and chic icons are nowhere to be found!

Image description

Solution

To enable the use of icons in VS Code through Powerline10k, I will utilize the MesloLGS NF font, which was installed alongside Powerline10k. Here are the steps:

  1. Open the VS Code settings by clicking on the gear icon at the bottom left or using the CMD + , shortcut in MacOS.
    Image description

  2. To change the VS Code settings, use the search bar at the top of the UI or press CMD + F to search for the Font family setting in the settings.json file.
    Image description

  3. Change the "Terminal > Integrated: Font Family" attribute to "MesloLGS NF".

That's it! Enjoy your icons in VS Code.


This content originally appeared on DEV Community and was authored by Ramazan Atalay, Ph.D.


Print Share Comment Cite Upload Translate Updates
APA

Ramazan Atalay, Ph.D. | Sciencx (2023-03-04T12:01:11+00:00) How to Fix Oh-My-Zsh Icons in Visual Studio Code Terminal on MacOS. Retrieved from https://www.scien.cx/2023/03/04/how-to-fix-oh-my-zsh-icons-in-visual-studio-code-terminal-on-macos/

MLA
" » How to Fix Oh-My-Zsh Icons in Visual Studio Code Terminal on MacOS." Ramazan Atalay, Ph.D. | Sciencx - Saturday March 4, 2023, https://www.scien.cx/2023/03/04/how-to-fix-oh-my-zsh-icons-in-visual-studio-code-terminal-on-macos/
HARVARD
Ramazan Atalay, Ph.D. | Sciencx Saturday March 4, 2023 » How to Fix Oh-My-Zsh Icons in Visual Studio Code Terminal on MacOS., viewed ,<https://www.scien.cx/2023/03/04/how-to-fix-oh-my-zsh-icons-in-visual-studio-code-terminal-on-macos/>
VANCOUVER
Ramazan Atalay, Ph.D. | Sciencx - » How to Fix Oh-My-Zsh Icons in Visual Studio Code Terminal on MacOS. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/03/04/how-to-fix-oh-my-zsh-icons-in-visual-studio-code-terminal-on-macos/
CHICAGO
" » How to Fix Oh-My-Zsh Icons in Visual Studio Code Terminal on MacOS." Ramazan Atalay, Ph.D. | Sciencx - Accessed . https://www.scien.cx/2023/03/04/how-to-fix-oh-my-zsh-icons-in-visual-studio-code-terminal-on-macos/
IEEE
" » How to Fix Oh-My-Zsh Icons in Visual Studio Code Terminal on MacOS." Ramazan Atalay, Ph.D. | Sciencx [Online]. Available: https://www.scien.cx/2023/03/04/how-to-fix-oh-my-zsh-icons-in-visual-studio-code-terminal-on-macos/. [Accessed: ]
rf:citation
» How to Fix Oh-My-Zsh Icons in Visual Studio Code Terminal on MacOS | Ramazan Atalay, Ph.D. | Sciencx | https://www.scien.cx/2023/03/04/how-to-fix-oh-my-zsh-icons-in-visual-studio-code-terminal-on-macos/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.