Font Icon Library

Boxicons Search

Search and preview Boxicons icons, then copy the CSS class, HTML markup, or code point for your project. Boxicons provides basic, filled, and brand icon fonts for websites, applications, and administration interfaces. Font icons behave like text: CSS can control their size, color, alignment, and interaction states without editing an image file. A consistent icon family also helps users recognize repeated actions more quickly across navigation, forms, and controls. Use visible text or an accessible label whenever an icon communicates an action. For performance, load only the library and styles your interface needs. Confirm licensing and usage requirements with the library publisher before distributing a finished product.

Discord Alt Brands

bxl bx-discord-alt

Package: Boxicons
Category: Brands
Code Point: f13e

discord alt brands

Discord Brands

bxl bx-discord

Package: Boxicons
Category: Brands
Code Point: f13f

discord brands

Discourse Brands

bxl bx-discourse

Package: Boxicons
Category: Brands
Code Point: f140

discourse brands

Discover Brands

bxl bx-discover

Package: Boxicons
Category: Brands
Code Point: f141

discover brands

Django Brands

bxl bx-django

Package: Boxicons
Category: Brands
Code Point: f142

django brands

Docker Brands

bxl bx-docker

Package: Boxicons
Category: Brands
Code Point: f143

docker brands

Dot Env Brands

bxl bx-dot-env

Package: Boxicons
Category: Brands
Code Point: f144

dot env brands

Dribbble Brands

bxl bx-dribbble

Package: Boxicons
Category: Brands
Code Point: f145

dribbble brands

Drizzle Orm Brands

bxl bx-drizzle-orm

Package: Boxicons
Category: Brands
Code Point: f146

drizzle orm brands

Dropbox Brands

bxl bx-dropbox

Package: Boxicons
Category: Brands
Code Point: f147

dropbox brands

Ebay Brands

bxl bx-ebay

Package: Boxicons
Category: Brands
Code Point: f148

ebay brands

Edge Brands

bxl bx-edge

Package: Boxicons
Category: Brands
Code Point: f149

edge brands

Ember Js Brands

bxl bx-ember-js

Package: Boxicons
Category: Brands
Code Point: f14a

ember js brands

Etsy Brands

bxl bx-etsy

Package: Boxicons
Category: Brands
Code Point: f14b

etsy brands

Expo Brands

bxl bx-expo

Package: Boxicons
Category: Brands
Code Point: f14c

expo brands

Express Js Brands

bxl bx-express-js

Package: Boxicons
Category: Brands
Code Point: f14d

express js brands

Facebook Brands

bxl bx-facebook

Package: Boxicons
Category: Brands
Code Point: f150

facebook brands

Facebook Circle Brands

bxl bx-facebook-circle

Package: Boxicons
Category: Brands
Code Point: f14e

facebook circle brands

Facebook Square Brands

bxl bx-facebook-square

Package: Boxicons
Category: Brands
Code Point: f14f

facebook square brands

Fastapi Brands

bxl bx-fastapi

Package: Boxicons
Category: Brands
Code Point: f151

fastapi brands

Fastify Brands

bxl bx-fastify

Package: Boxicons
Category: Brands
Code Point: f152

fastify brands

Figma Alt Brands

bxl bx-figma-alt

Package: Boxicons
Category: Brands
Code Point: f153

figma alt brands

Figma Brands

bxl bx-figma

Package: Boxicons
Category: Brands
Code Point: f154

figma brands

Firebase Brands

bxl bx-firebase

Package: Boxicons
Category: Brands
Code Point: f155

firebase brands

Firefox Brands

bxl bx-firefox

Package: Boxicons
Category: Brands
Code Point: f156

firefox brands

Fiverr Brands

bxl bx-fiverr

Package: Boxicons
Category: Brands
Code Point: f157

fiverr brands

Flask Brands

bxl bx-flask

Package: Boxicons
Category: Brands
Code Point: f159

flask brands

Flask Old Brands

bxl bx-flask-old

