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.

Qr Basic

bx bx-qr

Package: Boxicons
Category: Basic
Code Point: f672

qr basic

Qr Scan Basic

bx bx-qr-scan

Package: Boxicons
Category: Basic
Code Point: f671

qr scan basic

Queue Basic

bx bx-queue

Package: Boxicons
Category: Basic
Code Point: f673

queue basic

Quote Left Alt Basic

bx bx-quote-left-alt

Package: Boxicons
Category: Basic
Code Point: f674

quote left alt basic

Quote Left Basic

bx bx-quote-left

Package: Boxicons
Category: Basic
Code Point: f675

quote left basic

Quote Right Alt Basic

bx bx-quote-right-alt

Package: Boxicons
Category: Basic
Code Point: f676

quote right alt basic

Quote Right Basic

bx bx-quote-right

Package: Boxicons
Category: Basic
Code Point: f677

quote right basic

Quote Single Left Basic

bx bx-quote-single-left

Package: Boxicons
Category: Basic
Code Point: f678

quote single left basic

Quote Single Right Basic

bx bx-quote-single-right

Package: Boxicons
Category: Basic
Code Point: f679

quote single right basic

Radar Basic

bx bx-radar

Package: Boxicons
Category: Basic
Code Point: f67a

radar basic

Radiation Basic

bx bx-radiation

Package: Boxicons
Category: Basic
Code Point: f67b

radiation basic

Radio Basic

bx bx-radio

Package: Boxicons
Category: Basic
Code Point: f67e

radio basic

Radio Circle Basic

bx bx-radio-circle

Package: Boxicons
Category: Basic
Code Point: f67d

radio circle basic

Radio Circle Marked Basic

bx bx-radio-circle-marked

Package: Boxicons
Category: Basic
Code Point: f67c

radio circle marked basic

Rainbow Basic

bx bx-rainbow

Package: Boxicons
Category: Basic
Code Point: f680

rainbow basic

Rainbow Half Basic

bx bx-rainbow-half

Package: Boxicons
Category: Basic
Code Point: f67f

rainbow half basic

Reading Basic

bx bx-reading

Package: Boxicons
Category: Basic
Code Point: f682

reading basic

Reading Glass Basic

bx bx-reading-glass

Package: Boxicons
Category: Basic
Code Point: f681

reading glass basic

Receipt Basic

bx bx-receipt

Package: Boxicons
Category: Basic
Code Point: f683

receipt basic

Rectangle Basic

bx bx-rectangle

Package: Boxicons
Category: Basic
Code Point: f686

rectangle basic

Rectangle Vertical Basic

bx bx-rectangle-vertical

Package: Boxicons
Category: Basic
Code Point: f684

rectangle vertical basic

Rectangle Wide Basic

bx bx-rectangle-wide

Package: Boxicons
Category: Basic
Code Point: f685

rectangle wide basic

Recycle Basic

bx bx-recycle

Package: Boxicons
Category: Basic
Code Point: f687

recycle basic

Redo Alt Basic

bx bx-redo-alt

Package: Boxicons
Category: Basic
Code Point: f688

redo alt basic

Redo Basic

bx bx-redo

Package: Boxicons
Category: Basic
Code Point: f68b

redo basic

Redo Stroke Alt Basic

bx bx-redo-stroke-alt

Package: Boxicons
Category: Basic
Code Point: f689

redo stroke alt basic

Redo Stroke Basic

bx bx-redo-stroke

Package: Boxicons
Category: Basic
Code Point: f68a

redo stroke basic

Reflect Horizontal Alt Basic

bx bx-reflect-horizontal-alt

Package: Boxicons
Category: Basic
Code Point: f68c

reflect horizontal alt basic

Reflect Horizontal Basic

bx bx-reflect-horizontal

Package: Boxicons
Category: Basic
Code Point: f68d

reflect horizontal basic

Reflect Vertical Alt Basic

bx bx-reflect-vertical-alt

Package: Boxicons
Category: Basic
Code Point: f68e

reflect vertical alt basic

Reflect Vertical Basic

bx bx-reflect-vertical

Package: Boxicons
Category: Basic
Code Point: f68f

reflect vertical basic

Refresh Ccw Alt Basic

bx bx-refresh-ccw-alt

Package: Boxicons
Category: Basic
Code Point: f691

refresh ccw alt basic

Refresh Ccw Alt Dot Basic

bx bx-refresh-ccw-alt-dot

Package: Boxicons
Category: Basic
Code Point: f690

refresh ccw alt dot

Refresh Ccw Basic

bx bx-refresh-ccw

Package: Boxicons
Category: Basic
Code Point: f693

refresh ccw basic

Refresh Ccw Dot Basic

bx bx-refresh-ccw-dot

Package: Boxicons
Category: Basic
Code Point: f692

refresh ccw dot basic

Refresh Cw Alt Basic

bx bx-refresh-cw-alt

Package: Boxicons
Category: Basic
Code Point: f695

refresh cw alt basic

Refresh Cw Alt Dot Basic

bx bx-refresh-cw-alt-dot

Package: Boxicons
Category: Basic
Code Point: f694

refresh cw alt dot

Refresh Cw Basic

bx bx-refresh-cw

Package: Boxicons
Category: Basic
Code Point: f697

refresh cw basic

Refresh Cw Dot Basic

bx bx-refresh-cw-dot

Package: Boxicons
Category: Basic
Code Point: f696

refresh cw dot basic

Registered Basic

bx bx-registered

Package: Boxicons
Category: Basic
Code Point: f698

registered basic

Rename Basic

bx bx-rename

Package: Boxicons
Category: Basic
Code Point: f699

rename basic

Repeat Alt 2 Basic

bx bx-repeat-alt-2

Package: Boxicons
Category: Basic
Code Point: f69a

repeat alt 2 basic

Repeat Alt Basic

bx bx-repeat-alt

Package: Boxicons
Category: Basic
Code Point: f69b

repeat alt basic

Repeat Basic

bx bx-repeat

Package: Boxicons
Category: Basic
Code Point: f69c

repeat basic

Reply Basic

bx bx-reply

Package: Boxicons
Category: Basic
Code Point: f69f

reply basic

Reply Big Basic

bx bx-reply-big

Package: Boxicons
Category: Basic
Code Point: f69d

reply big basic

Reply Stroke Basic

bx bx-reply-stroke

Package: Boxicons
Category: Basic
Code Point: f69e

reply stroke basic

Report Basic

bx bx-report

Package: Boxicons
Category: Basic
Code Point: f6a0

report 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

4,063 icons