TikZBlog

Fontawesome: Ready Icons to Use in LaTeX!

  • This post is about using fontawesome package in LaTeX which provides pre-made high quality web icons. These icons are designed by Dave Gandy "Font Awesome" and can be used easily in LaTeX documents and TikZ illustrations. Let's get into the details!

If you enjoy these TikZ tutorials, Please consider supporting me by buying me a coffee ❤️

Buy Me a Coffee at ko-fi.com
Table of Contents
Fontawesome Package
Usage \faIcon{}
Regular style vs Solid style
Change the color and size of Icons in LaTeX
Commonly used icons for CVs

Fontawesome Package

The fontawesome package enables easy access to more than 1500 high-quality icons in LaTeX. These icons are covering many examples such as: animals, buildings, alerts, computers, brands, arrows, currency, date & time and much more!

  • In this post we will consider fontawesome 5 package (version 5.13.0, 2020/03/24). The package works with PdfLaTeX, XeLaTeX and LuaLaTeX engines. Special thanks to Marcel Krüger, author of this wonderful package!

Usage \faIcon{}

The following code shows how one can insert icons in LaTeX using the Font Awesome package:

\documentclass[border=0.1cm]{standalone}

\usepackage{fontawesome5}

\begin{document}
	This is an example of 
	youtube icon \faIcon{youtube} 
\end{document}

which yields:

youtube Icon in LaTeX
  • An icon is inserted by using the command \faIcon{the-icon-name}. The icon name corresponds to the official icon name, which most of the time can be obtained from Fontawesome.com. "Most of the time" as it depends on updating the current package with new icons.

Regular style vs Solid style

Some icons have two variations: regular and solid styles. In this case, we add one of these options (regular, solid) to the \faIcon[styles]{icon-name}. The solid style is the default one. Here is an illustrative example:

\documentclass[border=0.1cm]{standalone}

\usepackage{fontawesome5}

\begin{document}
	This is an example of an open folder 
	with a \verb|regular| style: \faIcon[regular]{folder-open} 
\end{document}
Open Folder icon latex Regular style
\documentclass[border=0.1cm]{standalone}

\usepackage{fontawesome5}

\begin{document}
	This is an example of an open folder 
	with a \verb|solid| style: \faIcon[solid]{folder-open} 
\end{document}
Open Folder icon latex Solid style
View Image
TeX code
Open in Overleaf

Change the color and size of Icons in LaTeX

Icons in question are considered as a font style. Hence, Changing their color is the same as changing the text color which be easily done using one of these commands:

 \textcolor{color-name}{text and/or icon} 
 {\color{color-name} text and/or icon }

The font size can be changed using \tiny, \scriptsize, \footonotesize, \small, \large, etc. The same is true for Icons provided by Font Awesome. In TikZ illustrations, treat font awesome icons as a part of text!

FontAwesome LaTeX TikZ icons
View Image
TeX code
Open in Overleaf

Commonly used icons for CVs

In this section, we will present commonly used icons for CVs and how it can be inserted in LaTeX. Check the next table:

Type

Icon

TeX code

Youtube icon in LaTeX

\faIcon{youtube}

University icon in LaTeX

\faIcon{university}

Twitter icon in LaTeX

\faIcon{twitter}

ResearchGate icon in LateX

\faIcon{researchgate}

Programming code icon in LaTeX

\faIcon{code}

Phone icon in LaTeX

\faIcon{phone-square-alt}

Paper icon in LaTeX

\faIcon{file-alt}

ORCID icon in LaTeX

\faIcon{orcid}

Linkedin icon in LaTeX

\faIcon{linkedin}

Link icon  in LaTeX

\faIcon{link}

Google icon in LaTeX

\faIcon{google}

Google + icon in LaTeX

\faIcon{google-plus}

Github icon in LaTeX

\faIcon{github}

Email icon in LaTeX

\faIcon{envelope}

Cell phone icon  in LaTeX

\faIcon{mobile-alt}

Calendar icon in LaTeX

\faIcon{calendar-alt}

Business card icon in LaTeX

\faIcon{address-card}

Book icon in LaTeX

\faIcon{book}

At sign icon in LaTeX

\faIcon{at}

Address icon in LaTeX

\faIcon{map-marker-alt}

Achievement icon in LaTeX

\faIcon{trophy}

  • We've reached the end of this tutorial. If you have any questions or remarks, leave me a comment below or reach me via e-mail at admin@latexdraw.com, I will be happy to hear from you!
Previous Post TikZ shapes: Circle Next Post Bar Charts in LaTeX: Step-by-Step TikZ Tutorial

Leave a Comment:

4 comments
Partha says January 21, 2021

Thaanks for your tutorial on falcon. This is the best thing I learnt about LaTeX in so many years. Please keep me informed/involved.

Thanks again,

partha

Reply
    admin says January 21, 2021

    Many thanks Dr. Partha,
    Your comment may took 1 minute to write it down but for me it really makes my day 😊!
    Thanks for the encouraging feedback, I wish you the best!

    Reply
Marcel Krüger says January 21, 2021

FYI, the fontawesome5 package does *not* require fontspec, even if XeTeX or LuaTeX are used. It is specifically written to be independent of that. If it doesn’t work for you without fontspec, then you found a bug which should be reported (preferably by mail, the address is in the documentation).

Reply
    admin says January 21, 2021

    Marcel Krüger, author of fontawesome5 package, what an honour!
    Indeed, it works without loading the fontspec package which is not the case with Fontawesome V4.6.3.2. I’ve updated it, let me know if you have any remarks. Thanks 🙂!

    Reply
Add Your Reply

Popular posts

Fontawesome: Ready Icons to Use in LaTeX!
 Engineering
Jan 20, 2021
TikZ shapes: Circle
 Mathematics
Jan 20, 2021
How to Annotate an Image in LaTeX
 Engineering
Jan 06, 2021
How to Convert a LaTeX PDF to PNG
 Hacks
Jan 07, 2021