nerd-fonts/_posts/2017-01-02-features.md

---
title: "Features"
short_title: "Features"
bg: "#69bfc6"
color: black
style: left
fa-icon: gears
style: container
---

<h1 class="center">Features</h1>

<div class="container feature-sections">
  <div class="row">
    <div class="col-xs-12 col-md-6 col-lg-6 d-flexx">
    <div class="feature-section">
      <h2>All the icons!</h2>
      <h3>{{ site.metrics.icons }}+ icons combined from popular sets</h3>
      <div class="row subtitle-icon">
      <!-- <div class="col-sm-12 col-md-8 col-lg-8"> -->
      <div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
        <div>
          <b class="nf2"><i class="nf nf-seti-css"></i>.css</b> <b class="nf1"><i class="nf nf-dev-javascript"></i>.js</b><br/>
          <b class="nf3"><i class="nf nf-dev-html5"></i>.html</b> <b class="nf4"><i class="nf nf-seti-json"></i>.json</b><br/>
          <b class="nf6"><i class="nf nf-seti-grunt"></i> Gruntfile.json</b> <i class="nf nf-dev-react"></i>react.jsx<br/>
          <b class="nf7"><i class="nf nf-dev-angular"></i>angular.js</b> <b class="nf2"><i class="nf nf-dev-jquery"></i>jquery.js</b> <b class="nf6"><i class="nf nf-seti-markdown"></i>.md</b><br/>
          <b class="nf2"><i class="nf nf-dev-git"></i> git </b> <b class="nf4"><i class="nf nf-seti-php"></i> php </b> <b class="nf3"><i class="nf nf-dev-terminal"></i> .sh</b><br/>
          <b class="nf2"><i class="nf nf-fa-image"></i> png </b> <b class="nf4"><i class="nf nf-dev-haskell"></i> lhs </b><br/>
          <b class="nf3"><i class="nf nf-custom-folder_npm"></i> node_modules</b><br/>
          <b class="nf2"><i class="nf nf-custom-folder_github"></i> .git</b><br/>
        </div>
      </div>
      </div><!-- end inner row -->
      <div class="row">
      <!--</div> end inner col -->
      <!-- <div class="col-sm-12 col-md-4 col-lg-4"> -->
      <ul>
        <li><a target="_blank" aria-label="Go to XYZ Page" rel="noreferrer" href="https://github.com/ryanoasis/powerline-extra-symbols">Powerline Extra Symbols</a></li>
        <li><a target="_blank" aria-label="Go to Font Awesome Page" rel="noreferrer" href="https://github.com/FortAwesome/Font-Awesome">Font Awesome</a></li>
        <li><a target="_blank" aria-label="Go to Font Awesome Extension Page" rel="noreferrer" href="https://github.com/AndreLGava/font-awesome-extension">Font Awesome Extension</a></li>
        <li><a target="_blank" aria-label="Go to Material Design Icons Page" rel="noreferrer" href="https://github.com/Templarian/MaterialDesign">Material Design Icons</a></li>
        <li><a target="_blank" aria-label="Go to Weather Icons Page" rel="noreferrer" href="https://github.com/erikflowers/weather-icons">Weather Icons</a></li>
        <li><a target="_blank" aria-label="Go to Devicons Page" rel="noreferrer" href="http://vorillaz.github.io/devicons/">Devicons</a></li>
        <li><a target="_blank" aria-label="Go to Octicons Page" rel="noreferrer" href="https://github.com/github/octicons">Octicons</a></li>
        <li><a target="_blank" aria-label="Go to Codicons Page" rel="noreferrer" href="https://github.com/microsoft/vscode-codicons">Codicons</a></li>
        <li><a target="_blank" aria-label="Go to Font Logos Page" rel="noreferrer" href="https://github.com/Lukas-W/font-logos">Font Logos (Formerly Font Linux)</a></li>
        <li><a target="_blank" aria-label="Go to Pomicons Page" rel="noreferrer" href="https://github.com/gabrielelana/pomicons">Pomicons</a></li>
        <li><a target="_blank" aria-label="Go to IEC Power Symbols Page" rel="noreferrer" href="https://unicodepowersymbol.com/">IEC Power Symbols</a></li>
        <li><a target="_blank" aria-label="Go to Seti-UI + Custom Source Page" rel="noreferrer" href="https://github.com/ryanoasis/nerd-fonts/blob/-/src/glyphs/original-source.otf">Seti-UI + Custom</a></li>
      </ul>
      <!--</div> end inner col -->
      </div><!-- end inner row -->
      <h4 class="inlineblock bg-blue text-white nerd-font-button">
        <i class="nf nf-fa-search"></i>
        <a href="/cheat-sheet" class="inlineblock">Search Icons Cheat Sheet</a>
      </h4>
    </div><!-- end feature-section -->
    </div><!-- end col -->
    <div class="col-xs-12 col-md-6 col-lg-6">
    <div class="feature-section">
      <h2>The best developer fonts</h2>
      <h3> {{ site.metrics.fonts }} + patched and ready to use programming fonts</h3>
            <div class="subtitle-icon">
      <div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
        <div>
          <img src="./assets/img/nerd-fonts-patched-fonts.svg" alt="Preview of Patched Fonts">
        </div>
      </div>
            </div>
      <ul>
        <li>Hack</li>
        <li>FiraCode</li>
        <li>Meslo</li>
        <li>Source Code Pro</li>
        <li>Terminus</li>
        <li>Monoid</li>
        <li>Noto</li>
        <li>Iosevka</li>
        <li>and many more ...</li>
      </ul>
      <h4 class="inlineblock bg-blue text-white nerd-font-button">
        <i class="nf nf-fa-download"></i>
        <a href="/font-downloads" class="inlineblock">Downloads</a>
      </h4>
    </div><!-- end feature-section -->
    <div class="feature-section">
      <h2>Cross Platform</h2>
      <h3>Ready to use on any OS platforms and web</h3>
      <img src="https://raw.githubusercontent.com/wiki/ryanoasis/nerd-fonts/images/faux-shield-badge-os-logos.svg?sanitize=true" style="width:150px" alt="Nerd Fonts - OS Support">
    </div><!-- end feature-section -->
    </div><!-- end col -->
  </div><!-- end row 1 -->

  <div class="row">
    <div class="col-xs-12 col-md-12 col-lg-12">
    <div class="feature-section">
      <h2>Supported in major projects</h2>
      <h3>Supported out of the box by many projects</h3>
      <section class="row">
        <div class="col-xs-12 col-md-3 col-lg-4">
          <a href="https://github.com/Powerlevel9k/powerlevel9k/" target="_blank" aria-label="Go to Powerlevel9k Home Page" rel="noreferrer"><h3><img src="/assets/img/pl9k-Fully-Rendered.svg" alt="Powerlevel9k" /></h3>
          <h4>Powerlevel9k</h4></a><p>The most awesome Powerline theme for ZSH around!</p>
          <h3 class="faux-logo"><a href="https://github.com/athityakumar/colorls" target="_blank" aria-label="Go to colorls Github Page" rel="noreferrer">colorls</a></h3>
          <!-- <h4>colorls</h4> --><p>A Ruby gem that beautifies the terminal's ls command, with color and font-awesome icons</p>
        </div>
        <div class="col-xs-12 col-md-3 col-lg-4">
          <a href="https://github.com/oh-my-fish/oh-my-fish" target="_blank" aria-label="Go to The Fish Shell Framework Github Page" rel="noreferrer">
          <h3><img src="./assets/img/Fish-Shell-Network.svg" alt="The Fish Shell Framework" /></h3>
          <h4>The Fish Shell Framework</h4></a><p>Oh My Fish provides core infrastructure to allow you to install packages which extend or modify the look of your shell. It's fast, extensible and easy to use.</p>
        </div>
        <div class="col-xs-12 col-md-3 col-lg-4">
          <a href="https://github.com/ryanoasis/vim-devicons" target="_blank" aria-label="Go to VimDevIcons Github Page" rel="noreferrer"><h3><img src="./assets/img/VimDevIcons.svg" alt="VimDevIcons" /></h3>
          <h4>VimDevIcons</h4></a><p>Adds Icons to your Vim Plugins</p>
          <h3 class="faux-logo"><a href="https://github.com/Peltoche/lsd" target="_blank" aria-label="Go to LSD (LSDeluxe) Github Page" rel="noreferrer">LSD (LSDeluxe)</a></h3>
          <!-- <h4>LSD (LSDeluxe)</h4> --><p>The next gen ls command. Written in Rust and fast.</p>
          ... and many more on: <a href="https://github.com/topics/nerd-fonts" target="_blank" aria-label="Go to Github Nerd Fonts Topic results" rel="noreferrer">Github</a> and <a href="https://gitlab.com/search?utf8=%E2%9C%93&search=%22nerd+fonts%22&group_id=&project_id=&repository_ref=" target="_blank" aria-label="Go to GitLab Nerd Fonts results" rel="noreferrer">GitLab</a></div>
      </section>
    </div>
  </div>
  </div>

  <div class="row">
    <div class="col-xs-12 col-md-12 col-lg-12">
    <div class="feature-section">
      <h2>Terminal Fonts Examples</h2>
      <h3>Experiment &amp; see what's possible in the terminal with Powerline &amp; other glyphs</h3>
      <div class="row center">
        <!-- <div class="col-sm-12 col-md-7 col-lg-7"> -->
      <div class="subtitle-icon">
          <div class="col-lg-4">
            <div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
              <img src="./assets/img/nerd-fonts-powerline-extra-terminal.png" alt="Preview of Powerline Extra Symbols usage in terminal emulator">
            </div>
          </div>
          <div class="col-lg-4">
            <div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
              <img src="./assets/img/nerd-fonts-icons-in-terminal.png" alt="Preview of Nerd Fonts Icons usage in terminal emulator">
            </div>
          </div>
          <div class="col-lg-4">
            <div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
              <img src="./assets/img/nerd-fonts-icons-in-vim.png" alt="Preview of Nerd Fonts Icons usage in terminal Vim">
            </div>
          </div>
      </div>
          <p>
            All patched fonts have Powerline symbols, extra powerline symbols and many icons to choose from. Build your own status line, add icons to filetypes, make visual grepping easier. You are only limited by your imagination.
          </p>
        <!-- </div> -->
      </div><!-- end inner row -->
    </div><!-- end feature-section -->
    </div><!-- end col -->
  </div><!-- end row -->
  <div class="row">
    <div class="col-xs-12 col-md-12 col-lg-12">
    <div class="feature-section">
      <h2>Font Patcher Script</h2>
      <h3>Create your own customized patched fonts</h3>
      <p>Use the provided <a href="https://github.com/ryanoasis/nerd-fonts#font-patcher">FontForge Python Script</a> to patch your own font or to generate over 
