mirror of
https://github.com/ryanoasis/nerd-fonts.git
synced 2024-09-19 09:51:48 +02:00
164 lines
8 KiB
Markdown
164 lines
8 KiB
Markdown
---
|
|
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="/assets/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 & 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="/assets/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
|
|
|
|
|