Package: Boxicons
Category: Brands
Code Point: f158

flask old brands

Flickr Brands

bxl bx-flickr

Package: Boxicons
Category: Brands
Code Point: f15b

flickr brands

Flickr Square Brands

bxl bx-flickr-square

Package: Boxicons
Category: Brands
Code Point: f15a

flickr square brands

Flutter Brands

bxl bx-flutter

Package: Boxicons
Category: Brands
Code Point: f15c

flutter brands

Foursquare Brands

bxl bx-foursquare

Package: Boxicons
Category: Brands
Code Point: f15d

foursquare brands

Framer Brands

bxl bx-framer

Package: Boxicons
Category: Brands
Code Point: f15e

framer brands

Gatsby Js Brands

bxl bx-gatsby-js

Package: Boxicons
Category: Brands
Code Point: f15f

gatsby js brands

Gemini Brands

bxl bx-gemini

Package: Boxicons
Category: Brands
Code Point: f160

gemini brands

Git Brands

bxl bx-git

Package: Boxicons
Category: Brands
Code Point: f161

git brands

Github Brands

bxl bx-github

Package: Boxicons
Category: Brands
Code Point: f163

github brands

Github Copilot Brands

bxl bx-github-copilot

Package: Boxicons
Category: Brands
Code Point: f162

github copilot brands

Gitlab Brands

bxl bx-gitlab

Package: Boxicons
Category: Brands
Code Point: f164

gitlab brands

Gmail Brands

bxl bx-gmail

Package: Boxicons
Category: Brands
Code Point: f165

gmail brands

Go Lang Brands

bxl bx-go-lang

Package: Boxicons
Category: Brands
Code Point: f166

go lang brands

Google Antigravity Brands

bxl bx-google-antigravity

Package: Boxicons
Category: Brands
Code Point: f167

google antigravity brands

Google Brands

bxl bx-google

Package: Boxicons
Category: Brands
Code Point: f16a

google brands

Google Cloud Brands

bxl bx-google-cloud

Package: Boxicons
Category: Brands
Code Point: f168

google cloud brands

Google Pay Brands

bxl bx-google-pay

Package: Boxicons
Category: Brands
Code Point: f169

google pay brands

Graphql Brands

bxl bx-graphql

Package: Boxicons
Category: Brands
Code Point: f16b

graphql brands

Grok Brands

bxl bx-grok

Package: Boxicons
Category: Brands
Code Point: f16c

grok brands

Groq Ai Brands

bxl bx-groq-ai

Package: Boxicons
Category: Brands
Code Point: f16d

groq ai brands

Add Boxicons to your website or app

Add the library once, copy an icon from the results above, and include an accessible label when the icon communicates meaning.

1. Load the icon library

<link rel="stylesheet" href="https://cdn.boxicons.com/3.0.8/fonts/basic/boxicons.min.css">

Reference version: 3.0.8

2. Copy an icon

Use Copy class when you already have markup, or Copy HTML for a ready-to-paste element.

Code points are useful for CSS generated content and tools that work directly with icon fonts.

3. Keep icons accessible

Hide decorative icons from assistive technology. When an icon communicates meaning, pair it with visible text or an accessible label.

Confirm licensing and usage requirements with the library publisher before distributing a finished product.

Practical Notes

Icon Implementation Checklist

Icons work best when they support quick recognition without becoming the only way a user understands an action.

Label important controls

Use visible text or accessible labels for buttons where the icon meaning may be ambiguous.

Keep style consistent

Mixing filled, outlined, sharp, and rounded icon families can make an interface feel uneven.

Load only what you need

Large icon fonts can cost performance. SVG sprites or subset fonts are better for focused interfaces.

Community Poll

What is your favorite AI agent? (Choose up to 3)

2,334 votes

Choose up to 3 options.

Codex

Claude Code

Cursor

GitHub Copilot

Gemini / Jules

Devin

OpenClaw

Hermes Agent

Other

View Result

1,207 icons