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

# Features

<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>1,600+ icons combined from popular sets</h3>
      <div class="row">
      <!-- <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 href="https://github.com/ryanoasis/powerline-extra-symbols">Powerline with Extra Symbols</a></li>
        <li><a href="https://github.com/FortAwesome/Font-Awesome">Font Awesome</a></li>
        <li><a href="https://github.com/AndreLGava/font-awesome-extension">Font Awesome Extension</a></li>
        <li><a href="https://github.com/Templarian/MaterialDesign">Material Design Icons</a></li>
        <li><a href="https://github.com/erikflowers/weather-icons">Weather</a></li>
        <li><a href="http://vorillaz.github.io/devicons/">Devicons</a></li>
        <li><a href="https://github.com/github/octicons">Octicons</a></li>
        <li><a href="https://github.com/Lukas-W/font-linux">Font Linux</a></li>
        <li><a href="https://github.com/gabrielelana/pomicons">Pomicons</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 fonts</h2>
      <h3>40+ patched and ready to use fonts</h3>
      <div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
        <div>
          <img src="/img/nerd-fonts-patched-fonts.svg" alt="Preview of Patched Fonts">
        </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-6 col-lg-6">
    <div class="feature-section">
      <h2>Terminal &amp; CLI Tools</h2>
      <h3>Supported out of the box by many projects</h3>
      <div class="row">
        <!-- <div class="col-sm-12 col-md-7 col-lg-7"> -->
          <div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
            <img src="/img/nerd-fonts-powerline-extra-terminal.png" alt="Preview of Powerline Extra Symbols usage in terminal emulator">
          </div>
        <!-- </div> -->
      </div><!-- end inner row -->
      <div class="row">
        <!-- <div class="col-sm-12 col-md-5 col-lg-5"> -->
          <ul>
            <li>
              <a href="https://p9k.org/" target="_blank" aria-label="Go to Powerlevel9k Home Page" rel="noreferrer">Powerlevel9k</a>
              <ul>
                <li>The most awesome Powerline theme for ZSH around!</li>
              </ul>
            </li>
            <li>
              <a href="https://github.com/Peltoche/lsd" target="_blank" aria-label="Go to lsd Github Page" rel="noreferrer">lsd</a>
              <ul>
                <li>The next gen ls command</li>
              </ul>
            </li>
            <li>
              <a href="https://github.com/athityakumar/colorls" target="_blank" aria-label="Go to colorls Github Page" rel="noreferrer">colorls</a>
              <ul>
                <li>A Ruby gem that beautifies the terminal's ls command, with color and font-awesome icons</li>
              </ul>
            </li>
            <li>
              <a href="https://github.com/ryanoasis/vim-devicons" target="_blank" aria-label="Go to VimDevIcons Github Page" rel="noreferrer">VimDevIcons</a>
              <ul>
                <li>Adds Icons to your Vim Plugins</li>
              </ul>
            </li>
            <li>... and many more on: <a href="https://github.com/search?q=nerd+fonts&type=Topics" 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></li>
          </ul>
        <!-- </div> -->
      </div><!-- end inner row -->
    </div><!-- end feature-section -->
    </div><!-- end col -->
    <div class="col-xs-12 col-md-6 col-lg-6 d-flex">
    <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">1.2 million</code></strong> unique combinations/variations <small><a href="https://github.com/ryanoasis/nerd-fonts#combinations">(more details)</a></small>
      </p>
    </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
[font-linux]:https://github.com/Lukas-W/font-linux
[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