<strong><code class="highlighter-rouge">{{ site.metrics.combinations }}</code></strong> unique combinations/variations <small><a href="https://github.com/ryanoasis/nerd-fonts#combinations">(more details)</a></small>.<br/><br/>You can even specify a custom symbol font with the <strong><code class="highlighter-rouge">--custom</code></strong> option to include even more glyphs.
      </p>
<details>
<summary>Show Font Patcher CLI</summary>
<div markdown="1">
```
Nerd Fonts Patcher v3.1.0-6 (4.8.1) (ff 20230101)
usage: font-patcher [-h] [-v] [-s] [--variable-width-glyphs]
                    [--debug [{0,1,2,3}]] [-q] [--careful] [-ext EXTENSION]
                    [-out OUTPUTDIR] [--makegroups [{-1,0,1,2,3,4,5,6}]] [-c]
                    [--codicons] [--fontawesome] [--fontawesomeext]
                    [--fontlogos] [--material] [--octicons] [--powersymbols]
                    [--pomicons] [--powerline] [--powerlineextra] [--weather]
                    [--boxdrawing] [--configfile CONFIGFILE] [--custom CUSTOM]
                    [--dry] [--glyphdir GLYPHDIR] [--has-no-italic] [-l]
                    [--metrics {HHEA,TYPO,WIN}] [--name FORCE_NAME]
                    [--postprocess POSTPROCESS] [--removeligs]
                    [--xavgcharwidth [XAVGWIDTH]]
                    [--progressbars | --no-progressbars]
                    font

Nerd Fonts Font Patcher: patches a given font with programming and development related glyphs

* Website: https://www.nerdfonts.com
* Version: 3.1.0-6
* Development Website: https://github.com/ryanoasis/nerd-fonts
* Changelog: https://github.com/ryanoasis/nerd-fonts/blob/-/changelog.md

positional arguments:
  font                  The path to the font to patch (e.g., Inconsolata.otf)

options:
  -h, --help            show this help message and exit
  -v, --version         show program's version number and exit
  -s, --mono, --use-single-width-glyphs
                        Whether to generate the glyphs as single-width not double-width (default is double-width) (Nerd Font Mono)
  --variable-width-glyphs
                        Do not adjust advance width (no "overhang") (Nerd Font Propo)
  --debug [{0,1,2,3}]   Verbose mode (optional: 1=just to file; 2*=just to terminal; 3=display and file)
  -q, --quiet           Do not generate verbose output
  --careful             Do not overwrite existing glyphs if detected
  -ext EXTENSION, --extension EXTENSION
                        Change font file type to create (e.g., ttf, otf)
  -out OUTPUTDIR, --outputdir OUTPUTDIR
                        The directory to output the patched font file to
  --makegroups [{-1,0,1,2,3,4,5,6}]
                        Use alternative method to name patched fonts (default=1)

Symbol Fonts:
  -c, --complete        Add all available Glyphs
  --codicons            Add Codicons Glyphs (https://github.com/microsoft/vscode-codicons)
  --fontawesome         Add Font Awesome Glyphs (http://fontawesome.io/)
  --fontawesomeext      Add Font Awesome Extension Glyphs (https://andrelzgava.github.io/font-awesome-extension/)
  --fontlogos           Add Font Logos Glyphs (https://github.com/Lukas-W/font-logos)
  --material, --mdi     Add Material Design Icons (https://github.com/templarian/MaterialDesign)
  --octicons            Add Octicons Glyphs (https://octicons.github.com)
  --powersymbols        Add IEC Power Symbols (https://unicodepowersymbol.com/)
  --pomicons            Add Pomicon Glyphs (https://github.com/gabrielelana/pomicons)
  --powerline           Add Powerline Glyphs
  --powerlineextra      Add Powerline Extra Glyphs (https://github.com/ryanoasis/powerline-extra-symbols)
  --weather             Add Weather Icons (https://github.com/erikflowers/weather-icons)

Expert Options:
  --boxdrawing          Force patching in (over existing) box drawing glyphs
  --configfile CONFIGFILE
                        Specify a file path for JSON configuration file (see sample: src/config.sample.json)
  --custom CUSTOM       Specify a custom symbol font, all glyphs will be copied; absolute path suggested
  --dry                 Do neither patch nor store the font, to check naming
  --glyphdir GLYPHDIR   Path to glyphs to be used for patching
  --has-no-italic       Font family does not have Italic (but Oblique), to help create correct RIBBI set
  -l, --adjust-line-height
                        Whether to adjust line heights (attempt to center powerline separators more evenly)
  --metrics {HHEA,TYPO,WIN}
                        Select vertical metrics source (for problematic cases)
  --name FORCE_NAME     Specify naming source ('full', 'postscript', 'filename', or concrete free name-string)
  --postprocess POSTPROCESS
                        Specify a Script for Post Processing
  --removeligs, --removeligatures
                        Removes ligatures specificed in JSON configuration file (needs --configfile)
  --xavgcharwidth [XAVGWIDTH]
                        Adjust xAvgCharWidth (optional: concrete value)
  --progressbars        Show percentage completion progress bars per Glyph Set (default)
  --no-progressbars     Don't show percentage completion progress bars per Glyph Set
```
</div>
</details>
<br/>
<br/>
      <h4 class="inlineblock bg-blue text-white nerd-font-button">
        <i class="nf nf-mdi-script"></i>
        <a href="https://github.com/ryanoasis/nerd-fonts/releases/latest/download/FontPatcher.zip" class="inlineblock">Download Patcher</a>
      </h4>
    </div><!-- end feature-section -->
    </div><!-- end col -->
  </div><!-- end row -->
 </div>

<!--
Repo References
-->

[vim-devicons]:https://github.com/ryanoasis/vim-devicons "VimDevIcons Vim Plugin (external link) ➶"
[vorillaz-devicons]:http://vorillaz.github.io/devicons/
[font-awesome]:https://github.com/FortAwesome/Font-Awesome
[font-awesome-extension]:https://github.com/AndreLGava/font-awesome-extension
[font-material-design-icons]:https://github.com/Templarian/MaterialDesign
[font-weather]:https://github.com/erikflowers/weather-icons
[octicons]:https://github.com/github/octicons
[codicons]:https://github.com/microsoft/vscode-codicons
[font-logos]:https://github.com/Lukas-W/font-logos
[gabrielelana-pomicons]:https://github.com/gabrielelana/pomicons
[Seti-UI]:https://atom.io/themes/seti-ui
[ryanoasis-powerline-extra-symbols]:https://github.com/ryanoasis/powerline-extra-symbols
[wiki]:https://github.com/ryanoasis/nerd-fonts/wiki
[wiki-project-purpose]:https://github.com/ryanoasis/nerd-fonts/wiki/Project-Purpose
[repo]:https://github.com/ryanoasis/nerd-fonts
[gitter]:https://gitter.im/ryanoasis/nerd-fonts