Getting Started
Embark on your design journey with Bangalicon! Access an expansive library of icons instantly through our CDN infrastructure. Simplify your projects with seamless integration and customizable options. Whether you're a novice or a seasoned pro, Bangalicon empowers you to bring your creative visions to life. Get started and elevate your designs today!

Usage as a Font
Import the CSS
Copy the stylesheet link and past into your header to load our CSS.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bangalicon/2.1.0@main/bangalicon.css">
This will load bangalicon font into your web.
Basic usage
To use an icon on your page, add a prefix bg for regular icons, bgs for solid icons & bgl for logos followed by the icon name and seperate class with the bg
<i class="bg-check-circle"></i> <!---regular--->
<i class="bgs-check-circle"></i> <!---solid--->
<i class="bgl-pinterest"></i> <!---brand--->
Each icon has a regular and solid variant. Also bangalicon has Brand icons.

Template
Create an HTML document and copy the template and past on your HTML project
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--- Bangalicon CSS --->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bangalicon/2.1.0@main/bangalicon.css">
<title>Document</title>
</head> 
<body>
<!--- Icon --->
<i class="bg-check-circle"></i>
</body>
</html>

Download use
Download zip
Download the zip file from bangalicon that css is included! Extracting the zip file, you'll find a CSS file, bangalicon.min.css file.
bangalicon.min.css file contains the all icon CSS.
Using on the web
copy the entire bangalicon directory into your project folder. In the header of your html, reference the location to your bangalicon.min.css.
<link rel="stylesheet" href="myProjects/asset/bangalicon/css/bangalicon.min.css">

Style
Size
set a specific size by applying the font-size CSS property on the bangalicon component. It's recommended to use pixel sizes that are a multiple of 8 (8, 16, 32, 64, etc.)
.bg-setting {
  font-size: 64px;
}
Color
Specify the icon color by applying the color CSS property on the bangalicon component.
.bg-camera {
/*--- Orange color ---*/
  color: #e9ae63;
}
Orange color family code

Contribution
Want to request a icon ? Have some suggestions or ideas ? report a bug? contact with us using email [email protected]

About
Bangalicon, the premier icon site for developers and designers, harnesses the power of CDN for seamless access to a plethora of high-quality icons. With a user-friendly interface tailored to streamline navigation, Bangalicon caters to both seasoned developers and creative designers. Explore a diverse range of meticulously crafted icons to enhance your projects effortlessly. Whether you're seeking sleek minimalistic designs or intricate illustrations, Bangalicon has you covered. Elevate your digital creations with ease and speed, all thanks to Bangalicon's robust CDN infrastructure.