Typography

Headings

All HTML headings, <h1> through <h6> are available.

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5

h6. Heading 6

Body copy

Bootstrap's global default font-size is 14px, with a line-height of 20px. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their line-height (10px by default).

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

<p>...</p>

Lead body copy

Make a paragraph stand out by adding .lead.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

<p class="lead">...</p>

Built with Less

The typographic scale is based on two LESS variables in variables.less: @baseFontSize and @baseLineHeight. The first is the base font-size used throughout and the second is the base line-height. We use those variables and some simple math to create the margins, paddings, and line-heights of all our type and more. Customize them and Bootstrap adapts.

Emphasis

Make use of HTML's default emphasis tags with lightweight styles.

`<small>`

For de-emphasizing inline or blocks of text, use the small tag.

This line of text is meant to be treated as fine print.

<p>
  <small>This line of text is meant to be treated as fine print.</small>
</p>

Bold

For emphasizing a snippet of text with a heavier font-weight.

The following snippet of text is rendered as bold text.

<strong>rendered as bold text</strong>

Italics

For emphasizing a snippet of text with italics.

The following snippet of text is rendered as italicized text.

<em>rendered as italicized text</em>

Heads up! Feel free to use <b> and <i> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.

Emphasis classes

Convey meaning through color with a handful of emphasis utility classes.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

<p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
<p class="text-error">Donec ullamcorper nulla non metus auctor fringilla.</p>
<p class="text-info">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.</p>
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>

Abbreviations

Stylized implemenation of HTML's <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.

`<abbr>`

For expanded text on long hover of an abbreviation, include the title attribute.

An abbreviation of the word attribute is attr.

<abbr title="attribute">attr</abbr>

`<abbr class="initialism">`

Add .initialism to an abbreviation for a slightly smaller font-size.

HTML is the best thing since sliced bread.

<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>

Addresses

Present contact information for the nearest ancestor or the entire body of work.

`<address>`

Preserve formatting by ending all lines with <br>.

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890

Full Name
first.last@gmail.com

<address>
  <strong>Twitter, Inc.</strong><br>
  795 Folsom Ave, Suite 600<br>
  San Francisco, CA 94107<br>
  <abbr title="Phone">P:</abbr> (123) 456-7890
</address>

<address>
  <strong>Full Name</strong><br>
  <a href="mailto:#">first.last@gmail.com</a>
</address>

Blockquotes

For quoting blocks of content from another source within your document.

Default blockquote

Wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

<blockquote class="blockquote">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

Blockquote options

Style and content changes for simple variations on a standard blockquote.

Naming a source

Add <small> tag for identifying the source. Wrap the name of the source work in <cite>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title

<blockquote class="blockquote">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  <small>Someone famous <cite title="Source Title">Source Title</cite></small>
</blockquote>

Alternate displays

Use .pull-right for a floated, right-aligned blockquote.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title

<blockquote class="blockquote pull-right">
  ...
</blockquote>

Lists

Unordered

A list of items in which the order does not explicitly matter.

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

<ul>
  <li>...</li>
</ul>

Ordered

A list of items in which the order does explicitly matter.

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

<ol>
  <li>...</li>
</ol>

Unstyled

A list of items with no list-style or additional left padding.

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

<ul class="list-unstyled">
  <li>...</li>
</ul>

Inline

Remove a list’s bullets and apply some light margin with a combination of two classes, .list-inline and .list-inline-item.

Lorem ipsum
Phasellus iaculis
Nulla volutpat

<ul class="list-inline">
    <li class="list-inline-item">Lorem ipsum</li>
    <li class="list-inline-item">Phasellus iaculis</li>
    <li class="list-inline-item">Nulla volutpat</li>
</ul>

Description

A list of terms with their associated descriptions.

Description lists: A description list is perfect for defining terms.
Euismod: Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.; Donec id elit non mi porta gravida at eget metus.
Malesuada porta: Etiam porta sem malesuada magna mollis euismod.

<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>

Horizontal description

Make terms and descriptions in <dl> line up side-by-side.

Description lists

A description list is perfect for defining terms.

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id elit non mi porta gravida at eget metus.

Malesuada porta

Etiam porta sem malesuada magna mollis euismod.

Felis euismod semper eget lacinia

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

<dl class="row">
  <dt class="col-sm-3" >...</dt>
  <dd class="col-sm-9" >...</dd>
</dl>

Heads up! Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow. In narrower viewports, they will change to the default stacked layout.

Code

Inline

Wrap inline snippets of code with <code>.

For example, <section> should be wrapped as inline.

For example, <code><section></code> should be wrapped as inline.

Basic block

Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

<p>Sample text here...</p>

<pre>
  &lt;p&gt;Sample text here...&lt;/p&gt;
</pre>

Heads up! Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.

You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.

Tables

Default styles

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

<table class="table">
  ...
</table>

Optional classes

Add any of the following classes to the .table base class.

`.table-striped`

Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-IE8).

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

<table class="table table-striped">
  ...
</table>

`.table-bordered`

Add borders and rounded corners to the table.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
1	Mark	Otto	@TwBootstrap
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

<table class="table table-bordered">
  ...
</table>

`.table-hover`

Enable a hover state on table rows within a <tbody>.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

<table class="table table-hover">
  ...
</table>

`.table-sm`

Makes tables more compact by cutting cell padding in half.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

<table class="table table-sm">
  ...
</table>

`.table-dark`

Uses dark colors for rows and columns.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

    <table class="table table-dark">
      ...
    </table>

Optional row classes

Use contextual classes to color table rows.

Class	Heading	Heading
table-active	Cell	Cell
table-primary	Cell	Cell
table-secondary	Cell	Cell
table-info	Cell	Cell
table-success	Cell	Cell
table-warning	Cell	Cell
table-danger	Cell	Cell
table-light	Cell	Cell
table-dark	Cell	Cell

#	Product	Payment Taken	Status
1	TB - Monthly	01/04/2012	In Stock
1	TB - Monthly	02/04/2012	Approved
2	TB - Monthly	03/04/2012	Declined
3	TB - Monthly	04/04/2012	Pending
4	TB - Monthly	05/04/2012	Call in to confirm

...
  <tr class="table-success">
    <td>1</td>
    <td>TB - Monthly</td>
    <td>01/04/2012</td>
    <td>Approved</td>
  </tr>
...

Supported table markup

List of supported table HTML elements and how they should be used.

Tag	Description
`<table>`	Wrapping element for displaying data in a tabular format
`<thead>`	Container element for table header rows (`<tr>`) to label table columns
`<tbody>`	Container element for table rows (`<tr>`) in the body of the table
`<tr>`	Container element for a set of table cells (`<td>` or `<th>`) that appears on a single row
`<td>`	Default table cell
`<th>`	Special table cell for column (or row, depending on scope and placement) labels Must be used within a `<thead>`
`<caption>`	Description or summary of what the table holds, especially useful for screen readers

<table>
  <caption>...</caption>
  <thead>
    <tr>
      <th>...</th>
      <th>...</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>...</td>
      <td>...</td>
    </tr>
  </tbody>
</table>

Forms

Default styles

Individual form controls receive styling, but without any required base class on the <form> or large changes in markup. Results in stacked, left-aligned labels on top of form controls.

<form>
  <fieldset>
    <legend>Legend</legend>
    <label class="col-form-label">Label name</label>
    <input type="text" class="form-control" placeholder="Type something...">
    <span class="form-text">Example block-level help text here.</span>
    <div class="form-check">
        <input type="checkbox" class="form-check-input">
        <label class="col-form-label">Check me out</label>
    </div>
    <div class="form-check">
        <input type="radio" class="form-check-input">
        <label class="col-form-label">Radio One</label>
    </div>
    <div class="form-check">
        <input type="radio" class="form-check-input">
        <label class="col-form-label">Radio Two</label>
    </div>
    <button type="submit" class="btn">Submit</button>
  </fieldset>
</form>

Optional layouts

Included with Bootstrap are three optional form layouts for common use cases.

Inline form

Add .form-inline for left-aligned labels and inline-block controls for a compact layout.

<form class="form-inline">
  <div class="form-group">
      <input type="text" class="form-control input-sm" placeholder="Email">
      <input type="password" class="form-control input-sm" placeholder="Password">
      <div class="form-check">
          <input type="checkbox" class="form-check-input" >
          <label class="form-check-label"> Remember me </label>
      </div>
      <button type="submit" class="btn">Sign in</button>
  </div>
</form>

Horizontal form

Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:

Add .form-horizontal to the form
Wrap labels and controls in .form-group
Add .control-label to the label
Wrap any associated controls in .controls for proper alignment

<form>
  <div class="form-group row">
    <label class="col-form-label col-sm-2" for="inputEmail">Email</label>
    <div class="col-sm-10">
        <input type="text" class="form-control" id="inputEmail" placeholder="Email">
    </div>
  </div>
  <div class="form-group row">
    <label class="col-form-label col-sm-2" for="inputPassword">Password</label>
    <div class="col-sm-10">
        <input type="password" class="form-control" id="inputPassword" placeholder="Password">
    </div>
  </div>
  <div class="form-group row">
    <div class="col-sm-10">
        <div class="form-check">
            <input type="checkbox" class="form-check-input" >
            <label class="form-check-label"> Remember me </label>
        </div>
    </div>
  </div>
  <div class="form-group row">
    <button type="submit" class="btn">Sign in</button>
  </div>
</form>

Supported form controls

Examples of standard form controls supported in an example form layout.

Inputs

Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

Requires the use of a specified type at all times.

<input type="text" class="form-control" placeholder="Text input">

Textarea

Form control which supports multiple lines of text. Change rows attribute as necessary.

<textarea class="form-control" rows="3"></textarea>

Checkboxes and radios

Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.

Default (stacked)

<div class="form-check">
    <input type="checkbox" value="" class="form-check-input">
    <label class="form-check-label">
        Option one is this and that—be sure to include why it's great
    </label>
</div>
<div class="form-check">
    <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
    <label class="form-check-label">
        Option one is this and that—be sure to include why it's great
    </label>
</div>
<div  class="form-check">
    <input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios2" value="option2" >
    <label class="form-check-label">
        Option two can be something else and selecting it will deselect option one
    </label>
</div>

Inline checkboxes

Add the .inline class to a series of checkboxes or radios for controls appear on the same line.

<div class="form-check form-check-inline">
    <label class="form-check-label">
      <input type="checkbox" id="inlineCheckbox1" value="option1" class="form-check-input"> 1
    </label>
</div>
    <div class="form-check form-check-inline">
    <label class="form-check-label">
      <input type="checkbox" id="inlineCheckbox2" value="option2" class="form-check-input"> 2
    </label>
<div class="form-check form-check-inline">
    <label class="form-check-label">
      <input type="checkbox" id="inlineCheckbox3" value="option3" class="form-check-input"> 3
    </label>
</div>

Selects

Use the default option or specify a multiple="multiple" to show multiple options at once.

<select>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

<select multiple="multiple">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

Extending form controls

Adding on top of existing browser controls, Bootstrap includes other useful form components.

Prepended and appended inputs

Add text or buttons before or after any text-based input. Do note that select elements are not supported here.

Default options

Wrap an .add-on and an input with one of two classes to prepend or append text to an input.

<div class="form-group">
    <div class="input-group">
        <span class="input-group-text">@</span>
        <input class="form-control" id="prependedInput" type="text" placeholder="Username">
    </div>
    <div class="input-group">
        <input class="form-control" id="appendedInput" type="text">
        <span class="input-group-text">.00</span>
    </div>
</div>

Combined

Use both classes and two instances of .add-on to prepend and append an input.

<div class="form-group">
    <div class="input-group">
        <span class="input-group-text">$</span>
        <input class="form-control" id="appendedPrependedInput" type="text">
        <span class="input-group-text">.00</span>
    </div>
</div>

Buttons instead of text

Instead of a <span> with text, use a .btn to attach a button (or two) to an input.

<div class="form-group">
    <div class="input-group">
        <input class="form-control" id="appendedInputButton" type="text"/>
        <button class="btn" type="button">Go!</button>
    </div>
</div>

<div class="form-group">
    <div class="input-group">
        <input class="form-control" id="appendedInputButtons" type="text">
        <button class="btn" type="button">Search</button>
    </div>
</div>

Button dropdowns

<div class="form-group">
    <div class="input-group">
        <input class="form-control" id="appendedDropdownButton" type="text">

        <button class="btn dropdown-toggle" data-bs-toggle="dropdown">Action <span class="caret"></span></button>
        <div class="dropdown-menu">
            <a class="dropdown-item" href="#">Action</a></li>
            <a class="dropdown-item" href="#">Another action</a></li>
            <a class="dropdown-item" href="#">Something else here</a></li>
            <div class="dropdown-divider" role="separator"></div>
            <a class="dropdown-item" href="#">Separated link</a>
        </div>
    </div>
</div>

<div class="form-group">
    <div class="input-group">
        <button class="btn dropdown-toggle" data-bs-toggle="dropdown">Action <span class="caret"></span></button>
        <div class="dropdown-menu">
            <a class="dropdown-item" href="#">Action</a></li>
            <a class="dropdown-item" href="#">Another action</a></li>
            <a class="dropdown-item" href="#">Something else here</a></li>
            <div class="divider" role="separator"></div>
            <a class="dropdown-item" href="#">Separated link</a></li>
        </div>
        <input class="form-control" id="prependedDropdownButton" type="text">
    </div>
</div>

<div class="form-group">
    <div class="input-group">
        <button class="btn dropdown-toggle" data-bs-toggle="dropdown">Action <span class="caret"></span></button>
        <div class="dropdown-menu">
            <a class="dropdown-item" href="#">Action</a></li>
            <a class="dropdown-item" href="#">Another action</a></li>
            <a class="dropdown-item" href="#">Something else here</a></li>
            <div class="divider" role="separator"></div>
            <a class="dropdown-item" href="#">Separated link</a></li>
        </div>

        <input class="form-control" id="appendedPrependedDropdownButton" type="text">

        <button class="btn dropdown-toggle" data-bs-toggle="dropdown">Action <span class="caret"></span></button>
        <div class="dropdown-menu">
            <a class="dropdown-item" href="#">Action</a></li>
            <a class="dropdown-item" href="#">Another action</a></li>
            <a class="dropdown-item" href="#">Something else here</a></li>
            <div class="dropdown-divider" role="separator"></div>
            <a class="dropdown-item" href="#">Separated link</a>
        </div>
    </div>
</div>

Control sizing

Use relative sizing classes like .input-large or match your inputs to the grid column sizes using .span* classes.

Block level inputs

