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.

Message Circle Image Basic

bx bx-message-circle-image

Package: Boxicons
Category: Basic
Code Point: f597

Message Circle Minus Basic

bx bx-message-circle-minus

Package: Boxicons
Category: Basic
Code Point: f598

message circle minus basic

Message Circle Notification Basic

bx bx-message-circle-notification

Package: Boxicons
Category: Basic
Code Point: f599

message circle notification basic

Message Circle Plus Basic

bx bx-message-circle-plus

Package: Boxicons
Category: Basic
Code Point: f59a

message circle plus basic

Message Circle Question Mark Basic

bx bx-message-circle-question-mark

Package: Boxicons
Category: Basic
Code Point: f59b

message circle question mark

Message Circle Reply Basic

bx bx-message-circle-reply

Package: Boxicons
Category: Basic
Code Point: f59c

message circle reply basic

Message Circle Star Basic

bx bx-message-circle-star

Package: Boxicons
Category: Basic
Code Point: f59d

message circle star basic

Message Circle X Basic

bx bx-message-circle-x

Package: Boxicons
Category: Basic
Code Point: f59e

message circle x basic

Message Code Basic

bx bx-message-code

Package: Boxicons
Category: Basic
Code Point: f5a0

message code basic

Message Detail Basic

bx bx-message-detail

Package: Boxicons
Category: Basic
Code Point: f5a1

message detail basic

Message Dots 2 Basic

bx bx-message-dots-2

Package: Boxicons
Category: Basic
Code Point: f5a2

message dots 2 basic

Message Dots Basic

bx bx-message-dots

Package: Boxicons
Category: Basic
Code Point: f5a3

message dots basic

Message Edit Basic

bx bx-message-edit

Package: Boxicons
Category: Basic
Code Point: f5a4

message edit basic

Message Exclamation Basic

bx bx-message-exclamation

Package: Boxicons
Category: Basic
Code Point: f5a5

message exclamation basic

Message Heart Basic

bx bx-message-heart

Package: Boxicons
Category: Basic
Code Point: f5a6

message heart basic

Message Image Basic

bx bx-message-image

Package: Boxicons
Category: Basic
Code Point: f5a7

message image basic

Message Minus Basic

bx bx-message-minus

Package: Boxicons
Category: Basic
Code Point: f5a8

message minus basic

Message Notification Basic

bx bx-message-notification

Package: Boxicons
Category: Basic
Code Point: f5a9

message notification basic

Message Plus Basic

bx bx-message-plus

Package: Boxicons
Category: Basic
Code Point: f5aa

message plus basic

Message Question Mark Basic

bx bx-message-question-mark

Package: Boxicons
Category: Basic
Code Point: f5ab

message question mark basic

Message Reply Basic

bx bx-message-reply

Package: Boxicons
Category: Basic
Code Point: f5ac

message reply basic

Message Star Basic

bx bx-message-star

Package: Boxicons
Category: Basic
Code Point: f5ad

message star basic

Message X Basic

bx bx-message-x

Package: Boxicons
Category: Basic
Code Point: f5ae

message x basic

Meteor Basic

bx bx-meteor

Package: Boxicons
Category: Basic
Code Point: f5b0

meteor basic

Not Element Of Basic

bx bx-not-element-of

Package: Boxicons
Category: Basic
Code Point: f5f3

not element of basic

Omega Basic

bx bx-omega

Package: Boxicons
Category: Basic
Code Point: f5fd

omega basic

Rename Basic

bx bx-rename

Package: Boxicons
Category: Basic
Code Point: f699

rename basic

Table Columns Merge Basic

bx bx-table-columns-merge

Package: Boxicons
Category: Basic
Code Point: f78f

table columns merge basic

Table Rows Merge Basic

bx bx-table-rows-merge

Package: Boxicons
Category: Basic
Code Point: f794

table rows merge basic

Tachometer Alt Basic

bx bx-tachometer-alt

Package: Boxicons
Category: Basic
Code Point: f79b

tachometer alt basic

Tachometer Basic

bx bx-tachometer

Package: Boxicons
Category: Basic
Code Point: f79c

tachometer basic

Thermometer Basic

bx bx-thermometer

Package: Boxicons
Category: Basic
Code Point: f7b1

thermometer basic

Timeline Basic

bx bx-timeline

Package: Boxicons
Category: Basic
Code Point: f7ba

timeline basic

Timer Basic

bx bx-timer

Package: Boxicons
Category: Basic
Code Point: f7bb

timer basic

Tiny Home Basic

bx bx-tiny-home

Package: Boxicons
Category: Basic
Code Point: f7bc

tiny home basic

Turkey Meat Basic

bx bx-turkey-meat

Package: Boxicons
Category: Basic
Code Point: f7e0

turkey meat basic

Volume Basic

bx bx-volume

Package: Boxicons
Category: Basic
Code Point: f821

volume basic

Volume Full Basic

bx bx-volume-full

Package: Boxicons
Category: Basic
Code Point: f81e

volume full basic

Volume Low Basic

bx bx-volume-low

Package: Boxicons
Category: Basic
Code Point: f81f

volume low basic

Volume Mute Basic

bx bx-volume-mute

Package: Boxicons
Category: Basic
Code Point: f820

volume mute basic

Watermelon Basic

bx bx-watermelon

Package: Boxicons
Category: Basic
Code Point: f832

watermelon basic

Amex Brands

bxl bx-amex

Package: Boxicons
Category: Brands
Code Point: f107

amex brands

Buy Me A Coffee Brands

bxl bx-buy-me-a-coffee

Package: Boxicons
Category: Brands
Code Point: f124

buy me a coffee

Chrome Brands

bxl bx-chrome

Package: Boxicons
Category: Brands
Code Point: f12a

chrome brands

Framer Brands

bxl bx-framer

Package: Boxicons
Category: Brands
Code Point: f15e

framer brands

Medium Brands

bxl bx-medium

Package: Boxicons
Category: Brands
Code Point: f19f

medium brands

Medium Old Brands

bxl bx-medium-old

Package: Boxicons
Category: Brands
Code Point: f19d

medium old brands

Medium Square Brands

bxl bx-medium-square

Package: Boxicons
Category: Brands
Code Point: f19e

medium square 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

284 icons