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.

Chevrons Down Up Filled

bxf bx-chevrons-down-up

Package: Boxicons
Category: Filled
Code Point: f2ee

chevrons down up filled

Chevrons Left Filled

bxf bx-chevrons-left

Package: Boxicons
Category: Filled
Code Point: f2f1

chevrons left filled

Chevrons Left Right Filled

bxf bx-chevrons-left-right

Package: Boxicons
Category: Filled
Code Point: f2f0

chevrons left right filled

Chevrons Right Filled

bxf bx-chevrons-right

Package: Boxicons
Category: Filled
Code Point: f2f3

chevrons right filled

Chevrons Right Left Filled

bxf bx-chevrons-right-left

Package: Boxicons
Category: Filled
Code Point: f2f2

chevrons right left filled

Chevrons Up Down Filled

bxf bx-chevrons-up-down

Package: Boxicons
Category: Filled
Code Point: f2f4

chevrons up down filled

Chevrons Up Filled

bxf bx-chevrons-up

Package: Boxicons
Category: Filled
Code Point: f2f5

chevrons up filled

Circle Hexagon Filled

bxf bx-circle-hexagon

Package: Boxicons
Category: Filled
Code Point: f2ff

circle hexagon filled

Cloud Moon Filled

bxf bx-cloud-moon

Package: Boxicons
Category: Filled
Code Point: f325

cloud moon filled

Cognition Filled

bxf bx-cognition

Package: Boxicons
Category: Filled
Code Point: f335

cognition filled

Component Filled

bxf bx-component

Package: Boxicons
Category: Filled
Code Point: f345

component filled

Confused Filled

bxf bx-confused

Package: Boxicons
Category: Filled
Code Point: f348

confused filled

Connector Filled

bxf bx-connector

Package: Boxicons
Category: Filled
Code Point: f349

connector filled

Contact Book Filled

bxf bx-contact-book

Package: Boxicons
Category: Filled
Code Point: f34a

contact book filled

Container Filled

bxf bx-container

Package: Boxicons
Category: Filled
Code Point: f34b

container filled

Contrast Filled

bxf bx-contrast

Package: Boxicons
Category: Filled
Code Point: f34c

contrast filled

Credit Card Front Filled

bxf bx-credit-card-front

Package: Boxicons
Category: Filled
Code Point: f359

credit card front filled

Diamond Alt Filled

bxf bx-diamond-alt

Package: Boxicons
Category: Filled
Code Point: f389

diamond alt filled

Diamond Filled

bxf bx-diamond

Package: Boxicons
Category: Filled
Code Point: f38a

diamond filled

Diamonds Filled

bxf bx-diamonds

Package: Boxicons
Category: Filled
Code Point: f38b

diamonds filled

Directions Filled

bxf bx-directions

Package: Boxicons
Category: Filled
Code Point: f394

directions filled

Discussion Filled

bxf bx-discussion

Package: Boxicons
Category: Filled
Code Point: f397

discussion filled

Division Filled

bxf bx-division

Package: Boxicons
Category: Filled
Code Point: f39b

division filled

Donate Blood Filled

bxf bx-donate-blood

Package: Boxicons
Category: Filled
Code Point: f3b8

donate blood filled

Donate Heart Filled

bxf bx-donate-heart

Package: Boxicons
Category: Filled
Code Point: f3b9

donate heart filled

Donut Filled

bxf bx-donut

Package: Boxicons
Category: Filled
Code Point: f3ba

donut filled

Dots Horizontal Filled

bxf bx-dots-horizontal

Package: Boxicons
Category: Filled
Code Point: f3c0

dots horizontal filled

Dots Horizontal Rounded Circle Filled

bxf bx-dots-horizontal-rounded-circle

Package: Boxicons
Category: Filled
Code Point: f3be

dots horizontal rounded circle

Dots Horizontal Rounded Filled

bxf bx-dots-horizontal-rounded

Package: Boxicons
Category: Filled
Code Point: f3bf

dots horizontal rounded filled

Education Filled

bxf bx-education

Package: Boxicons
Category: Filled
Code Point: f3d9

education filled

Ev Station Filled

bxf bx-ev-station

Package: Boxicons
Category: Filled
Code Point: f3ec

ev station filled

Explosion Filled

bxf bx-explosion

Package: Boxicons
Category: Filled
Code Point: f3ef

explosion filled

Extension Filled

bxf bx-extension

Package: Boxicons
Category: Filled
Code Point: f3f1

extension filled

Font Color Filled

bxf bx-font-color

Package: Boxicons
Category: Filled
Code Point: f441

font color filled

Font Family Filled

bxf bx-font-family

Package: Boxicons
Category: Filled
Code Point: f442

font family filled

Fork Spoon Filled

bxf bx-fork-spoon

Package: Boxicons
Category: Filled
Code Point: f44b

fork spoon filled

Function Filled

bxf bx-function

Package: Boxicons
Category: Filled
Code Point: f458

function filled

Functions Filled

bxf bx-functions

Package: Boxicons
Category: Filled
Code Point: f459

functions filled

Gallery Horizontal End Filled

bxf bx-gallery-horizontal-end

Package: Boxicons
Category: Filled
Code Point: f45b

gallery horizontal end filled

Gallery Horizontal Filled

bxf bx-gallery-horizontal

Package: Boxicons
Category: Filled
Code Point: f45c

gallery horizontal filled

Grid Circle Diagonal Left Filled

bxf bx-grid-circle-diagonal-left

Package: Boxicons
Category: Filled
Code Point: f484

grid circle diagonal left

Grid Circle Diagonal Right Filled

bxf bx-grid-circle-diagonal-right

Package: Boxicons
Category: Filled
Code Point: f485

grid circle diagonal right

Headphone Alt 2 Filled

bxf bx-headphone-alt-2

Package: Boxicons
Category: Filled
Code Point: f4aa

headphone alt 2 filled

Headphone Alt Filled

bxf bx-headphone-alt

Package: Boxicons
Category: Filled
Code Point: f4ab

headphone alt filled

Headphone Filled

bxf bx-headphone

Package: Boxicons
Category: Filled
Code Point: f4ad

headphone filled

Headphone Mic Filled

bxf bx-headphone-mic

Package: Boxicons
Category: Filled
Code Point: f4ac

headphone mic filled

Help Octagon Filled

bxf bx-help-octagon

Package: Boxicons
Category: Filled
Code Point: f4b7

help octagon filled

Hexagon Filled

bxf bx-hexagon

Package: Boxicons
Category: Filled
Code Point: f4b8

hexagon filled

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

387 icons