Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit

* render s3 buckets as gitlab ci cd variables

* [create-pull-request] automated change (#202)

Co-authored-by: xbbshampoo <>


Co-authored-by: github-actions[bot] <41898282+github-actions[bot]>
Co-authored-by: xbbshampoo <>

Git stats


Failed to load latest commit information.
Latest commit message
Commit time
May 13, 2021 10:48
March 28, 2023 18:35
May 10, 2021 14:28
December 30, 2019 16:13
September 25, 2020 17:32
March 29, 2023 12:13
July 20, 2019 17:28
August 14, 2020 14:37


1000+ Pixel-perfect vector icons and Iconfont for your next project. These icons are designed by IconScout.

Getting Started

Using as a font

It's easy to use Unicons on your website by just inserting following css. You can also download this repo and use the css from css folder.


And use the icons in your body as below.

<i class="uil uil-comments"></i>

Using as npm package

You can easily install Unicons using npm.

npm install --save @iconscout/unicons

Using as an SVG

If you're a designer then it's always great to have SVG files. You can download SVGs from Official Unicons Website or download Icondrop to access these icons right into Sketch, Adobe Xd, Adobe Illustrator, and many more.

Using in Flutter Framework

There's a Flutter package created by Pedro Lemos, avaliable in, which can be easily used in your project.

Just add the dependency in your pubspec.yaml file as following:

  unicons: ^1.0.0+2

Then, run the command above:

flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

Now, in your Dart code, import the package:

import 'package:unicons/unicons.dart';

Use with JS Frameworks

We've created components for popular libraries like React, VueJS, React Native. You can head over to official GitHub Repo to know more.

Line Style

Solid Style

Monochrome Style

More ways (Community supported)


  • Make React Components
  • Adding Brand Icons
  • Designing Solid Style
  • Designing Thin-line Style
  • Support for CSS Animations
  • Make SVG Sprite in which user can control different attributes such as stroke, fill, width, height and more.


We will be happy to have community support for Unicons. Feel free to fork and create pull requests. We have given a small roadmap above so that you can help us build these features.

Icon Requests

We've created a thread at IconScout Community where you can request for new icons. And we'll be happy to design them in upcoming weeks.


Unicons are Open Source icons and licensed under IconScout Simple License. You're free to use these icons in your personal and commercial project. We would love to see the attribution in your app's about screen, but it's not mandatory.

Unicons by <a href="">IconScout</a>