Make any <input> or <textarea> element behave like a block level element.

<input class="form-control input-block-level" type="text" placeholder=".input-block-level">

Relative sizing

<div class="form-group">
    <div class="controls docs-input-sizes">
        <input class="form-control input-sm" type="text" placeholder=".input-small">
        <input class="form-control" type="text" placeholder="default">
        <input class="form-control input-lg" type="text" placeholder=".input-large">
        <select class="form-control input-xs">
            <option>.input-sm</option>
        </select>
        <select class="form-control">
            <option>Default</option>
        </select>
        <select class="form-control input-lg">
            <option>.input-lg</option>
        </select>
    </div>
</div>

Help text

Block level support for help text that appears around form controls.

Block help

<input type="text" class="form-control" ><span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span>

Form control states

Provide feedback to users or visitors with basic feedback states on form controls and labels.

Input focus

We remove the default outline styles on some form controls and apply a box-shadow in its place for :focus.

<input class="form-control input-lg" id="focusedInput" type="text" value="This is focused...">

Disabled inputs

Add the disabled attribute on an input to prevent user input and trigger a slightly different look.

<input class="form-control input-lg" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>

Validation states

Bootstrap includes validation styles for error, warning, info, and success messages. To use, add the appropriate class to the surrounding .form-group.

<div class="form-group">
    <div class="has-warning">
        <label class="control-label" for="inputWarning">Input with warning</label>

        <div class="controls">
            <input type="text" class="form-control" id="inputWarning">
            <span class="help-block">Something may have gone wrong</span>
        </div>
    </div>
    <div class="has-error">
        <label class="control-label" for="inputError">Input with error</label>

        <div class="controls">
            <input type="text" class="form-control" id="inputError">
            <span class="help-block">Please correct the error</span>
        </div>
    </div>
    <div class="has-success">
        <label class="control-label" for="inputSuccess">Input with success</label>

        <div class="controls">
            <input type="text" class="form-control" id="inputSuccess">
            <span class="help-block">Woohoo!</span>
        </div>
    </div>
</div>

Buttons

Default buttons

Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements for the best rendering.

Button	class=""	Description
	`btn`	Standard gray button with gradient
	`btn btn-primary`	Provides extra visual weight and identifies the primary action in a set of buttons
	`btn btn-info`	Used as an alternative to the default styles
	`btn btn-success`	Indicates a successful or positive action
	`btn btn-warning`	Indicates caution should be taken with this action
	`btn btn-danger`	Indicates a dangerous or potentially negative action
	`btn btn-inverse`	Alternate dark gray button, not tied to a semantic action or use
	`btn btn-link`	Deemphasize a button by making it look like a link while maintaining button behavior

Cross browser compatibility

IE9 doesn't crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix.

Button sizes

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

<p>
  <button class="btn btn-lg btn-primary" type="button">Large button</button>
  <button class="btn btn-lg" type="button">Large button</button>
</p>
<p>
  <button class="btn btn-primary" type="button">Default button</button>
  <button class="btn" type="button">Default button</button>
</p>
<p>
  <button class="btn btn-sm btn-primary" type="button">Small button</button>
  <button class="btn btn-sm" type="button">Small button</button>
</p>
<p>
  <button class="btn btn-xs btn-primary" type="button">Mini button</button>
  <button class="btn btn-xs" type="button">Mini button</button>
</p>

Disabled state

Make buttons look unclickable by fading them back 50%.

Anchor element

Add the .disabled class to <a> buttons.

Primary link Link

<a href="#" class="btn btn-lg btn-primary" disabled="disabled">Primary link</a>
<a href="#" class="btn btn-lg" disabled="disabled">Link</a>

Heads up! We use .disabled as a utility class here, similar to the common .active class, so no prefix is required. Also, this class is only for aesthetic; you must use custom JavaScript to disable links here.

Button element

Add the disabled attribute to <button> buttons.

<button type="button" class="btn btn-lg btn-primary" disabled="disabled">Primary button</button>
<button type="button" class="btn btn-lg"  disabled="disabled">Button</button>

One class, multiple tags

Use the .btn class on an <a>, <button>, or <input> element.

<a class="btn" href="">Link</a>
<button class="btn" type="submit">Button</button>
<input class="btn" type="button" value="Input">
<input class="btn" type="submit" value="Submit">

As a best practice, try to match the element for your context to ensure matching cross-browser rendering. If you have an input, use an <input type="submit"> for your button.

Images

Add classes to an <img> element to easily style images in any project.

<img src="..." class="rounded">
<img src="..." class="rounded-circle">
<img src="..." class="img-thumbnail">

Heads up! .rounded and .rounded-circle do not work in IE7-8 due to lack of border-radius support.

Icons by Font Awesome

Icon glyphs

Icons in sprite form, available in dark gray (default) and white, provided by Font Awesome.

