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.

Announcement Basic

bx bx-announcement

Package: Boxicons
Category: Basic
Code Point: f12c

announcement basic

Apartment Basic

bx bx-apartment

Package: Boxicons
Category: Basic
Code Point: f12d

apartment basic

Camera Alt Basic

bx bx-camera-alt

Package: Boxicons
Category: Basic
Code Point: f27d

camera alt basic

Camera Basic

bx bx-camera

Package: Boxicons
Category: Basic
Code Point: f285

camera basic

Camera Flip Basic

bx bx-camera-flip

Package: Boxicons
Category: Basic
Code Point: f27e

camera flip basic

Camera Home Basic

bx bx-camera-home

Package: Boxicons
Category: Basic
Code Point: f27f

camera home basic

Camera Monochrome Basic

bx bx-camera-monochrome

Package: Boxicons
Category: Basic
Code Point: f280

camera monochrome basic

Camera Plus Basic

bx bx-camera-plus

Package: Boxicons
Category: Basic
Code Point: f281

camera plus basic

Camera Portrait Basic

bx bx-camera-portrait

Package: Boxicons
Category: Basic
Code Point: f282

camera portrait basic

Camera Slash Basic

bx bx-camera-slash

Package: Boxicons
Category: Basic
Code Point: f283

camera slash basic

Camera Switch Basic

bx bx-camera-switch

Package: Boxicons
Category: Basic
Code Point: f284

camera switch basic

Department Store Basic

bx bx-department-store

Package: Boxicons
Category: Basic
Code Point: f381

department store basic

Diameter Basic

bx bx-diameter

Package: Boxicons
Category: Basic
Code Point: f388

diameter basic

Element Of Basic

bx bx-element-of

Package: Boxicons
Category: Basic
Code Point: f3de

element of basic

Flame Basic

bx bx-flame

Package: Boxicons
Category: Basic
Code Point: f42d

flame basic

Food Menu Basic

bx bx-food-menu

Package: Boxicons
Category: Basic
Code Point: f443

food menu basic

Frame Basic

bx bx-frame

Package: Boxicons
Category: Basic
Code Point: f454

frame basic

Git Merge Basic

bx bx-git-merge

Package: Boxicons
Category: Basic
Code Point: f46d

git merge basic

Git Merge Queue Basic

bx bx-git-merge-queue

Package: Boxicons
Category: Basic
Code Point: f46c

git merge queue basic

Globe Americas Basic

bx bx-globe-americas

Package: Boxicons
Category: Basic
Code Point: f478

globe americas basic

Helmet Basic

bx bx-helmet

Package: Boxicons
Category: Basic
Code Point: f4b5

helmet basic

Home Add Basic

bx bx-home-add

Package: Boxicons
Category: Basic
Code Point: f4be

home add basic

Home Alt 2 Basic

bx bx-home-alt-2

Package: Boxicons
Category: Basic
Code Point: f4bf

home alt 2 basic

Home Alt 3 Basic

bx bx-home-alt-3

Package: Boxicons
Category: Basic
Code Point: f4c0

home alt 3 basic

Home Alt Basic

bx bx-home-alt

Package: Boxicons
Category: Basic
Code Point: f4c1

home alt basic

Home Basic

bx bx-home

Package: Boxicons
Category: Basic
Code Point: f4c4

home basic

Home Circle Basic

bx bx-home-circle

Package: Boxicons
Category: Basic
Code Point: f4c2

home circle basic

Home Heart Basic

bx bx-home-heart

Package: Boxicons
Category: Basic
Code Point: f4c3

home heart basic

Iframe Basic

bx bx-iframe

Package: Boxicons
Category: Basic
Code Point: f4d8

iframe basic

Keyframe Basic

bx bx-keyframe

Package: Boxicons
Category: Basic
Code Point: f502

keyframe basic

Keyframe Ease In Basic

bx bx-keyframe-ease-in

Package: Boxicons
Category: Basic
Code Point: f4fb

keyframe ease in basic

Keyframe Ease Out Basic

bx bx-keyframe-ease-out

Package: Boxicons
Category: Basic
Code Point: f4fc

keyframe ease out basic

Keyframe Easy Ease Basic

bx bx-keyframe-easy-ease

Package: Boxicons
Category: Basic
Code Point: f4fd

keyframe easy ease basic

Keyframe Hold Ease In Basic

bx bx-keyframe-hold-ease-in

Package: Boxicons
Category: Basic
Code Point: f4fe

keyframe hold ease in

Keyframe Hold Ease Out Basic

bx bx-keyframe-hold-ease-out

Package: Boxicons
Category: Basic
Code Point: f4ff

keyframe hold ease out

Keyframe Hold Linear In Basic

bx bx-keyframe-hold-linear-in

Package: Boxicons
Category: Basic
Code Point: f500

keyframe hold linear in

Keyframe Hold Linear Out Basic

bx bx-keyframe-hold-linear-out

Package: Boxicons
Category: Basic
Code Point: f501

keyframe hold linear out

Meat Basic

bx bx-meat

Package: Boxicons
Category: Basic
Code Point: f55e

meat basic

Medal Alt 2 Basic

bx bx-medal-alt-2

Package: Boxicons
Category: Basic
Code Point: f55f

medal alt 2 basic

Medal Alt Basic

bx bx-medal-alt

Package: Boxicons
Category: Basic
Code Point: f560

medal alt basic

Medal Basic

bx bx-medal

Package: Boxicons
Category: Basic
Code Point: f564

medal basic

Medal Star Alt 2 Basic

bx bx-medal-star-alt-2

Package: Boxicons
Category: Basic
Code Point: f561

medal star alt 2

Medal Star Alt Basic

bx bx-medal-star-alt

Package: Boxicons
Category: Basic
Code Point: f562

medal star alt basic

Medal Star Basic

bx bx-medal-star

Package: Boxicons
Category: Basic
Code Point: f563

medal star basic

Medical Flask Basic

bx bx-medical-flask

Package: Boxicons
Category: Basic
Code Point: f565

medical flask basic

Medical Kit Basic

bx bx-medical-kit

Package: Boxicons
Category: Basic
Code Point: f566

medical kit basic

Megaphone Alt Basic

bx bx-megaphone-alt

Package: Boxicons
Category: Basic
Code Point: f567

megaphone alt basic

Megaphone Basic

bx bx-megaphone

Package: Boxicons
Category: Basic
Code Point: f568

megaphone basic

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

284 icons