---
title: Info Badges and Unicons icon library
description: How to setup Info Badges and use Unicons icon library in Booster theme
---

[Skip to content](https://help.boostertheme.com/knowledge/unicons-icon-library-in-booster-theme#main-content)

![logo_white_booster-Sep-13-2022-06-54-02-62-PM.png\]](https://help.boostertheme.com/hs-fs/hubfs/logo_white_booster-Sep-13-2022-06-54-02-62-PM.png?height=36&name=logo_white_booster-Sep-13-2022-06-54-02-62-PM.png)

- [Home - Help Center](https://help.boostertheme.com/knowledge)

Open main navigation

Close main navigation

- [Home - Help Center](https://help.boostertheme.com/knowledge)
- [Go to boostertheme.com](https://boostertheme.com/)

[Go to boostertheme.com](https://boostertheme.com/?hsLang=en)

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Home - Help Center](https://help.boostertheme.com/knowledge?hsLang=en)
2. [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en)
3. [More tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#more-tutorials)

# Info Badges and Unicons icon library

## How to setup Info Badges and use Unicons icon library in Booster theme

#### [![infor badges](https://help.boostertheme.com/hs-fs/hubfs/infor%20badges.png?width=688&height=390&name=infor%20badges.png)](https://help.boostertheme.com/hubfs/infor%20badges.png?hsLang=en)

This article explains how to use the unicons library in order to import them into your theme and use them into the Info badges section. 

You can either use those icons when you are customizing your info badge or customizing buttons in some section of your website.

#### In this article:

1. [Accessing Info badges](https://help.boostertheme.com/knowledge/unicons-icon-library-in-booster-theme#Accessing-Info-Badges)
2. [Adding Info Badge](https://help.boostertheme.com/knowledge/unicons-icon-library-in-booster-theme#Adding-Info-Badge)
3. [Step 1.  Get to the library](https://help.boostertheme.com/knowledge/unicons-icon-library-in-booster-theme#Get-to-the-library)
4. [Step 2. Search for the Icon](https://help.boostertheme.com/knowledge/unicons-icon-library-in-booster-theme#Search-for-the-Icon)
5. [Step 3. Copy the icon name](https://help.boostertheme.com/knowledge/unicons-icon-library-in-booster-theme#Copy-the-icon-name)
6. [Step 4. Paste the icon name ](https://help.boostertheme.com/knowledge/unicons-icon-library-in-booster-theme#Paste-the-icon-name)

---

#### Accessing Info Badges

To access the **Info Badges** Settings, click **Customize** (Themes section on Shopify) > **Info badges.**

![](https://help.boostertheme.com/hs-fs/hubfs/image-png-Nov-29-2023-08-28-08-9045-PM.png?width=354&height=948&name=image-png-Nov-29-2023-08-28-08-9045-PM.png)

#### Adding Info Badge

In order to add Info Badge, click Info Badges > Add Info Badge

![info badge](https://help.boostertheme.com/hs-fs/hubfs/info%20badge.png?width=291&height=204&name=info%20badge.png)

The icon name is where you want to put the icon code, in order to import the desired icon of the library, you'll need to access the library to find and search for the icons. Please check the following steps to get icon code.

[![badge settins](https://help.boostertheme.com/hs-fs/hubfs/badge%20settins.png?width=688&height=362&name=badge%20settins.png)](https://help.boostertheme.com/hubfs/badge%20settins.png?hsLang=en)

### Step 1.  Get to the library

[Click here to access the library.](https://iconscout.com/unicons/explore/line)

### Step 2. Search for the Icon

You'll have over 2200 possible icons for you in the library. You can use the search bar or the categories to be more specific about what you want.

[![unicons library](https://help.boostertheme.com/hs-fs/hubfs/unicons%20library.png?width=688&height=387&name=unicons%20library.png)](https://help.boostertheme.com/hubfs/unicons%20library.png?hsLang=en)

### Step 3. Copy the icon name

In order to use the icon name, you can either just retype it or you can click the icon name and paste it into Booster theme.

[![copy icon](https://help.boostertheme.com/hs-fs/hubfs/copy%20icon.png?width=688&height=154&name=copy%20icon.png)](https://help.boostertheme.com/hubfs/copy%20icon.png?hsLang=en)

### Step 4. Paste the icon name 

You'll need to paste the Icon name into your theme and your icon is now imported from the library.

![paste icon name](https://help.boostertheme.com/hs-fs/hubfs/paste%20icon%20name.png?width=293&height=434&name=paste%20icon%20name.png)

 

*- End of the article -*

- [Get started](https://help.boostertheme.com/knowledge/get-started?hsLang=en#main-content)
  
  
  
  
  
    - [Installation Process](https://help.boostertheme.com/knowledge/get-started?hsLang=en#installation-process)
    - [Learning the basics](https://help.boostertheme.com/knowledge/get-started?hsLang=en#learning-the-basics)
- [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#main-content)
  
  
  
  
  
    - [Sections](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#sections)
    - [Theme settings](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#theme-settings)
    - [Product Page](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#product-page)
    - [More tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#more-tutorials)
- [More support](https://help.boostertheme.com/knowledge/more-support?hsLang=en#main-content)
  
  
  
  
  
    - [Partners app Ressource center](https://help.boostertheme.com/knowledge/more-support?hsLang=en#partners-app-ressource-center)
    - [Managing your subscription & theme](https://help.boostertheme.com/knowledge/more-support?hsLang=en#managing-your-subscription-theme)
    - [Change logs & Policies](https://help.boostertheme.com/knowledge/more-support?hsLang=en#change-logs-policies)
    - [Announcements and others](https://help.boostertheme.com/knowledge/more-support?hsLang=en#announcements-and-others)

[![Chill listening crop-3](https://help.boostertheme.com/hs-fs/hubfs/Booster-black-logo.png?width=178&height=51&name=Booster-black-logo.png "Chill listening crop-3")](https://boostertheme.com/?hsLang=en)

<https://www.facebook.com/316229588744482> <https://www.instagram.com/boostertheme> <https://www.youtube.com/c/BoosterTheme>

Copyright © 2026, Booster Theme - PreviewX Inc.