fa-solid fa-0 fa-fw
fa-solid fa-1 fa-fw
fa-solid fa-2 fa-fw
fa-solid fa-3 fa-fw
fa-solid fa-4 fa-fw
fa-solid fa-5 fa-fw
fa-solid fa-6 fa-fw
fa-solid fa-7 fa-fw
fa-solid fa-8 fa-fw
fa-solid fa-9 fa-fw
fa-solid fa-a fa-fw
fa-solid fa-address-book fa-fw
fa-solid fa-address-card fa-fw
fa-solid fa-align-center fa-fw
fa-solid fa-align-justify fa-fw
fa-solid fa-align-left fa-fw
fa-solid fa-align-right fa-fw
fa-solid fa-anchor-circle-check fa-fw
fa-solid fa-anchor-circle-exclamation fa-fw
fa-solid fa-anchor-circle-xmark fa-fw
fa-solid fa-anchor-lock fa-fw
fa-solid fa-anchor fa-fw
fa-solid fa-angle-down fa-fw
fa-solid fa-angle-left fa-fw
fa-solid fa-angle-right fa-fw
fa-solid fa-angle-up fa-fw
fa-solid fa-angles-down fa-fw
fa-solid fa-angles-left fa-fw
fa-solid fa-angles-right fa-fw
fa-solid fa-angles-up fa-fw
fa-solid fa-ankh fa-fw
fa-solid fa-apple-whole fa-fw
fa-solid fa-archway fa-fw
fa-solid fa-arrow-down-1-9 fa-fw
fa-solid fa-arrow-down-9-1 fa-fw
fa-solid fa-arrow-down-a-z fa-fw
fa-solid fa-arrow-down-long fa-fw
fa-solid fa-arrow-circle-down fa-fw
fa-solid fa-arrow-circle-left fa-fw
fa-solid fa-arrow-circle-right fa-fw
fa-solid fa-arrow-circle-up fa-fw
fa-solid fa-arrow-down fa-fw
fa-solid fa-arrow-down-short-wide fa-fw
fa-solid fa-arrow-down-up-across-line fa-fw
fa-solid fa-arrow-down-up-lock fa-fw
fa-solid fa-arrow-down-wide-short fa-fw
fa-solid fa-arrow-down-z-a fa-fw
fa-solid fa-arrow-left-long fa-fw
fa-solid fa-arrow-left fa-fw
fa-solid fa-arrow-pointer fa-fw
fa-solid fa-arrow-right-arrow-left fa-fw
fa-solid fa-arrow-right-from-bracket fa-fw
fa-solid fa-arrow-right-long fa-fw
fa-solid fa-arrow-right fa-fw
fa-solid fa-arrow-right-to-bracket fa-fw
fa-solid fa-arrow-right-to-city fa-fw
fa-solid fa-arrow-rotate-left fa-fw
fa-solid fa-arrow-rotate-right fa-fw
fa-solid fa-arrow-trend-down fa-fw
fa-solid fa-arrow-trend-up fa-fw
fa-solid fa-arrow-turn-down fa-fw
fa-solid fa-arrow-turn-up fa-fw
fa-solid fa-arrow-up-1-9 fa-fw
fa-solid fa-arrow-up-9-1 fa-fw
fa-solid fa-arrow-up-a-z fa-fw
fa-solid fa-arrow-up-from-bracket fa-fw
fa-solid fa-arrow-up-from-ground-water fa-fw
fa-solid fa-arrow-up-from-water-pump fa-fw
fa-solid fa-arrow-up-long fa-fw
fa-solid fa-arrow-up-right-dots fa-fw
fa-solid fa-arrow-up-right-from-square fa-fw
fa-solid fa-arrow-up fa-fw
fa-solid fa-arrow-up-short-wide fa-fw
fa-solid fa-arrow-up-wide-short fa-fw
fa-solid fa-arrow-up-z-a fa-fw
fa-solid fa-arrows-down-to-line fa-fw
fa-solid fa-arrows-down-to-people fa-fw
fa-solid fa-arrows-left-right fa-fw
fa-solid fa-arrows-left-right-to-line fa-fw
fa-solid fa-arrows-rotate fa-fw
fa-solid fa-arrows-spin fa-fw
fa-solid fa-arrows-split-up-and-left fa-fw
fa-solid fa-arrows-to-circle fa-fw
fa-solid fa-arrows-to-dot fa-fw
fa-solid fa-arrows-to-eye fa-fw
fa-solid fa-arrows-turn-right fa-fw
fa-solid fa-arrows-turn-to-dots fa-fw
fa-solid fa-arrows-up-down-left-right fa-fw
fa-solid fa-arrows-up-down fa-fw
fa-solid fa-arrows-up-to-line fa-fw
fa-solid fa-asterisk fa-fw
fa-solid fa-at fa-fw
fa-solid fa-atom fa-fw
fa-solid fa-audio-description fa-fw
fa-solid fa-austral-sign fa-fw
fa-solid fa-award fa-fw
fa-solid fa-b fa-fw
fa-solid fa-baby fa-fw
fa-solid fa-baby-carriage fa-fw
fa-solid fa-backward-fast fa-fw
fa-solid fa-backward fa-fw
fa-solid fa-backward-step fa-fw
fa-solid fa-bacon fa-fw
fa-solid fa-bacteria fa-fw
fa-solid fa-bacterium fa-fw
fa-solid fa-bag-shopping fa-fw
fa-solid fa-bahai fa-fw
fa-solid fa-baht-sign fa-fw
fa-solid fa-ban fa-fw
fa-solid fa-ban-smoking fa-fw
fa-solid fa-bandage fa-fw
fa-solid fa-bangladeshi-taka-sign fa-fw
fa-solid fa-barcode fa-fw
fa-solid fa-bars-progress fa-fw
fa-solid fa-bars fa-fw
fa-solid fa-bars-staggered fa-fw
fa-solid fa-baseball-bat-ball fa-fw
fa-solid fa-baseball fa-fw
fa-solid fa-basket-shopping fa-fw
fa-solid fa-basketball fa-fw
fa-solid fa-bath fa-fw
fa-solid fa-battery-empty fa-fw
fa-solid fa-battery-full fa-fw
fa-solid fa-battery-half fa-fw
fa-solid fa-battery-quarter fa-fw
fa-solid fa-battery-three-quarters fa-fw
fa-solid fa-bed-pulse fa-fw
fa-solid fa-bed fa-fw
fa-solid fa-beer-mug-empty fa-fw
fa-solid fa-bell-concierge fa-fw
fa-solid fa-bell fa-fw
fa-solid fa-bell-slash fa-fw
fa-solid fa-bezier-curve fa-fw
fa-solid fa-bicycle fa-fw
fa-solid fa-binoculars fa-fw
fa-solid fa-biohazard fa-fw
fa-solid fa-bitcoin-sign fa-fw
fa-solid fa-blender fa-fw
fa-solid fa-blender-phone fa-fw
fa-solid fa-blind fa-fw
fa-solid fa-blog fa-fw
fa-solid fa-bold fa-fw
fa-solid fa-bolt-lightning fa-fw
fa-solid fa-bolt fa-fw
fa-solid fa-bomb fa-fw
fa-solid fa-bone fa-fw
fa-solid fa-bong fa-fw
fa-solid fa-book fa-fw
fa-solid fa-book-atlas fa-fw
fa-solid fa-book-bible fa-fw
fa-solid fa-book-bookmark fa-fw
fa-solid fa-book-journal-whills fa-fw
fa-solid fa-book-medical fa-fw
fa-solid fa-book-open-reader fa-fw
fa-solid fa-book-open fa-fw
fa-solid fa-book-quran fa-fw
fa-solid fa-book-skull fa-fw
fa-solid fa-book-tanakh fa-fw
fa-solid fa-bookmark fa-fw
fa-solid fa-border-all fa-fw
fa-solid fa-border-none fa-fw
fa-solid fa-border-top-left fa-fw
fa-solid fa-bore-hole fa-fw
fa-solid fa-bottle-droplet fa-fw
fa-solid fa-bottle-water fa-fw
fa-solid fa-bowl-food fa-fw
fa-solid fa-bowl-rice fa-fw
fa-solid fa-bowling-ball fa-fw
fa-solid fa-box-archive fa-fw
fa-solid fa-box fa-fw
fa-solid fa-box-open fa-fw
fa-solid fa-box-tissue fa-fw
fa-solid fa-boxes-packing fa-fw
fa-solid fa-boxes-stacked fa-fw
fa-solid fa-braille fa-fw
fa-solid fa-brain fa-fw
fa-solid fa-brazilian-real-sign fa-fw
fa-solid fa-bread-slice fa-fw
fa-solid fa-briefcase fa-fw
fa-solid fa-bridge-circle-check fa-fw
fa-solid fa-bridge-circle-exclamation fa-fw
fa-solid fa-bridge-circle-xmark fa-fw
fa-solid fa-bridge-lock fa-fw
fa-solid fa-bridge fa-fw
fa-solid fa-bridge-water fa-fw
fa-solid fa-briefcase-medical fa-fw
fa-solid fa-broom-ball fa-fw
fa-solid fa-broom fa-fw
fa-solid fa-brush fa-fw
fa-solid fa-bucket fa-fw
fa-solid fa-bug fa-fw
fa-solid fa-bug-slash fa-fw
fa-solid fa-bugs fa-fw
fa-solid fa-building-circle-arrow-right fa-fw
fa-solid fa-building-circle-check fa-fw
fa-solid fa-building-circle-exclamation fa-fw
fa-solid fa-building-circle-xmark fa-fw
fa-solid fa-building-columns fa-fw
fa-solid fa-building-flag fa-fw
fa-solid fa-building-lock fa-fw
fa-solid fa-building-ngo fa-fw
fa-solid fa-building fa-fw
fa-solid fa-building-shield fa-fw
fa-solid fa-building-un fa-fw
fa-solid fa-building-user fa-fw
fa-solid fa-building-wheat fa-fw
fa-solid fa-bullhorn fa-fw
fa-solid fa-bullseye fa-fw
fa-solid fa-burger fa-fw
fa-solid fa-burst fa-fw
fa-solid fa-bus fa-fw
fa-solid fa-bus-simple fa-fw
fa-solid fa-business-time fa-fw
fa-solid fa-c fa-fw
fa-solid fa-cable-car fa-fw
fa-solid fa-cake-candles fa-fw
fa-solid fa-calculator fa-fw
fa-solid fa-calendar fa-fw
fa-solid fa-calendar-check fa-fw
fa-solid fa-calendar-day fa-fw
fa-solid fa-calendar-days fa-fw
fa-solid fa-calendar-minus fa-fw
fa-solid fa-calendar-plus fa-fw
fa-solid fa-calendar-week fa-fw
fa-solid fa-calendar-xmark fa-fw
fa-solid fa-camera fa-fw
fa-solid fa-camera-retro fa-fw
fa-solid fa-camera-rotate fa-fw
fa-solid fa-campground fa-fw
fa-solid fa-candy-cane fa-fw
fa-solid fa-cannabis fa-fw
fa-solid fa-capsules fa-fw
fa-solid fa-car fa-fw
fa-solid fa-car-battery fa-fw
fa-solid fa-car-burst fa-fw
fa-solid fa-car-on fa-fw
fa-solid fa-car-rear fa-fw
fa-solid fa-car-side fa-fw
fa-solid fa-car-tunnel fa-fw
fa-solid fa-caravan fa-fw
fa-solid fa-caret-down fa-fw
fa-solid fa-caret-left fa-fw
fa-solid fa-caret-right fa-fw
fa-solid fa-caret-up fa-fw
fa-solid fa-carrot fa-fw
fa-solid fa-cart-arrow-down fa-fw
fa-solid fa-cart-flatbed fa-fw
fa-solid fa-cart-flatbed-suitcase fa-fw
fa-solid fa-cart-plus fa-fw
fa-solid fa-cart-shopping fa-fw
fa-solid fa-cash-register fa-fw
fa-solid fa-cat fa-fw
fa-solid fa-cedi-sign fa-fw
fa-solid fa-cent-sign fa-fw
fa-solid fa-certificate fa-fw
fa-solid fa-chair fa-fw
fa-solid fa-chalkboard fa-fw
fa-solid fa-chalkboard-user fa-fw
fa-solid fa-champagne-glasses fa-fw
fa-solid fa-charging-station fa-fw
fa-solid fa-chart-area fa-fw
fa-solid fa-chart-bar fa-fw
fa-solid fa-chart-column fa-fw
fa-solid fa-chart-diagram fa-fw
fa-solid fa-chart-gantt fa-fw
fa-solid fa-chart-line fa-fw
fa-solid fa-chart-pie fa-fw
fa-solid fa-check fa-fw
fa-solid fa-chart-simple fa-fw
fa-solid fa-check-double fa-fw
fa-solid fa-check-to-slot fa-fw
fa-solid fa-cheese fa-fw
fa-solid fa-chess fa-fw
fa-solid fa-chess-bishop fa-fw
fa-solid fa-chess-board fa-fw
fa-solid fa-chess-king fa-fw
fa-solid fa-chess-knight fa-fw
fa-solid fa-chess-pawn fa-fw
fa-solid fa-chess-queen fa-fw
fa-solid fa-chess-rook fa-fw
fa-solid fa-chevron-down fa-fw
fa-solid fa-chevron-left fa-fw
fa-solid fa-chevron-right fa-fw
fa-solid fa-chevron-up fa-fw
fa-solid fa-child-combatant fa-fw
fa-solid fa-child fa-fw
fa-solid fa-child-dress fa-fw
fa-solid fa-child-reaching fa-fw
fa-solid fa-children fa-fw
fa-solid fa-church fa-fw
fa-solid fa-circle fa-fw
fa-solid fa-circle-arrow-down fa-fw
fa-solid fa-circle-arrow-left fa-fw
fa-solid fa-circle-arrow-right fa-fw
fa-solid fa-circle-arrow-up fa-fw
fa-solid fa-circle-check fa-fw
fa-solid fa-circle-chevron-down fa-fw
fa-solid fa-circle-chevron-left fa-fw
fa-solid fa-circle-chevron-right fa-fw
fa-solid fa-circle-chevron-up fa-fw
fa-solid fa-circle-dollar-to-slot fa-fw
fa-solid fa-circle-dot fa-fw
fa-solid fa-circle-down fa-fw
fa-solid fa-circle-exclamation fa-fw
fa-solid fa-circle-h fa-fw
fa-solid fa-circle-half-stroke fa-fw
fa-solid fa-circle-info fa-fw
fa-solid fa-circle-left fa-fw
fa-solid fa-circle-minus fa-fw
fa-solid fa-circle-nodes fa-fw
fa-solid fa-circle-notch fa-fw
fa-solid fa-circle-pause fa-fw
fa-solid fa-circle-play fa-fw
fa-solid fa-circle-plus fa-fw
fa-solid fa-circle-question fa-fw
fa-solid fa-circle-radiation fa-fw
fa-solid fa-circle-right fa-fw
fa-solid fa-circle-stop fa-fw
fa-solid fa-circle-up fa-fw
fa-solid fa-circle-user fa-fw
fa-solid fa-circle-xmark fa-fw
fa-solid fa-city fa-fw
fa-solid fa-clapperboard fa-fw
fa-solid fa-clipboard fa-fw
fa-solid fa-clipboard-check fa-fw
fa-solid fa-clipboard-list fa-fw
fa-solid fa-clipboard-question fa-fw
fa-solid fa-clipboard-user fa-fw
fa-solid fa-clock fa-fw
fa-solid fa-clock-rotate-left fa-fw
fa-solid fa-clone fa-fw
fa-solid fa-closed-captioning fa-fw
fa-solid fa-cloud fa-fw
fa-solid fa-cloud-arrow-down fa-fw
fa-solid fa-cloud-arrow-up fa-fw
fa-solid fa-cloud-bolt fa-fw
fa-solid fa-cloud-meatball fa-fw
fa-solid fa-cloud-moon fa-fw
fa-solid fa-cloud-moon-rain fa-fw
fa-solid fa-cloud-rain fa-fw
fa-solid fa-cloud-showers-heavy fa-fw
fa-solid fa-cloud-showers-water fa-fw
fa-solid fa-cloud-sun fa-fw
fa-solid fa-cloud-sun-rain fa-fw
fa-solid fa-clover fa-fw
fa-solid fa-code fa-fw
fa-solid fa-code-branch fa-fw
fa-solid fa-code-commit fa-fw
fa-solid fa-code-compare fa-fw
fa-solid fa-code-fork fa-fw
fa-solid fa-code-merge fa-fw
fa-solid fa-code-pull-request fa-fw
fa-solid fa-coins fa-fw
fa-solid fa-colon-sign fa-fw
fa-solid fa-comment fa-fw
fa-solid fa-comment-dollar fa-fw
fa-solid fa-comment-dots fa-fw
fa-solid fa-comment-medical fa-fw
fa-solid fa-comment-nodes fa-fw
fa-solid fa-comment-slash fa-fw
fa-solid fa-comment-sms fa-fw
fa-solid fa-comments fa-fw
fa-solid fa-comments-dollar fa-fw
fa-solid fa-compact-disc fa-fw
fa-solid fa-compass fa-fw
fa-solid fa-compass-drafting fa-fw
fa-solid fa-compress fa-fw
fa-solid fa-computer fa-fw
fa-solid fa-computer-mouse fa-fw
fa-solid fa-cookie fa-fw
fa-solid fa-cookie-bite fa-fw
fa-solid fa-copy fa-fw
fa-solid fa-copyright fa-fw
fa-solid fa-couch fa-fw
fa-solid fa-cow fa-fw
fa-solid fa-credit-card fa-fw
fa-solid fa-crop fa-fw
fa-solid fa-crop-simple fa-fw
fa-solid fa-cross fa-fw
fa-solid fa-crosshairs fa-fw
fa-solid fa-crow fa-fw
fa-solid fa-crown fa-fw
fa-solid fa-crutch fa-fw
fa-solid fa-cruzeiro-sign fa-fw
fa-solid fa-cube fa-fw
fa-solid fa-cubes fa-fw
fa-solid fa-cubes-stacked fa-fw
fa-solid fa-d fa-fw
fa-solid fa-database fa-fw
fa-solid fa-delete-left fa-fw
fa-solid fa-democrat fa-fw
fa-solid fa-desktop fa-fw
fa-solid fa-dharmachakra fa-fw
fa-solid fa-diagram-next fa-fw
fa-solid fa-diagram-predecessor fa-fw
fa-solid fa-diagram-project fa-fw
fa-solid fa-diagram-successor fa-fw
fa-solid fa-diamond fa-fw
fa-solid fa-diamond-turn-right fa-fw
fa-solid fa-dice fa-fw
fa-solid fa-dice-d20 fa-fw
fa-solid fa-dice-d6 fa-fw
fa-solid fa-dice-five fa-fw
fa-solid fa-dice-four fa-fw
fa-solid fa-dice-one fa-fw
fa-solid fa-dice-six fa-fw
fa-solid fa-dice-three fa-fw
fa-solid fa-dice-two fa-fw
fa-solid fa-disease fa-fw
fa-solid fa-display fa-fw
fa-solid fa-divide fa-fw
fa-solid fa-dna fa-fw
fa-solid fa-dog fa-fw
fa-solid fa-dollar-sign fa-fw
fa-solid fa-dolly fa-fw
fa-solid fa-dong-sign fa-fw
fa-solid fa-door-closed fa-fw
fa-solid fa-door-open fa-fw
fa-solid fa-dove fa-fw
fa-solid fa-down-left-and-up-right-to-center fa-fw
fa-solid fa-down-long fa-fw
fa-solid fa-download fa-fw
fa-solid fa-dragon fa-fw
fa-solid fa-draw-polygon fa-fw
fa-solid fa-droplet fa-fw
fa-solid fa-droplet-slash fa-fw
fa-solid fa-drum fa-fw
fa-solid fa-drum-steelpan fa-fw
fa-solid fa-drumstick-bite fa-fw
fa-solid fa-dumbbell fa-fw
fa-solid fa-dumpster fa-fw
fa-solid fa-dumpster-fire fa-fw
fa-solid fa-dungeon fa-fw
fa-solid fa-e fa-fw
fa-solid fa-ear-deaf fa-fw
fa-solid fa-ear-listen fa-fw
fa-solid fa-earth-africa fa-fw
fa-solid fa-earth-americas fa-fw
fa-solid fa-earth-asia fa-fw
fa-solid fa-earth-europe fa-fw
fa-solid fa-earth-oceania fa-fw
fa-solid fa-egg fa-fw
fa-solid fa-eject fa-fw
fa-solid fa-elevator fa-fw
fa-solid fa-ellipsis fa-fw
fa-solid fa-ellipsis-vertical fa-fw
fa-solid fa-envelope-circle-check fa-fw
fa-solid fa-envelope fa-fw
fa-solid fa-envelopes-bulk fa-fw
fa-solid fa-envelope-open fa-fw
fa-solid fa-envelope-open-text fa-fw
fa-solid fa-equals fa-fw
fa-solid fa-eraser fa-fw
fa-solid fa-ethernet fa-fw
fa-solid fa-euro-sign fa-fw
fa-solid fa-exclamation fa-fw
fa-solid fa-expand fa-fw
fa-solid fa-explosion fa-fw
fa-solid fa-eye fa-fw
fa-solid fa-eye-dropper fa-fw
fa-solid fa-eye-low-vision fa-fw
fa-solid fa-eye-slash fa-fw
fa-solid fa-f fa-fw
fa-solid fa-face-angry fa-fw
fa-solid fa-face-dizzy fa-fw
fa-solid fa-face-flushed fa-fw
fa-solid fa-face-frown-open fa-fw
fa-solid fa-face-frown fa-fw
fa-solid fa-face-grimace fa-fw
fa-solid fa-face-grin-beam fa-fw
fa-solid fa-face-grin-beam-sweat fa-fw
fa-solid fa-face-grin-hearts fa-fw
fa-solid fa-face-grin fa-fw
fa-solid fa-face-grin-squint fa-fw
fa-solid fa-face-grin-squint-tears fa-fw
fa-solid fa-face-grin-stars fa-fw
fa-solid fa-face-grin-tears fa-fw
fa-solid fa-face-grin-tongue fa-fw
fa-solid fa-face-grin-tongue-squint fa-fw
fa-solid fa-face-kiss fa-fw
fa-solid fa-face-grin-tongue-wink fa-fw
fa-solid fa-face-grin-wide fa-fw
fa-solid fa-face-grin-wink fa-fw
fa-solid fa-face-kiss-beam fa-fw
fa-solid fa-face-kiss-wink-heart fa-fw
fa-solid fa-face-laugh-beam fa-fw
fa-solid fa-face-laugh fa-fw
fa-solid fa-face-laugh-squint fa-fw
fa-solid fa-face-laugh-wink fa-fw
fa-solid fa-face-meh-blank fa-fw
fa-solid fa-face-meh fa-fw
fa-solid fa-face-rolling-eyes fa-fw
fa-solid fa-face-sad-cry fa-fw
fa-solid fa-face-sad-tear fa-fw
fa-solid fa-face-smile-beam fa-fw
fa-solid fa-face-smile fa-fw
fa-solid fa-face-smile-wink fa-fw
fa-solid fa-face-surprise fa-fw
fa-solid fa-face-tired fa-fw
fa-solid fa-fan fa-fw
fa-solid fa-faucet fa-fw
fa-solid fa-faucet-drip fa-fw
fa-solid fa-fax fa-fw
fa-solid fa-feather fa-fw
fa-solid fa-feather-pointed fa-fw
fa-solid fa-ferry fa-fw
fa-solid fa-file-arrow-down fa-fw
fa-solid fa-file-arrow-up fa-fw
fa-solid fa-file fa-fw
fa-solid fa-file-audio fa-fw
fa-solid fa-file-circle-check fa-fw
fa-solid fa-file-circle-exclamation fa-fw
fa-solid fa-file-circle-minus fa-fw
fa-solid fa-file-circle-plus fa-fw
fa-solid fa-file-circle-question fa-fw
fa-solid fa-file-circle-xmark fa-fw
fa-solid fa-file-code fa-fw
fa-solid fa-file-contract fa-fw
fa-solid fa-file-csv fa-fw
fa-solid fa-file-excel fa-fw
fa-solid fa-file-export fa-fw
fa-solid fa-file-fragment fa-fw
fa-solid fa-file-half-dashed fa-fw
fa-solid fa-file-image fa-fw
fa-solid fa-file-import fa-fw
fa-solid fa-file-invoice fa-fw
fa-solid fa-file-invoice-dollar fa-fw
fa-solid fa-file-lines fa-fw
fa-solid fa-file-medical fa-fw
fa-solid fa-file-pdf fa-fw
fa-solid fa-file-pen fa-fw
fa-solid fa-file-powerpoint fa-fw
fa-solid fa-file-prescription fa-fw
fa-solid fa-file-shield fa-fw
fa-solid fa-file-signature fa-fw
fa-solid fa-file-video fa-fw
fa-solid fa-file-waveform fa-fw
fa-solid fa-file-word fa-fw
fa-solid fa-file-zipper fa-fw
fa-solid fa-fill fa-fw
fa-solid fa-fill-drip fa-fw
fa-solid fa-film fa-fw
fa-solid fa-filter fa-fw
fa-solid fa-filter-circle-dollar fa-fw
fa-solid fa-filter-circle-xmark fa-fw
fa-solid fa-fingerprint fa-fw
fa-solid fa-fire fa-fw
fa-solid fa-fire-burner fa-fw
fa-solid fa-fire-extinguisher fa-fw
fa-solid fa-fire-flame-curved fa-fw
fa-solid fa-fire-flame-simple fa-fw
fa-solid fa-fish fa-fw
fa-solid fa-fish-fins fa-fw
fa-solid fa-flag fa-fw
fa-solid fa-flag-checkered fa-fw
fa-solid fa-flag-usa fa-fw
fa-solid fa-flask fa-fw
fa-solid fa-flask-vial fa-fw
fa-solid fa-floppy-disk fa-fw
fa-solid fa-florin-sign fa-fw
fa-solid fa-folder-closed fa-fw
fa-solid fa-folder fa-fw
fa-solid fa-folder-minus fa-fw
fa-solid fa-folder-open fa-fw
fa-solid fa-folder-plus fa-fw
fa-solid fa-font fa-fw
fa-solid fa-folder-tree fa-fw
fa-solid fa-font-awesome fa-fw
fa-solid fa-football fa-fw
fa-solid fa-forward fa-fw
fa-solid fa-forward-fast fa-fw
fa-solid fa-forward-step fa-fw
fa-solid fa-franc-sign fa-fw
fa-solid fa-frog fa-fw
fa-solid fa-futbol fa-fw
fa-solid fa-g fa-fw
fa-solid fa-gamepad fa-fw
fa-solid fa-gas-pump fa-fw
fa-solid fa-gauge fa-fw
fa-solid fa-gauge-high fa-fw
fa-solid fa-gauge-simple fa-fw
fa-solid fa-gauge-simple-high fa-fw
fa-solid fa-gavel fa-fw
fa-solid fa-gear fa-fw
fa-solid fa-gears fa-fw
fa-solid fa-gem fa-fw
fa-solid fa-genderless fa-fw
fa-solid fa-ghost fa-fw
fa-solid fa-gift fa-fw
fa-solid fa-gifts fa-fw
fa-solid fa-glass-water fa-fw
fa-solid fa-glass-water-droplet fa-fw
fa-solid fa-glasses fa-fw
fa-solid fa-globe fa-fw
fa-solid fa-golf-ball-tee fa-fw
fa-solid fa-gopuram fa-fw
fa-solid fa-graduation-cap fa-fw
fa-solid fa-greater-than fa-fw
fa-solid fa-greater-than-equal fa-fw
fa-solid fa-grip fa-fw
fa-solid fa-grip-lines fa-fw
fa-solid fa-grip-lines-vertical fa-fw
fa-solid fa-grip-vertical fa-fw
fa-solid fa-group-arrows-rotate fa-fw
fa-solid fa-guarani-sign fa-fw
fa-solid fa-guitar fa-fw
fa-solid fa-gun fa-fw
fa-solid fa-h fa-fw
fa-solid fa-hammer fa-fw
fa-solid fa-hamsa fa-fw
fa-solid fa-hand fa-fw
fa-solid fa-hand-back-fist fa-fw
fa-solid fa-hand-dots fa-fw
fa-solid fa-hand-fist fa-fw
fa-solid fa-hand-holding fa-fw
fa-solid fa-hand-holding-dollar fa-fw
fa-solid fa-hand-holding-droplet fa-fw
fa-solid fa-hand-holding-hand fa-fw
fa-solid fa-hand-holding-heart fa-fw
fa-solid fa-hand-holding-medical fa-fw
fa-solid fa-hand-lizard fa-fw
fa-solid fa-hand-middle-finger fa-fw
fa-solid fa-hand-peace fa-fw
fa-solid fa-hand-point-down fa-fw
fa-solid fa-hand-point-left fa-fw
fa-solid fa-hand-point-right fa-fw
fa-solid fa-hand-point-up fa-fw
fa-solid fa-hand-pointer fa-fw
fa-solid fa-hand-scissors fa-fw
fa-solid fa-hand-sparkles fa-fw
fa-solid fa-hand-spock fa-fw
fa-solid fa-handcuffs fa-fw
fa-solid fa-hands fa-fw
fa-solid fa-hands-asl-interpreting fa-fw
fa-solid fa-hands-bound fa-fw
fa-solid fa-hands-bubbles fa-fw
fa-solid fa-hands-clapping fa-fw
fa-solid fa-hands-holding-child fa-fw
fa-solid fa-hands-holding-circle fa-fw
fa-solid fa-hands-holding fa-fw
fa-solid fa-hands-praying fa-fw
fa-solid fa-handshake fa-fw
fa-solid fa-handshake-angle fa-fw
fa-solid fa-handshake-simple fa-fw
fa-solid fa-handshake-simple-slash fa-fw
fa-solid fa-handshake-slash fa-fw
fa-solid fa-hanukiah fa-fw
fa-solid fa-hard-drive fa-fw
fa-solid fa-hashtag fa-fw
fa-solid fa-hat-cowboy fa-fw
fa-solid fa-hat-cowboy-side fa-fw
fa-solid fa-hat-wizard fa-fw
fa-solid fa-head-slide-cough fa-fw
fa-solid fa-head-side-cough fa-fw
fa-solid fa-head-side-cough-slash fa-fw
fa-solid fa-head-side-mask fa-fw
fa-solid fa-head-side-virus fa-fw
fa-solid fa-heading fa-fw
fa-solid fa-headphones fa-fw
fa-solid fa-headphones-simple fa-fw
fa-solid fa-headset fa-fw
fa-solid fa-heart fa-fw
fa-solid fa-heart-circle-bolt fa-fw
fa-solid fa-heart-circle-check fa-fw
fa-solid fa-heart-circle-exclamation fa-fw
fa-solid fa-heart-circle-minus fa-fw
fa-solid fa-heart-circle-plus fa-fw
fa-solid fa-heart-circle-xmark fa-fw
fa-solid fa-heart-crack fa-fw
fa-solid fa-heart-pulse fa-fw
fa-solid fa-helicopter fa-fw
fa-solid fa-helicopter-symbol fa-fw
fa-solid fa-helmet-safety fa-fw
fa-solid fa-helmet-un fa-fw
fa-solid fa-hexagon-nodes-bolt fa-fw
fa-solid fa-hexagon-nodes fa-fw
fa-solid fa-highlighter fa-fw
fa-solid fa-hill-avalanche fa-fw
fa-solid fa-hill-rockslide fa-fw
fa-solid fa-hippo fa-fw
fa-solid fa-hockey-puck fa-fw
fa-solid fa-holly-berry fa-fw
fa-solid fa-horse fa-fw
fa-solid fa-horse-head fa-fw
fa-solid fa-hospital fa-fw
fa-solid fa-hospital-user fa-fw
fa-solid fa-hot-tub-person fa-fw
fa-solid fa-hotdog fa-fw
fa-solid fa-hotel fa-fw
fa-solid fa-hourglass fa-fw
fa-solid fa-hourglass-end fa-fw
fa-solid fa-hourglass-half fa-fw
fa-solid fa-hourglass-start fa-fw
fa-solid fa-house fa-fw
fa-solid fa-house-chimney-crack fa-fw
fa-solid fa-house-chimney-medical fa-fw
fa-solid fa-house-chimney fa-fw
fa-solid fa-house-chimney-user fa-fw
fa-solid fa-house-chimney-window fa-fw
fa-solid fa-house-circle-check fa-fw
fa-solid fa-house-circle-exclamation fa-fw
fa-solid fa-house-circle-xmark fa-fw
fa-solid fa-house-crack fa-fw
fa-solid fa-house-fire fa-fw
fa-solid fa-house-flag fa-fw
fa-solid fa-house-flood-water-circle-arrow-right fa-fw
fa-solid fa-house-flood-water fa-fw
fa-solid fa-house-laptop fa-fw
fa-solid fa-house-lock fa-fw
fa-solid fa-house-medical-circle-check fa-fw
fa-solid fa-house-medical-circle-exclamation fa-fw
fa-solid fa-house-medical-circle-xmark fa-fw
fa-solid fa-house-medical-flag fa-fw
fa-solid fa-house-medical fa-fw
fa-solid fa-house-signal fa-fw
fa-solid fa-house-tsunami fa-fw
fa-solid fa-house-user fa-fw
fa-solid fa-hryvnia-sign fa-fw
fa-solid fa-hurricane fa-fw
fa-solid fa-i fa-fw
fa-solid fa-i-cursor fa-fw
fa-solid fa-ice-cream fa-fw
fa-solid fa-icicles fa-fw
fa-solid fa-icons fa-fw
fa-solid fa-id-badge fa-fw
fa-solid fa-id-card fa-fw
fa-solid fa-id-card-clip fa-fw
fa-solid fa-igloo fa-fw
fa-solid fa-image fa-fw
fa-solid fa-image-portrait fa-fw
fa-solid fa-images fa-fw
fa-solid fa-inbox fa-fw
fa-solid fa-indent fa-fw
fa-solid fa-indian-rupee-sign fa-fw
fa-solid fa-industry fa-fw
fa-solid fa-infinity fa-fw
fa-solid fa-info fa-fw
fa-solid fa-italic fa-fw
fa-solid fa-j fa-fw
fa-solid fa-jar fa-fw
fa-solid fa-jar-wheat fa-fw
fa-solid fa-jedi fa-fw
fa-solid fa-jet-fighter fa-fw
fa-solid fa-jet-fighter-up fa-fw
fa-solid fa-joint fa-fw
fa-solid fa-jug-detergent fa-fw
fa-solid fa-k fa-fw
fa-solid fa-kaaba fa-fw
fa-solid fa-key fa-fw
fa-solid fa-keyboard fa-fw
fa-solid fa-khanda fa-fw
fa-solid fa-kip-sign fa-fw
fa-solid fa-kit-medical fa-fw
fa-solid fa-kitchen-set fa-fw
fa-solid fa-kiwi-bird fa-fw
fa-solid fa-l fa-fw
fa-solid fa-land-mine-on fa-fw
fa-solid fa-landmark fa-fw
fa-solid fa-landmark-dome fa-fw
fa-solid fa-landmark-flag fa-fw
fa-solid fa-language fa-fw
fa-solid fa-laptop fa-fw
fa-solid fa-laptop-code fa-fw
fa-solid fa-laptop-file fa-fw
fa-solid fa-laptop-medical fa-fw
fa-solid fa-lari-sign fa-fw
fa-solid fa-layer-group fa-fw
fa-solid fa-leaf fa-fw
fa-solid fa-left-long fa-fw
fa-solid fa-left-right fa-fw
fa-solid fa-lemon fa-fw
fa-solid fa-less-than fa-fw
fa-solid fa-less-than-equal fa-fw
fa-solid fa-life-ring fa-fw
fa-solid fa-lightbulb fa-fw
fa-solid fa-lines-leaning fa-fw
fa-solid fa-link fa-fw
fa-solid fa-link-slash fa-fw
fa-solid fa-lira-sign fa-fw
fa-solid fa-list fa-fw
fa-solid fa-list-check fa-fw
fa-solid fa-list-ol fa-fw
fa-solid fa-list-ul fa-fw
fa-solid fa-litecoin-sign fa-fw
fa-solid fa-location-arrow fa-fw
fa-solid fa-location-crosshairs fa-fw
fa-solid fa-location-dot fa-fw
fa-solid fa-location-pin-lock fa-fw
fa-solid fa-location-pin fa-fw
fa-solid fa-lock fa-fw
fa-solid fa-lock-open fa-fw
fa-solid fa-locust fa-fw
fa-solid fa-lungs fa-fw
fa-solid fa-lungs-virus fa-fw
fa-solid fa-m fa-fw
fa-solid fa-magnet fa-fw
fa-solid fa-map fa-fw
fa-solid fa-magnifying-glass-arrow-right fa-fw
fa-solid fa-magnifying-glass-chart fa-fw
fa-solid fa-magnifying-glass-dollar fa-fw
fa-solid fa-magnifying-glass-location fa-fw
fa-solid fa-magnifying-glass-minus fa-fw
fa-solid fa-magnifying-glass-plus fa-fw
fa-solid fa-magnifying-glass fa-fw
fa-solid fa-manat-sign fa-fw
fa-solid fa-map-location-dot fa-fw
fa-solid fa-map-location fa-fw
fa-solid fa-map-pin fa-fw
fa-solid fa-marker fa-fw
fa-solid fa-mars fa-fw
fa-solid fa-mars-and-venus fa-fw
fa-solid fa-mars-and-venus-burst fa-fw
fa-solid fa-mars-double fa-fw
fa-solid fa-mars-stroke fa-fw
fa-solid fa-mars-stroke-right fa-fw
fa-solid fa-mars-stroke-up fa-fw
fa-solid fa-martini-glass-citrus fa-fw
fa-solid fa-martini-glass-empty fa-fw
fa-solid fa-martini-glass fa-fw
fa-solid fa-mask-face fa-fw
fa-solid fa-mask fa-fw
fa-solid fa-mask-ventilator fa-fw
fa-solid fa-masks-theater fa-fw
fa-solid fa-mattress-pillow fa-fw
fa-solid fa-maximize fa-fw
fa-solid fa-medal fa-fw
fa-solid fa-memory fa-fw
fa-solid fa-menorah fa-fw
fa-solid fa-mercury fa-fw
fa-solid fa-message fa-fw
fa-solid fa-meteor fa-fw
fa-solid fa-microchip fa-fw
fa-solid fa-microphone fa-fw
fa-solid fa-microphone-lines fa-fw
fa-solid fa-microphone-lines-slash fa-fw
fa-solid fa-microphone-slash fa-fw
fa-solid fa-microscope fa-fw
fa-solid fa-minus fa-fw
fa-solid fa-mill-sign fa-fw
fa-solid fa-minimize fa-fw
fa-solid fa-mitten fa-fw
fa-solid fa-mobile fa-fw
fa-solid fa-mobile-button fa-fw
fa-solid fa-mobile-retro fa-fw
fa-solid fa-money-bill fa-fw
fa-solid fa-mobile-screen-button fa-fw
fa-solid fa-mobile-screen fa-fw
fa-solid fa-money-bill-1 fa-fw
fa-solid fa-money-bill-1-wave fa-fw
fa-solid fa-money-bill-wave fa-fw
fa-solid fa-money-bill-transfer fa-fw
fa-solid fa-money-bill-trend-up fa-fw
fa-solid fa-money-check fa-fw
fa-solid fa-money-bill-wheat fa-fw
fa-solid fa-money-bills fa-fw
fa-solid fa-money-check-dollar fa-fw
fa-solid fa-monument fa-fw
fa-solid fa-moon fa-fw
fa-solid fa-mortar-pestle fa-fw
fa-solid fa-mosque fa-fw
fa-solid fa-mosquito fa-fw
fa-solid fa-mosquito-net fa-fw
fa-solid fa-motorcycle fa-fw
fa-solid fa-mound fa-fw
fa-solid fa-mountain-city fa-fw
fa-solid fa-mountain fa-fw
fa-solid fa-mountain-sun fa-fw
fa-solid fa-mug-saucer fa-fw
fa-solid fa-mug-hot fa-fw
fa-solid fa-music fa-fw
fa-solid fa-n fa-fw
fa-solid fa-naira-sign fa-fw
fa-solid fa-network-wired fa-fw
fa-solid fa-neuter fa-fw
fa-solid fa-newspaper fa-fw
fa-solid fa-not-equal fa-fw
fa-solid fa-notdef fa-fw
fa-solid fa-note-sticky fa-fw
fa-solid fa-notes-medical fa-fw
fa-solid fa-o fa-fw
fa-solid fa-object-group fa-fw
fa-solid fa-object-ungroup fa-fw
fa-solid fa-oil-can fa-fw
fa-solid fa-oil-well fa-fw
fa-solid fa-om fa-fw
fa-solid fa-otter fa-fw
fa-solid fa-outdent fa-fw
fa-solid fa-p fa-fw
fa-solid fa-pager fa-fw
fa-solid fa-paint-roller fa-fw
fa-solid fa-paintbrush fa-fw
fa-solid fa-palette fa-fw
fa-solid fa-pallet fa-fw
fa-solid fa-panorama fa-fw
fa-solid fa-paper-plane fa-fw
fa-solid fa-paperclip fa-fw
fa-solid fa-parachute-box fa-fw
fa-solid fa-paragraph fa-fw
fa-solid fa-passport fa-fw
fa-solid fa-paste fa-fw
fa-solid fa-pause fa-fw
fa-solid fa-paw fa-fw
fa-solid fa-peace fa-fw
fa-solid fa-pen fa-fw
fa-solid fa-pen-clip fa-fw
fa-solid fa-pen-fancy fa-fw
fa-solid fa-pen-nib fa-fw
fa-solid fa-pen-ruler fa-fw
fa-solid fa-pen-to-square fa-fw
fa-solid fa-pencil fa-fw
fa-solid fa-people-arrows fa-fw
fa-solid fa-people-carry-box fa-fw
fa-solid fa-people-group fa-fw
fa-solid fa-people-line fa-fw
fa-solid fa-people-pulling fa-fw
fa-solid fa-people-robbery fa-fw
fa-solid fa-people-roof fa-fw
fa-solid fa-pepper-hot fa-fw
fa-solid fa-percent fa-fw
fa-solid fa-person-arrow-down-to-line fa-fw
fa-solid fa-person-arrow-up-from-line fa-fw
fa-solid fa-person-biking fa-fw
fa-solid fa-person-booth fa-fw
fa-solid fa-person fa-fw
fa-solid fa-person-breastfeeding fa-fw
fa-solid fa-person-burst fa-fw
fa-solid fa-person-cane fa-fw
fa-solid fa-person-chalkboard fa-fw
fa-solid fa-person-circle-check fa-fw
fa-solid fa-person-circle-exclamation fa-fw
fa-solid fa-person-circle-minus fa-fw
fa-solid fa-person-circle-plus fa-fw
fa-solid fa-person-circle-question fa-fw
fa-solid fa-person-circle-xmark fa-fw
fa-solid fa-person-digging fa-fw
fa-solid fa-person-dots-from-line fa-fw
fa-solid fa-person-dress-burst fa-fw
fa-solid fa-person-dress fa-fw
fa-solid fa-person-drowning fa-fw
fa-solid fa-person-falling-burst fa-fw
fa-solid fa-person-falling fa-fw
fa-solid fa-person-half-dress fa-fw
fa-solid fa-person-harassing fa-fw
fa-solid fa-person-hiking fa-fw
fa-solid fa-person-military-pointing fa-fw
fa-solid fa-person-military-rifle fa-fw
fa-solid fa-person-military-to-person fa-fw
fa-solid fa-person-praying fa-fw
fa-solid fa-person-pregnant fa-fw
fa-solid fa-person-rays fa-fw
fa-solid fa-person-rifle fa-fw
fa-solid fa-person-running fa-fw
fa-solid fa-person-shelter fa-fw
fa-solid fa-person-skating fa-fw
fa-solid fa-person-skiing-nordic fa-fw
fa-solid fa-person-skiing fa-fw
fa-solid fa-person-snowboarding fa-fw
fa-solid fa-person-swimming fa-fw
fa-solid fa-person-through-window fa-fw
fa-solid fa-person-walking-arrow-loop-left fa-fw
fa-solid fa-person-walking-arrow-right fa-fw
fa-solid fa-person-walking-dashed-line-arrow-right fa-fw
fa-solid fa-person-walking-luggage fa-fw
fa-solid fa-person-walking fa-fw
fa-solid fa-person-walking-with-cane fa-fw
fa-solid fa-peseta-sign fa-fw
fa-solid fa-peso-sign fa-fw
fa-solid fa-phone-flip fa-fw
fa-solid fa-phone fa-fw
fa-solid fa-phone-slash fa-fw
fa-solid fa-phone-volume fa-fw
fa-solid fa-photo-film fa-fw
fa-solid fa-piggy-bank fa-fw
fa-solid fa-pills fa-fw
fa-solid fa-pizza-slice fa-fw
fa-solid fa-place-of-worship fa-fw
fa-solid fa-plane fa-fw
fa-solid fa-plane-arrival fa-fw
fa-solid fa-plane-circle-check fa-fw
fa-solid fa-plane-circle-exclamation fa-fw
fa-solid fa-plane-circle-xmark fa-fw
fa-solid fa-plane-departure fa-fw
fa-solid fa-plane-lock fa-fw
fa-solid fa-plane-slash fa-fw
fa-solid fa-plane-up fa-fw
fa-solid fa-plant-wilt fa-fw
fa-solid fa-plate-wheat fa-fw
fa-solid fa-play fa-fw
fa-solid fa-plug fa-fw
fa-solid fa-plus fa-fw
fa-solid fa-plug-circle-bolt fa-fw
fa-solid fa-plug-circle-check fa-fw
fa-solid fa-plug-circle-exclamation fa-fw
fa-solid fa-plug-circle-minus fa-fw
fa-solid fa-plug-circle-plus fa-fw
fa-solid fa-plug-circle-xmark fa-fw
fa-solid fa-plus-minus fa-fw
fa-solid fa-podcast fa-fw
fa-solid fa-poo fa-fw
fa-solid fa-poo-storm fa-fw
fa-solid fa-poop fa-fw
fa-solid fa-power-off fa-fw
fa-solid fa-prescription fa-fw
fa-solid fa-prescription-bottle fa-fw
fa-solid fa-prescription-bottle-medical fa-fw
fa-solid fa-print fa-fw
fa-solid fa-pump-medical fa-fw
fa-solid fa-pump-soap fa-fw
fa-solid fa-puzzle-piece fa-fw
fa-solid fa-q fa-fw
fa-solid fa-qrcode fa-fw
fa-solid fa-question fa-fw
fa-solid fa-quote-left fa-fw
fa-solid fa-quote-right fa-fw
fa-solid fa-r fa-fw
fa-solid fa-radiation fa-fw
fa-solid fa-radio fa-fw
fa-solid fa-rainbow fa-fw
fa-solid fa-ranking-star fa-fw
fa-solid fa-receipt fa-fw
fa-solid fa-record-vinyl fa-fw
fa-solid fa-rectangle-ad fa-fw
fa-solid fa-rectangle-list fa-fw
fa-solid fa-rectangle-xmark fa-fw
fa-solid fa-recycle fa-fw
fa-solid fa-registered fa-fw
fa-solid fa-reply fa-fw
fa-solid fa-repeat fa-fw
fa-solid fa-reply-all fa-fw
fa-solid fa-republican fa-fw
fa-solid fa-restroom fa-fw
fa-solid fa-retweet fa-fw
fa-solid fa-ribbon fa-fw
fa-solid fa-right-from-bracket fa-fw
fa-solid fa-right-left fa-fw
fa-solid fa-right-long fa-fw
fa-solid fa-right-to-bracket fa-fw
fa-solid fa-ring fa-fw
fa-solid fa-road fa-fw
fa-solid fa-road-barrier fa-fw
fa-solid fa-road-bridge fa-fw
fa-solid fa-road-circle-check fa-fw
fa-solid fa-road-circle-exclamation fa-fw
fa-solid fa-road-circle-xmark fa-fw
fa-solid fa-road-lock fa-fw
fa-solid fa-road-spikes fa-fw
fa-solid fa-robot fa-fw
fa-solid fa-rocket fa-fw
fa-solid fa-rotate fa-fw
fa-solid fa-rotate-left fa-fw
fa-solid fa-rotate-right fa-fw
fa-solid fa-route fa-fw
fa-solid fa-rss fa-fw
fa-solid fa-ruble-sign fa-fw
fa-solid fa-rug fa-fw
fa-solid fa-ruler fa-fw
fa-solid fa-ruler-combined fa-fw
fa-solid fa-ruler-horizontal fa-fw
fa-solid fa-ruler-vertical fa-fw
fa-solid fa-rupee-sign fa-fw
fa-solid fa-rupiah-sign fa-fw
fa-solid fa-s fa-fw
fa-solid fa-sack-dollar fa-fw
fa-solid fa-sack-xmark fa-fw
fa-solid fa-sailboat fa-fw
fa-solid fa-satellite fa-fw
fa-solid fa-satellite-dish fa-fw
fa-solid fa-school fa-fw
fa-solid fa-scale-balanced fa-fw
fa-solid fa-scale-unbalanced-flip fa-fw
fa-solid fa-scale-unbalanced fa-fw
fa-solid fa-school-circle-check fa-fw
fa-solid fa-school-circle-exclamation fa-fw
fa-solid fa-school-circle-xmark fa-fw
fa-solid fa-school-flag fa-fw
fa-solid fa-school-lock fa-fw
fa-solid fa-scissors fa-fw
fa-solid fa-screwdriver fa-fw
fa-solid fa-screwdriver-wrench fa-fw
fa-solid fa-scroll fa-fw
fa-solid fa-scroll-torah fa-fw
fa-solid fa-sd-card fa-fw
fa-solid fa-section fa-fw
fa-solid fa-seedling fa-fw
fa-solid fa-server fa-fw
fa-solid fa-shapes fa-fw
fa-solid fa-share fa-fw
fa-solid fa-share-from-square fa-fw
fa-solid fa-share-nodes fa-fw
fa-solid fa-sheet-plastic fa-fw
fa-solid fa-shekel-sign fa-fw
fa-solid fa-shield fa-fw
fa-solid fa-shield-cat fa-fw
fa-solid fa-shield-dog fa-fw
fa-solid fa-shield-halved fa-fw
fa-solid fa-shield-heart fa-fw
fa-solid fa-shield-virus fa-fw
fa-solid fa-ship fa-fw
fa-solid fa-shirt fa-fw
fa-solid fa-shoe-prints fa-fw
fa-solid fa-shop fa-fw
fa-solid fa-shop-lock fa-fw
fa-solid fa-shop-slash fa-fw
fa-solid fa-shower fa-fw
fa-solid fa-shrimp fa-fw
fa-solid fa-shuffle fa-fw
fa-solid fa-shuttle-space fa-fw
fa-solid fa-sign-hanging fa-fw
fa-solid fa-signal fa-fw
fa-solid fa-signature fa-fw
fa-solid fa-signs-post fa-fw
fa-solid fa-sim-card fa-fw
fa-solid fa-sink fa-fw
fa-solid fa-sitemap fa-fw
fa-solid fa-skull fa-fw
fa-solid fa-skull-crossbones fa-fw
fa-solid fa-slash fa-fw
fa-solid fa-sleigh fa-fw
fa-solid fa-sliders fa-fw
fa-solid fa-smog fa-fw
fa-solid fa-smoking fa-fw
fa-solid fa-snowflake fa-fw
fa-solid fa-snowman fa-fw
fa-solid fa-snowplow fa-fw
fa-solid fa-soap fa-fw
fa-solid fa-socks fa-fw
fa-solid fa-solar-panel fa-fw
fa-solid fa-sort fa-fw
fa-solid fa-sort-down fa-fw
fa-solid fa-sort-up fa-fw
fa-solid fa-spa fa-fw
fa-solid fa-spaghetti-monster-flying fa-fw
fa-solid fa-spell-check fa-fw
fa-solid fa-spider fa-fw
fa-solid fa-spinner fa-fw
fa-solid fa-splotch fa-fw
fa-solid fa-spoon fa-fw
fa-solid fa-spray-can fa-fw
fa-solid fa-square fa-fw
fa-solid fa-square-full fa-fw
fa-solid fa-spray-can-sparkles fa-fw
fa-solid fa-square-arrow-up-right fa-fw
fa-solid fa-square-binary fa-fw
fa-solid fa-square-caret-down fa-fw
fa-solid fa-square-caret-left fa-fw
fa-solid fa-square-caret-right fa-fw
fa-solid fa-square-caret-up fa-fw
fa-solid fa-square-check fa-fw
fa-solid fa-square-envelope fa-fw
fa-solid fa-square-h fa-fw
fa-solid fa-square-minus fa-fw
fa-solid fa-square-nfi fa-fw
fa-solid fa-square-parking fa-fw
fa-solid fa-square-pen fa-fw
fa-solid fa-square-person-confined fa-fw
fa-solid fa-square-phone-flip fa-fw
fa-solid fa-square-phone fa-fw
fa-solid fa-square-plus fa-fw
fa-solid fa-square-poll-horizontal fa-fw
fa-solid fa-square-poll-vertical fa-fw
fa-solid fa-square-root-variable fa-fw
fa-solid fa-square-rss fa-fw
fa-solid fa-square-share-nodes fa-fw
fa-solid fa-square-up-right fa-fw
fa-solid fa-square-virus fa-fw
fa-solid fa-square-xmark fa-fw
fa-solid fa-staff-snake fa-fw
fa-solid fa-stairs fa-fw
fa-solid fa-stamp fa-fw
fa-solid fa-stapler fa-fw
fa-solid fa-star fa-fw
fa-solid fa-star-and-crescent fa-fw
fa-solid fa-star-half fa-fw
fa-solid fa-star-half-stroke fa-fw
fa-solid fa-star-of-david fa-fw
fa-solid fa-star-of-life fa-fw
fa-solid fa-sterling-sign fa-fw
fa-solid fa-stethoscope fa-fw
fa-solid fa-stop fa-fw
fa-solid fa-stopwatch fa-fw
fa-solid fa-stopwatch-20 fa-fw
fa-solid fa-store fa-fw
fa-solid fa-store-slash fa-fw
fa-solid fa-street-view fa-fw
fa-solid fa-strikethrough fa-fw
fa-solid fa-stroopwafel fa-fw
fa-solid fa-subscript fa-fw
fa-solid fa-suitcase-medical fa-fw
fa-solid fa-suitcase fa-fw
fa-solid fa-sun-plant-wilt fa-fw
fa-solid fa-suitcase-rolling fa-fw
fa-solid fa-sun fa-fw
fa-solid fa-superscript fa-fw
fa-solid fa-swatchbook fa-fw
fa-solid fa-synagogue fa-fw
fa-solid fa-syringe fa-fw
fa-solid fa-t fa-fw
fa-solid fa-table fa-fw
fa-solid fa-table-cells-row-lock fa-fw
fa-solid fa-table-cells-row-unlock fa-fw
fa-solid fa-table-cells fa-fw
fa-solid fa-table-cells-column-lock fa-fw
fa-solid fa-table-cells-large fa-fw
fa-solid fa-table-columns fa-fw
fa-solid fa-table-list fa-fw
fa-solid fa-table-tennis-paddle-ball fa-fw
fa-solid fa-tablet fa-fw
fa-solid fa-tablet-button fa-fw
fa-solid fa-tablet-screen-button fa-fw
fa-solid fa-tablets fa-fw
fa-solid fa-tachograph-digital fa-fw
fa-solid fa-tag fa-fw
fa-solid fa-tags fa-fw
fa-solid fa-tape fa-fw
fa-solid fa-tarp fa-fw
fa-solid fa-tarp-droplet fa-fw
fa-solid fa-taxi fa-fw
fa-solid fa-teeth fa-fw
fa-solid fa-teeth-open fa-fw
fa-solid fa-temperature-arrow-down fa-fw
fa-solid fa-temperature-arrow-up fa-fw
fa-solid fa-temperature-empty fa-fw
fa-solid fa-temperature-full fa-fw
fa-solid fa-temperature-half fa-fw
fa-solid fa-temperature-high fa-fw
fa-solid fa-temperature-low fa-fw
fa-solid fa-temperature-quarter fa-fw
fa-solid fa-temperature-three-quarters fa-fw
fa-solid fa-tenge-sign fa-fw
fa-solid fa-tent-arrow-down-to-line fa-fw
fa-solid fa-tent-arrow-left-right fa-fw
fa-solid fa-tent-arrow-turn-left fa-fw
fa-solid fa-tent-arrows-down fa-fw
fa-solid fa-tent fa-fw
fa-solid fa-tents fa-fw
fa-solid fa-terminal fa-fw
fa-solid fa-text-height fa-fw
fa-solid fa-text-slash fa-fw
fa-solid fa-text-width fa-fw
fa-solid fa-thermometer fa-fw
fa-solid fa-thermometer-quarter fa-fw
fa-solid fa-thermometer-three-quarters fa-fw
fa-solid fa-thumbs-down fa-fw
fa-solid fa-thumbs-up fa-fw
fa-solid fa-thumbtack fa-fw
fa-solid fa-thumbtack-slash fa-fw
fa-solid fa-ticket fa-fw
fa-solid fa-ticket-simple fa-fw
fa-solid fa-timeline fa-fw
fa-solid fa-toggle-off fa-fw
fa-solid fa-toggle-on fa-fw
fa-solid fa-toilet fa-fw
fa-solid fa-toilet-paper fa-fw
fa-solid fa-toilet-paper-slash fa-fw
fa-solid fa-toilet-portable fa-fw
fa-solid fa-toilets-portable fa-fw
fa-solid fa-toolbox fa-fw
fa-solid fa-tooth fa-fw
fa-solid fa-torii-gate fa-fw
fa-solid fa-tornado fa-fw
fa-solid fa-tower-broadcast fa-fw
fa-solid fa-tower-cell fa-fw
fa-solid fa-tower-observation fa-fw
fa-solid fa-tractor fa-fw
fa-solid fa-trademark fa-fw
fa-solid fa-traffic-light fa-fw
fa-solid fa-trailer fa-fw
fa-solid fa-train fa-fw
fa-solid fa-train-subway fa-fw
fa-solid fa-train-tram fa-fw
fa-solid fa-transgender fa-fw
fa-solid fa-trash fa-fw
fa-solid fa-trash-can fa-fw
fa-solid fa-trash-arrow-up fa-fw
fa-solid fa-trash-can-arrow-up fa-fw
fa-solid fa-tree-city fa-fw
fa-solid fa-triangle-exclamation fa-fw
fa-solid fa-tree fa-fw
fa-solid fa-trophy fa-fw
fa-solid fa-truck fa-fw
fa-solid fa-truck-plane fa-fw
fa-solid fa-truck-ramp-box fa-fw
fa-solid fa-trowel fa-fw
fa-solid fa-trowel-bricks fa-fw
fa-solid fa-truck-arrow-right fa-fw
fa-solid fa-truck-droplet fa-fw
fa-solid fa-truck-fast fa-fw
fa-solid fa-truck-field fa-fw
fa-solid fa-truck-field-un fa-fw
fa-solid fa-truck-front fa-fw
fa-solid fa-truck-medical fa-fw
fa-solid fa-truck-monster fa-fw
fa-solid fa-truck-moving fa-fw
fa-solid fa-truck-pickup fa-fw
fa-solid fa-tty fa-fw
fa-solid fa-turkish-lira-sign fa-fw
fa-solid fa-turn-down fa-fw
fa-solid fa-turn-up fa-fw
fa-solid fa-tv fa-fw
fa-solid fa-u fa-fw
fa-solid fa-umbrella fa-fw
fa-solid fa-umbrella-beach fa-fw
fa-solid fa-underline fa-fw
fa-solid fa-universal-access fa-fw
fa-solid fa-unlock fa-fw
fa-solid fa-unlock-keyhole fa-fw
fa-solid fa-up-down fa-fw
fa-solid fa-up-down-left-right fa-fw
fa-solid fa-up-long fa-fw
fa-solid fa-up-right-and-down-left-from-center fa-fw
fa-solid fa-up-right-from-square fa-fw
fa-solid fa-upload fa-fw
fa-solid fa-user fa-fw
fa-solid fa-user-astronaut fa-fw
fa-solid fa-user-check fa-fw
fa-solid fa-user-clock fa-fw
fa-solid fa-user-doctor fa-fw
fa-solid fa-user-gear fa-fw
fa-solid fa-user-graduate fa-fw
fa-solid fa-user-group fa-fw
fa-solid fa-user-injured fa-fw
fa-solid fa-user-large fa-fw
fa-solid fa-user-large-slash fa-fw
fa-solid fa-user-lock fa-fw
fa-solid fa-user-minus fa-fw
fa-solid fa-user-ninja fa-fw
fa-solid fa-user-nurse fa-fw
fa-solid fa-user-pen fa-fw
fa-solid fa-user-plus fa-fw
fa-solid fa-user-secret fa-fw
fa-solid fa-user-shield fa-fw
fa-solid fa-user-slash fa-fw
fa-solid fa-user-tag fa-fw
fa-solid fa-user-tie fa-fw
fa-solid fa-users fa-fw
fa-solid fa-user-xmark fa-fw
fa-solid fa-users-between-lines fa-fw
fa-solid fa-users-gear fa-fw
fa-solid fa-users-line fa-fw
fa-solid fa-users-rays fa-fw
fa-solid fa-users-rectangle fa-fw
fa-solid fa-users-slash fa-fw
fa-solid fa-users-viewfinder fa-fw
fa-solid fa-utensils fa-fw
fa-solid fa-v fa-fw
fa-solid fa-van-shuttle fa-fw
fa-solid fa-vault fa-fw
fa-solid fa-vector-square fa-fw
fa-solid fa-venus fa-fw
fa-solid fa-venus-double fa-fw
fa-solid fa-venus-mars fa-fw
fa-solid fa-vest fa-fw
fa-solid fa-vest-patches fa-fw
fa-solid fa-vial fa-fw
fa-solid fa-vial-circle-check fa-fw
fa-solid fa-vial-virus fa-fw
fa-solid fa-vials fa-fw
fa-solid fa-video fa-fw
fa-solid fa-video-slash fa-fw
fa-solid fa-virus fa-fw
fa-solid fa-virus-covid fa-fw
fa-solid fa-virus-covid-slash fa-fw
fa-solid fa-virus-slash fa-fw
fa-solid fa-viruses fa-fw
fa-solid fa-vihara fa-fw
fa-solid fa-voicemail fa-fw
fa-solid fa-volcano fa-fw
fa-solid fa-volleyball fa-fw
fa-solid fa-volume-high fa-fw
fa-solid fa-volume-low fa-fw
fa-solid fa-volume-off fa-fw
fa-solid fa-volume-xmark fa-fw
fa-solid fa-vr-cardboard fa-fw
fa-solid fa-w fa-fw
fa-solid fa-walkie-talkie fa-fw
fa-solid fa-wallet fa-fw
fa-solid fa-wand-magic fa-fw
fa-solid fa-wand-magic-sparkles fa-fw
fa-solid fa-wand-sparkles fa-fw
fa-solid fa-water fa-fw
fa-solid fa-water-ladder fa-fw
fa-solid fa-warehouse fa-fw
fa-solid fa-wave-square fa-fw
fa-solid fa-web-awesome fa-fw
fa-solid fa-weight-hanging fa-fw
fa-solid fa-weight-scale fa-fw
fa-solid fa-wheat-awn-circle-exclamation fa-fw
fa-solid fa-wheat-awn fa-fw
fa-solid fa-wheelchair fa-fw
fa-solid fa-wheelchair-move fa-fw
fa-solid fa-whiskey-glass fa-fw
fa-solid fa-wifi fa-fw
fa-solid fa-wind fa-fw
fa-solid fa-window-maximize fa-fw
fa-solid fa-window-minimize fa-fw
fa-solid fa-window-restore fa-fw
fa-solid fa-wine-bottle fa-fw
fa-solid fa-wine-glass fa-fw
fa-solid fa-wine-glass-empty fa-fw
fa-solid fa-won-sign fa-fw
fa-solid fa-worm fa-fw
fa-solid fa-wrench fa-fw
fa-solid fa-x fa-fw
fa-solid fa-xmark fa-fw
fa-solid fa-xmarks-lines fa-fw
fa-solid fa-x-ray fa-fw
fa-solid fa-y fa-fw
fa-solid fa-yen-sign fa-fw
fa-solid fa-yin-yang fa-fw
fa-solid fa-z fa-fw
fa-regular fa-address-book fa-fw
fa-regular fa-address-card fa-fw
fa-regular fa-bell fa-fw
fa-regular fa-bell-slash fa-fw
fa-regular fa-bookmark fa-fw
fa-regular fa-building fa-fw
fa-regular fa-calendar fa-fw
fa-regular fa-calendar-check fa-fw
fa-regular fa-calendar-days fa-fw
fa-regular fa-calendar-minus fa-fw
fa-regular fa-calendar-plus fa-fw
fa-regular fa-calendar-xmark fa-fw
fa-regular fa-chart-bar fa-fw
fa-regular fa-chart-simple fa-fw
fa-regular fa-check-to-slot fa-fw
fa-regular fa-chess-bishop fa-fw
fa-regular fa-chess-king fa-fw
fa-regular fa-chess-knight fa-fw
fa-regular fa-chess-pawn fa-fw
fa-regular fa-chess-queen fa-fw
fa-regular fa-chess-rook fa-fw
fa-regular fa-circle fa-fw
fa-regular fa-circle-check fa-fw
fa-regular fa-circle-dot fa-fw
fa-regular fa-circle-down fa-fw
fa-regular fa-circle-left fa-fw
fa-regular fa-circle-pause fa-fw
fa-regular fa-circle-play fa-fw
fa-regular fa-circle-question fa-fw
fa-regular fa-circle-right fa-fw
fa-regular fa-circle-stop fa-fw
fa-regular fa-circle-up fa-fw
fa-regular fa-circle-user fa-fw
fa-regular fa-circle-xmark fa-fw
fa-regular fa-clipboard fa-fw
fa-regular fa-clock fa-fw
fa-regular fa-clone fa-fw
fa-regular fa-closed-captioning fa-fw
fa-regular fa-comment fa-fw
fa-regular fa-comment-dots fa-fw
fa-regular fa-comments fa-fw
fa-regular fa-compass fa-fw
fa-regular fa-copy fa-fw
fa-regular fa-copyright fa-fw
fa-regular fa-credit-card fa-fw
fa-regular fa-envelope fa-fw
fa-regular fa-envelope-open fa-fw
fa-regular fa-eye fa-fw
fa-regular fa-eye-slash fa-fw
fa-regular fa-face-angry fa-fw
fa-regular fa-face-dizzy fa-fw
fa-regular fa-face-flushed fa-fw
fa-regular fa-face-frown-open fa-fw
fa-regular fa-face-frown fa-fw
fa-regular fa-face-grimace fa-fw
fa-regular fa-face-grin-beam fa-fw
fa-regular fa-face-grin-beam-sweat fa-fw
fa-regular fa-face-grin-hearts fa-fw
fa-regular fa-face-grin fa-fw
fa-regular fa-face-grin-squint fa-fw
fa-regular fa-face-grin-squint-tears fa-fw
fa-regular fa-face-grin-stars fa-fw
fa-regular fa-face-grin-tears fa-fw
fa-regular fa-face-grin-tongue fa-fw
fa-regular fa-face-grin-tongue-squint fa-fw
fa-regular fa-face-grin-tongue-wink fa-fw
fa-regular fa-face-grin-wide fa-fw
fa-regular fa-face-grin-wink fa-fw
fa-regular fa-face-kiss-beam fa-fw
fa-regular fa-face-kiss fa-fw
fa-regular fa-face-kiss-wink-heart fa-fw
fa-regular fa-face-laugh-beam fa-fw
fa-regular fa-face-laugh fa-fw
fa-regular fa-face-laugh-squint fa-fw
fa-regular fa-face-laugh-wink fa-fw
fa-regular fa-face-meh-blank fa-fw
fa-regular fa-face-meh fa-fw
fa-regular fa-face-rolling-eyes fa-fw
fa-regular fa-face-sad-cry fa-fw
fa-regular fa-face-sad-tear fa-fw
fa-regular fa-face-smile-beam fa-fw
fa-regular fa-face-smile fa-fw
fa-regular fa-face-smile-wink fa-fw
fa-regular fa-face-surprise fa-fw
fa-regular fa-face-tired fa-fw
fa-regular fa-file fa-fw
fa-regular fa-file-audio fa-fw
fa-regular fa-file-code fa-fw
fa-regular fa-file-excel fa-fw
fa-regular fa-file-image fa-fw
fa-regular fa-file-lines fa-fw
fa-regular fa-file-pdf fa-fw
fa-regular fa-file-powerpoint fa-fw
fa-regular fa-file-video fa-fw
fa-regular fa-file-word fa-fw
fa-regular fa-file-zipper fa-fw
fa-regular fa-flag fa-fw
fa-regular fa-floppy-disk fa-fw
fa-regular fa-folder-closed fa-fw
fa-regular fa-folder fa-fw
fa-regular fa-folder-open fa-fw
fa-regular fa-font-awesome fa-fw
fa-regular fa-futbol fa-fw
fa-regular fa-gem fa-fw
fa-regular fa-hand fa-fw
fa-regular fa-hand-back-fist fa-fw
fa-regular fa-hand-lizard fa-fw
fa-regular fa-hand-peace fa-fw
fa-regular fa-hand-point-down fa-fw
fa-regular fa-hand-point-left fa-fw
fa-regular fa-hand-point-right fa-fw
fa-regular fa-hand-point-up fa-fw
fa-regular fa-hand-pointer fa-fw
fa-regular fa-hand-scissors fa-fw
fa-regular fa-hand-spock fa-fw
fa-regular fa-handshake fa-fw
fa-regular fa-hard-drive fa-fw
fa-regular fa-heart fa-fw
fa-regular fa-hospital fa-fw
fa-regular fa-hourglass-half fa-fw
fa-regular fa-hourglass fa-fw
fa-regular fa-id-badge fa-fw
fa-regular fa-id-card fa-fw
fa-regular fa-image fa-fw
fa-regular fa-images fa-fw
fa-regular fa-keyboard fa-fw
fa-regular fa-lemon fa-fw
fa-regular fa-life-ring fa-fw
fa-regular fa-lightbulb fa-fw
fa-regular fa-list-check fa-fw
fa-regular fa-map fa-fw
fa-regular fa-message fa-fw
fa-regular fa-money-bill-1 fa-fw
fa-regular fa-moon fa-fw
fa-regular fa-newspaper fa-fw
fa-regular fa-note-sticky fa-fw
fa-regular fa-object-group fa-fw
fa-regular fa-object-ungroup fa-fw
fa-regular fa-paper-plane fa-fw
fa-regular fa-paste fa-fw
fa-regular fa-pen-to-square fa-fw
fa-regular fa-rectangle-list fa-fw
fa-regular fa-rectangle-xmark fa-fw
fa-regular fa-registered fa-fw
fa-regular fa-share-from-square fa-fw
fa-regular fa-snowflake fa-fw
fa-regular fa-square fa-fw
fa-regular fa-square-caret-down fa-fw
fa-regular fa-square-caret-left fa-fw
fa-regular fa-square-caret-right fa-fw
fa-regular fa-square-caret-up fa-fw
fa-regular fa-square-check fa-fw
fa-regular fa-square-full fa-fw
fa-regular fa-square-minus fa-fw
fa-regular fa-square-plus fa-fw
fa-regular fa-star fa-fw
fa-regular fa-star-half fa-fw
fa-regular fa-star-half-stroke fa-fw
fa-regular fa-sun fa-fw
fa-regular fa-thumbs-down fa-fw
fa-regular fa-thumbs-up fa-fw
fa-regular fa-trash-can fa-fw
fa-regular fa-user fa-fw
fa-regular fa-window-maximize fa-fw
fa-regular fa-window-minimize fa-fw
fa-regular fa-window-restore fa-fw
fa-brands fa-42-group fa-fw
fa-brands fa-500px fa-fw
fa-brands fa-accessible-icon fa-fw
fa-brands fa-accusoft fa-fw
fa-brands fa-adn fa-fw
fa-brands fa-adversal fa-fw
fa-brands fa-affiliatetheme fa-fw
fa-brands fa-airbnb fa-fw
fa-brands fa-algolia fa-fw
fa-brands fa-alipay fa-fw
fa-brands fa-amazon fa-fw
fa-brands fa-amazon-pay fa-fw
fa-brands fa-amilia fa-fw
fa-brands fa-android fa-fw
fa-brands fa-angellist fa-fw
fa-brands fa-angrycreative fa-fw
fa-brands fa-angular fa-fw
fa-brands fa-app-store fa-fw
fa-brands fa-app-store-ios fa-fw
fa-brands fa-apper fa-fw
fa-brands fa-apple fa-fw
fa-brands fa-apple-pay fa-fw
fa-brands fa-artstation fa-fw
fa-brands fa-asymmetrik fa-fw
fa-brands fa-atlassian fa-fw
fa-brands fa-audible fa-fw
fa-brands fa-autoprefixer fa-fw
fa-brands fa-avianex fa-fw
fa-brands fa-aviato fa-fw
fa-brands fa-aws fa-fw
fa-brands fa-bandcamp fa-fw
fa-brands fa-battle-net fa-fw
fa-brands fa-behance fa-fw
fa-brands fa-bilibili fa-fw
fa-brands fa-bimobject fa-fw
fa-brands fa-bitbucket fa-fw
fa-brands fa-bitcoin fa-fw
fa-brands fa-bity fa-fw
fa-brands fa-black-tie fa-fw
fa-brands fa-blackberry fa-fw
fa-brands fa-blogger fa-fw
fa-brands fa-blogger-b fa-fw
fa-brands fa-bluesky fa-fw
fa-brands fa-bluetooth fa-fw
fa-brands fa-bluetooth-b fa-fw
fa-brands fa-bootstrap fa-fw
fa-brands fa-bots fa-fw
fa-brands fa-brave fa-fw
fa-brands fa-brave-reverse fa-fw
fa-brands fa-btc fa-fw
fa-brands fa-buffer fa-fw
fa-brands fa-buromobelexperte fa-fw
fa-brands fa-buy-n-large fa-fw
fa-brands fa-buysellads fa-fw
fa-brands fa-canadian-maple-leaf fa-fw
fa-brands fa-cc-amazon-pay fa-fw
fa-brands fa-cc-amex fa-fw
fa-brands fa-cc-apple-pay fa-fw
fa-brands fa-cc-diners-club fa-fw
fa-brands fa-cc-discover fa-fw
fa-brands fa-cc-jcb fa-fw
fa-brands fa-cc-mastercard fa-fw
fa-brands fa-cc-paypal fa-fw
fa-brands fa-cc-stripe fa-fw
fa-brands fa-cc-visa fa-fw
fa-brands fa-centercode fa-fw
fa-brands fa-centos fa-fw
fa-brands fa-chrome fa-fw
fa-brands fa-chromecast fa-fw
fa-brands fa-cloudflare fa-fw
fa-brands fa-cloudscale fa-fw
fa-brands fa-cloudsmith fa-fw
fa-brands fa-cloudversify fa-fw
fa-brands fa-cmplid fa-fw
fa-brands fa-codepen fa-fw
fa-brands fa-codiepie fa-fw
fa-brands fa-confluence fa-fw
fa-brands fa-connectdevelop fa-fw
fa-brands fa-contao fa-fw
fa-brands fa-cotton-bureau fa-fw
fa-brands fa-cpanel fa-fw
fa-brands fa-creative-commons fa-fw
fa-brands fa-creative-commons-by fa-fw
fa-brands fa-creative-commons-nc fa-fw
fa-brands fa-creative-commons-nc-eu fa-fw
fa-brands fa-creative-commons-nc-jp fa-fw
fa-brands fa-creative-commons-nd fa-fw
fa-brands fa-creative-commons-pd fa-fw
fa-brands fa-creative-commons-pd-alt fa-fw
fa-brands fa-creative-commons-remix fa-fw
fa-brands fa-creative-commons-sa fa-fw
fa-brands fa-creative-commons-sampling fa-fw
fa-brands fa-creative-commons-sampling-plus fa-fw
fa-brands fa-creative-commons-share fa-fw
fa-brands fa-creative-commons-zero fa-fw
fa-brands fa-critical-role fa-fw
fa-brands fa-css fa-fw
fa-brands fa-css3 fa-fw
fa-brands fa-css3-alt fa-fw
fa-brands fa-cuttlefish fa-fw
fa-brands fa-d-and-d fa-fw
fa-brands fa-d-and-d-beyond fa-fw
fa-brands fa-dailymotion fa-fw
fa-brands fa-dart-lang fa-fw
fa-brands fa-dashcube fa-fw
fa-brands fa-debian fa-fw
fa-brands fa-deezer fa-fw
fa-brands fa-delicious fa-fw
fa-brands fa-deploydog fa-fw
fa-brands fa-deskpro fa-fw
fa-brands fa-dev fa-fw
fa-brands fa-deviantart fa-fw
fa-brands fa-dhl fa-fw
fa-brands fa-diaspora fa-fw
fa-brands fa-digg fa-fw
fa-brands fa-digital-ocean fa-fw
fa-brands fa-discord fa-fw
fa-brands fa-discourse fa-fw
fa-brands fa-dochub fa-fw
fa-brands fa-docker fa-fw
fa-brands fa-draft2digital fa-fw
fa-brands fa-dribbble fa-fw
fa-brands fa-dropbox fa-fw
fa-brands fa-drupal fa-fw
fa-brands fa-dyalog fa-fw
fa-brands fa-earlybirds fa-fw
fa-brands fa-ebay fa-fw
fa-brands fa-edge fa-fw
fa-brands fa-edge-legacy fa-fw
fa-brands fa-elementor fa-fw
fa-brands fa-ello fa-fw
fa-brands fa-ember fa-fw
fa-brands fa-empire fa-fw
fa-brands fa-envira fa-fw
fa-brands fa-erlang fa-fw
fa-brands fa-ethereum fa-fw
fa-brands fa-etsy fa-fw
fa-brands fa-evernote fa-fw
fa-brands fa-expeditedssl fa-fw
fa-brands fa-facebook fa-fw
fa-brands fa-facebook-f fa-fw
fa-brands fa-facebook-messenger fa-fw
fa-brands fa-fantasy-flight-games fa-fw
fa-brands fa-fedex fa-fw
fa-brands fa-fedora fa-fw
fa-brands fa-figma fa-fw
fa-brands fa-files-pinwheel fa-fw
fa-brands fa-firefox fa-fw
fa-brands fa-firefox-browser fa-fw
fa-brands fa-first-order fa-fw
fa-brands fa-first-order-alt fa-fw
fa-brands fa-firstdraft fa-fw
fa-brands fa-flickr fa-fw
fa-brands fa-flipboard fa-fw
fa-brands fa-flutter fa-fw
fa-brands fa-fly fa-fw
fa-brands fa-font-awesome fa-fw
fa-brands fa-fonticons fa-fw
fa-brands fa-fonticons-fi fa-fw
fa-brands fa-fort-awesome fa-fw
fa-brands fa-fort-awesome-alt fa-fw
fa-brands fa-forumbee fa-fw
fa-brands fa-foursquare fa-fw
fa-brands fa-free-code-camp fa-fw
fa-brands fa-freebsd fa-fw
fa-brands fa-fulcrum fa-fw
fa-brands fa-galactic-republic fa-fw
fa-brands fa-galactic-senate fa-fw
fa-brands fa-get-pocket fa-fw
fa-brands fa-gg fa-fw
fa-brands fa-gg-circle fa-fw
fa-brands fa-git fa-fw
fa-brands fa-git-alt fa-fw
fa-brands fa-github fa-fw
fa-brands fa-github-alt fa-fw
fa-brands fa-gitkraken fa-fw
fa-brands fa-gitlab fa-fw
fa-brands fa-gitter fa-fw
fa-brands fa-glide fa-fw
fa-brands fa-glide-g fa-fw
fa-brands fa-gofore fa-fw
fa-brands fa-golang fa-fw
fa-brands fa-goodreads fa-fw
fa-brands fa-goodreads-g fa-fw
fa-brands fa-google fa-fw
fa-brands fa-google-drive fa-fw
fa-brands fa-google-pay fa-fw
fa-brands fa-google-play fa-fw
fa-brands fa-google-plus fa-fw
fa-brands fa-google-plus-g fa-fw
fa-brands fa-google-scholar fa-fw
fa-brands fa-google-wallet fa-fw
fa-brands fa-gratipay fa-fw
fa-brands fa-grav fa-fw
fa-brands fa-gripfire fa-fw
fa-brands fa-grunt fa-fw
fa-brands fa-guilded fa-fw
fa-brands fa-gulp fa-fw
fa-brands fa-hacker-news fa-fw
fa-brands fa-hackerrank fa-fw
fa-brands fa-hashnode fa-fw
fa-brands fa-hips fa-fw
fa-brands fa-hire-a-helper fa-fw
fa-brands fa-hive fa-fw
fa-brands fa-hooli fa-fw
fa-brands fa-hornbill fa-fw
fa-brands fa-hotjar fa-fw
fa-brands fa-houzz fa-fw
fa-brands fa-html5 fa-fw
fa-brands fa-hubspot fa-fw
fa-brands fa-ideal fa-fw
fa-brands fa-imdb fa-fw
fa-brands fa-instagram fa-fw
fa-brands fa-instalod fa-fw
fa-brands fa-intercom fa-fw
fa-brands fa-internet-explorer fa-fw
fa-brands fa-invision fa-fw
fa-brands fa-ioxhost fa-fw
fa-brands fa-itch-io fa-fw
fa-brands fa-itunes fa-fw
fa-brands fa-itunes-note fa-fw
fa-brands fa-java fa-fw
fa-brands fa-jedi-order fa-fw
fa-brands fa-jenkins fa-fw
fa-brands fa-jira fa-fw
fa-brands fa-joget fa-fw
fa-brands fa-joomla fa-fw
fa-brands fa-js fa-fw
fa-brands fa-jsfiddle fa-fw
fa-brands fa-jxl fa-fw
fa-brands fa-kaggle fa-fw
fa-brands fa-keybase fa-fw
fa-brands fa-keycdn fa-fw
fa-brands fa-kickstarter fa-fw
fa-brands fa-kickstarter-k fa-fw
fa-brands fa-korvue fa-fw
fa-brands fa-laravel fa-fw
fa-brands fa-lastfm fa-fw
fa-brands fa-leanpub fa-fw
fa-brands fa-less fa-fw
fa-brands fa-letterboxd fa-fw
fa-brands fa-line fa-fw
fa-brands fa-linkedin fa-fw
fa-brands fa-linkedin-in fa-fw
fa-brands fa-linode fa-fw
fa-brands fa-linux fa-fw
fa-brands fa-lyft fa-fw
fa-brands fa-magento fa-fw
fa-brands fa-mailchimp fa-fw
fa-brands fa-mandalorian fa-fw
fa-brands fa-markdown fa-fw
fa-brands fa-mastodon fa-fw
fa-brands fa-maxcdn fa-fw
fa-brands fa-mdb fa-fw
fa-brands fa-medapps fa-fw
fa-brands fa-medium fa-fw
fa-brands fa-medrt fa-fw
fa-brands fa-meetup fa-fw
fa-brands fa-megaport fa-fw
fa-brands fa-mendeley fa-fw
fa-brands fa-meta fa-fw
fa-brands fa-microblog fa-fw
fa-brands fa-microsoft fa-fw
fa-brands fa-mintbit fa-fw
fa-brands fa-mix fa-fw
fa-brands fa-mixcloud fa-fw
fa-brands fa-mixer fa-fw
fa-brands fa-mizuni fa-fw
fa-brands fa-modx fa-fw
fa-brands fa-monero fa-fw
fa-brands fa-napster fa-fw
fa-brands fa-neos fa-fw
fa-brands fa-nfc-directional fa-fw
fa-brands fa-nfc-symbol fa-fw
fa-brands fa-nimblr fa-fw
fa-brands fa-node fa-fw
fa-brands fa-node-js fa-fw
fa-brands fa-npm fa-fw
fa-brands fa-ns8 fa-fw
fa-brands fa-nutritionix fa-fw
fa-brands fa-octopus-deploy fa-fw
fa-brands fa-odnoklassniki fa-fw
fa-brands fa-odysee fa-fw
fa-brands fa-old-republic fa-fw
fa-brands fa-opencart fa-fw
fa-brands fa-openid fa-fw
fa-brands fa-opensuse fa-fw
fa-brands fa-opera fa-fw
fa-brands fa-optin-monster fa-fw
fa-brands fa-orcid fa-fw
fa-brands fa-osi fa-fw
fa-brands fa-padlet fa-fw
fa-brands fa-page4 fa-fw
fa-brands fa-pagelines fa-fw
fa-brands fa-palfed fa-fw
fa-brands fa-patreon fa-fw
fa-brands fa-paypal fa-fw
fa-brands fa-perbyte fa-fw
fa-brands fa-periscope fa-fw
fa-brands fa-phabricator fa-fw
fa-brands fa-phoenix-framework fa-fw
fa-brands fa-phoenix-squadron fa-fw
fa-brands fa-php fa-fw
fa-brands fa-pied-piper fa-fw
fa-brands fa-pied-piper-alt fa-fw
fa-brands fa-pied-piper-hat fa-fw
fa-brands fa-pied-piper-pp fa-fw
fa-brands fa-pinterest fa-fw
fa-brands fa-pinterest-p fa-fw
fa-brands fa-pix fa-fw
fa-brands fa-pixiv fa-fw
fa-brands fa-playstation fa-fw
fa-brands fa-product-hunt fa-fw
fa-brands fa-pushed fa-fw
fa-brands fa-python fa-fw
fa-brands fa-qq fa-fw
fa-brands fa-quinscape fa-fw
fa-brands fa-quora fa-fw
fa-brands fa-r-project fa-fw
fa-brands fa-raspberry-pi fa-fw
fa-brands fa-ravelry fa-fw
fa-brands fa-react fa-fw
fa-brands fa-reacteurope fa-fw
fa-brands fa-readme fa-fw
fa-brands fa-rebel fa-fw
fa-brands fa-red-river fa-fw
fa-brands fa-reddit fa-fw
fa-brands fa-reddit-alien fa-fw
fa-brands fa-redhat fa-fw
fa-brands fa-renren fa-fw
fa-brands fa-replyd fa-fw
fa-brands fa-researchgate fa-fw
fa-brands fa-resolving fa-fw
fa-brands fa-rev fa-fw
fa-brands fa-rocketchat fa-fw
fa-brands fa-rockrms fa-fw
fa-brands fa-rust fa-fw
fa-brands fa-safari fa-fw
fa-brands fa-salesforce fa-fw
fa-brands fa-sass fa-fw
fa-brands fa-schlix fa-fw
fa-brands fa-screenpal fa-fw
fa-brands fa-scribd fa-fw
fa-brands fa-searchengin fa-fw
fa-brands fa-sellcast fa-fw
fa-brands fa-sellsy fa-fw
fa-brands fa-servicestack fa-fw
fa-brands fa-shirtsinbulk fa-fw
fa-brands fa-shoelace fa-fw
fa-brands fa-shopify fa-fw
fa-brands fa-shopware fa-fw
fa-brands fa-signal-messenger fa-fw
fa-brands fa-simplybuilt fa-fw
fa-brands fa-sistrix fa-fw
fa-brands fa-sith fa-fw
fa-brands fa-sitrox fa-fw
fa-brands fa-sketch fa-fw
fa-brands fa-skyatlas fa-fw
fa-brands fa-skype fa-fw
fa-brands fa-slack fa-fw
fa-brands fa-slideshare fa-fw
fa-brands fa-snapchat fa-fw
fa-brands fa-soundcloud fa-fw
fa-brands fa-sourcetree fa-fw
fa-brands fa-space-awesome fa-fw
fa-brands fa-speakap fa-fw
fa-brands fa-speaker-deck fa-fw
fa-brands fa-spotify fa-fw
fa-brands fa-square-behance fa-fw
fa-brands fa-square-bluesky fa-fw
fa-brands fa-square-dribbble fa-fw
fa-brands fa-square-facebook fa-fw
fa-brands fa-square-font-awesome fa-fw
fa-brands fa-square-font-awesome-stroke fa-fw
fa-brands fa-square-git fa-fw
fa-brands fa-square-github fa-fw
fa-brands fa-square-gitlab fa-fw
fa-brands fa-square-google-plus fa-fw
fa-brands fa-square-hacker-news fa-fw
fa-brands fa-square-instagram fa-fw
fa-brands fa-square-js fa-fw
fa-brands fa-square-lastfm fa-fw
fa-brands fa-square-letterboxd fa-fw
fa-brands fa-square-odnoklassniki fa-fw
fa-brands fa-square-pied-piper fa-fw
fa-brands fa-square-pinterest fa-fw
fa-brands fa-square-reddit fa-fw
fa-brands fa-square-snapchat fa-fw
fa-brands fa-square-steam fa-fw
fa-brands fa-square-threads fa-fw
fa-brands fa-square-tumblr fa-fw
fa-brands fa-square-twitter fa-fw
fa-brands fa-square-upwork fa-fw
fa-brands fa-square-viadeo fa-fw
fa-brands fa-square-vimeo fa-fw
fa-brands fa-square-web-awesome fa-fw
fa-brands fa-square-web-awesome-stroke fa-fw
fa-brands fa-square-whatsapp fa-fw
fa-brands fa-square-x-twitter fa-fw
fa-brands fa-square-xing fa-fw
fa-brands fa-square-youtube fa-fw
fa-brands fa-squarespace fa-fw
fa-brands fa-stack-exchange fa-fw
fa-brands fa-stack-overflow fa-fw
fa-brands fa-stackpath fa-fw
fa-brands fa-staylinked fa-fw
fa-brands fa-steam fa-fw
fa-brands fa-steam-symbol fa-fw
fa-brands fa-sticker-mule fa-fw
fa-brands fa-strava fa-fw
fa-brands fa-stripe fa-fw
fa-brands fa-stripe-s fa-fw
fa-brands fa-stubber fa-fw
fa-brands fa-studiovinari fa-fw
fa-brands fa-stumbleupon fa-fw
fa-brands fa-stumbleupon-circle fa-fw
fa-brands fa-superpowers fa-fw
fa-brands fa-supple fa-fw
fa-brands fa-suse fa-fw
fa-brands fa-swift fa-fw
fa-brands fa-symfony fa-fw
fa-brands fa-teamspeak fa-fw
fa-brands fa-telegram fa-fw
fa-brands fa-tencent-weibo fa-fw
fa-brands fa-the-red-yeti fa-fw
fa-brands fa-themeco fa-fw
fa-brands fa-themeisle fa-fw
fa-brands fa-think-peaks fa-fw
fa-brands fa-threads fa-fw
fa-brands fa-tiktok fa-fw
fa-brands fa-trade-federation fa-fw
fa-brands fa-trello fa-fw
fa-brands fa-tumblr fa-fw
fa-brands fa-twitch fa-fw
fa-brands fa-twitter fa-fw
fa-brands fa-typo3 fa-fw
fa-brands fa-uber fa-fw
fa-brands fa-ubuntu fa-fw
fa-brands fa-uikit fa-fw
fa-brands fa-umbraco fa-fw
fa-brands fa-uncharted fa-fw
fa-brands fa-uniregistry fa-fw
fa-brands fa-unity fa-fw
fa-brands fa-unsplash fa-fw
fa-brands fa-untappd fa-fw
fa-brands fa-ups fa-fw
fa-brands fa-upwork fa-fw
fa-brands fa-usb fa-fw
fa-brands fa-usps fa-fw
fa-brands fa-ussunnah fa-fw
fa-brands fa-vaadin fa-fw
fa-brands fa-viacoin fa-fw
fa-brands fa-viadeo fa-fw
fa-brands fa-viber fa-fw
fa-brands fa-vimeo fa-fw
fa-brands fa-vimeo-v fa-fw
fa-brands fa-vine fa-fw
fa-brands fa-vk fa-fw
fa-brands fa-vnv fa-fw
fa-brands fa-vuejs fa-fw
fa-brands fa-watchman-monitoring fa-fw
fa-brands fa-waze fa-fw
fa-brands fa-web-awesome fa-fw
fa-brands fa-webflow fa-fw
fa-brands fa-weebly fa-fw
fa-brands fa-weibo fa-fw
fa-brands fa-weixin fa-fw
fa-brands fa-whatsapp fa-fw
fa-brands fa-whmcs fa-fw
fa-brands fa-wikipedia-w fa-fw
fa-brands fa-windows fa-fw
fa-brands fa-wirsindhandwerk fa-fw
fa-brands fa-wix fa-fw
fa-brands fa-wizards-of-the-coast fa-fw
fa-brands fa-wodu fa-fw
fa-brands fa-wolf-pack-battalion fa-fw
fa-brands fa-wordpress fa-fw
fa-brands fa-wordpress-simple fa-fw
fa-brands fa-wpbeginner fa-fw
fa-brands fa-wpexplorer fa-fw
fa-brands fa-wpforms fa-fw
fa-brands fa-wpressr fa-fw
fa-brands fa-x-twitter fa-fw
fa-brands fa-xbox fa-fw
fa-brands fa-xing fa-fw
fa-brands fa-y-combinator fa-fw
fa-brands fa-yahoo fa-fw
fa-brands fa-yammer fa-fw
fa-brands fa-yandex fa-fw
fa-brands fa-yandex-international fa-fw
fa-brands fa-yarn fa-fw
fa-brands fa-yelp fa-fw
fa-brands fa-yoast fa-fw
fa-brands fa-youtube fa-fw
fa-brands fa-zhihu fa-fw

How to use

All icons require an <i> tag with a unique class, prefixed with fa-. To use, place the following code just about anywhere:

<i class="fa fa-search"></i>

There are also styles available for inverted (white) icons, made ready with one extra class. We will specifically enforce this class on hover and active states for nav and dropdown links.

<i class="fa fa-search fa-white"></i>

Heads up! When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <i> tag for proper spacing.

Icon examples

Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

Buttons

Button group in a button toolbar

<div class="btn-toolbar">
  <div class="btn-group">

    <a class="btn" href="#"><i class="fa fa-align-left"></i></a>
    <a class="btn" href="#"><i class="fa fa-align-center"></i></a>
    <a class="btn" href="#"><i class="fa fa-align-right"></i></a>
    <a class="btn" href="#"><i class="fa fa-align-justify"></i></a>
  </div>
</div>

Dropdown in a button group

User

<div class="btn-group">
  <a class="btn btn-primary" href="#"><i class="fa fa-user"></i> User</a>
  <a class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" href="#"><span class="caret"></span></a>
  <ul class="dropdown-menu">
    <li><a href="#"><i class="fa fa-pencil-alt"></i> Edit</a></li>
    <li><a href="#"><i class="fa fa-trash"></i> Delete</a></li>
    <li><a href="#"><i class="fa fa-ban"></i> Ban</a></li>
    <li class="divider"></li>
    <li><a href="#"> Make admin</a></li>
  </ul>
</div>

Small button

<a class="btn btn-sm" href="#"><i class="fa fa-star"></i></a>

Navigation

<ul class="nav nav-list">
  <li class="active"><a href="#"><i class="fa fa-home"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-book"></i> Library</a></li>
  <li><a href="#"><i class="fa fa-pencil-alt"></i> Applications</a></li>
  <li><a href="#">Misc</a></li>
</ul>

Form fields

<div class="form-group">
    <label class="control-label" for="inputIcon">Email address</label>

    <div class="controls">
        <div class="input-group">
            <span class="input-group-text">
                <i class="fa fa-envelope"></i>
            </span>
            <input class="form-control" id="inputIcon" type="text">
        </div>
    </div>
</div>