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.

Fast Forward Basic

bx bx-fast-forward

Package: Boxicons
Category: Basic
Code Point: f402

fast forward basic

Fast Forward Circle Basic

bx bx-fast-forward-circle

Package: Boxicons
Category: Basic
Code Point: f401

fast forward circle basic

Feather Alt Basic

bx bx-feather-alt

Package: Boxicons
Category: Basic
Code Point: f403

feather alt basic

Feather Basic

bx bx-feather

Package: Boxicons
Category: Basic
Code Point: f406

feather basic

Feather Minus Basic

bx bx-feather-minus

Package: Boxicons
Category: Basic
Code Point: f404

feather minus basic

Feather Plus Basic

bx bx-feather-plus

Package: Boxicons
Category: Basic
Code Point: f405

feather plus basic

Female Basic

bx bx-female

Package: Boxicons
Category: Basic
Code Point: f407

female basic

File Basic

bx bx-file

Package: Boxicons
Category: Basic
Code Point: f413

file basic

File Code Basic

bx bx-file-code

Package: Boxicons
Category: Basic
Code Point: f408

file code basic

File Cog Basic

bx bx-file-cog

Package: Boxicons
Category: Basic
Code Point: f409

file cog basic

File Detail Basic

bx bx-file-detail

Package: Boxicons
Category: Basic
Code Point: f40a

file detail basic

File Heart Basic

bx bx-file-heart

Package: Boxicons
Category: Basic
Code Point: f40b

file heart basic

File Minus Basic

bx bx-file-minus

Package: Boxicons
Category: Basic
Code Point: f40c

file minus basic

File Plus Basic

bx bx-file-plus

Package: Boxicons
Category: Basic
Code Point: f40d

file plus basic

File Report Basic

bx bx-file-report

Package: Boxicons
Category: Basic
Code Point: f40e

file report basic

File Search Basic

bx bx-file-search

Package: Boxicons
Category: Basic
Code Point: f40f

file search basic

File Star Basic

bx bx-file-star

Package: Boxicons
Category: Basic
Code Point: f410

file star basic

File X Basic

bx bx-file-x

Package: Boxicons
Category: Basic
Code Point: f411

file x basic

File Zip Basic

bx bx-file-zip

Package: Boxicons
Category: Basic
Code Point: f412

file zip basic

Film Basic

bx bx-film

Package: Boxicons
Category: Basic
Code Point: f416

film basic

Film Roll Alt Basic

bx bx-film-roll-alt

Package: Boxicons
Category: Basic
Code Point: f414

film roll alt basic

Film Roll Basic

bx bx-film-roll

Package: Boxicons
Category: Basic
Code Point: f415

film roll basic

Filter Basic

bx bx-filter

Package: Boxicons
Category: Basic
Code Point: f417

filter basic

Finger Down Basic

bx bx-finger-down

Package: Boxicons
Category: Basic
Code Point: f418

finger down basic

Finger Left Basic

bx bx-finger-left

Package: Boxicons
Category: Basic
Code Point: f419

finger left basic

Finger Right Basic

bx bx-finger-right

Package: Boxicons
Category: Basic
Code Point: f41a

finger right basic

Finger Swipe Down Basic

bx bx-finger-swipe-down

Package: Boxicons
Category: Basic
Code Point: f41b

finger swipe down basic

Finger Swipe Left Basic

bx bx-finger-swipe-left

Package: Boxicons
Category: Basic
Code Point: f41c

finger swipe left basic

Finger Swipe Right Basic

bx bx-finger-swipe-right

Package: Boxicons
Category: Basic
Code Point: f41d

finger swipe right basic

Finger Swipe Up Basic

bx bx-finger-swipe-up

Package: Boxicons
Category: Basic
Code Point: f41e

finger swipe up basic

Finger Touch Basic

bx bx-finger-touch

Package: Boxicons
Category: Basic
Code Point: f41f

finger touch basic

Finger Up Basic

bx bx-finger-up

Package: Boxicons
Category: Basic
Code Point: f420

finger up basic

Fingerprint Basic

bx bx-fingerprint

Package: Boxicons
Category: Basic
Code Point: f421

fingerprint basic

Fire Alt Basic

bx bx-fire-alt

Package: Boxicons
Category: Basic
Code Point: f422

fire alt basic

Fire Basic

bx bx-fire

Package: Boxicons
Category: Basic
Code Point: f424

fire basic

Fire Extinguisher Basic

bx bx-fire-extinguisher

Package: Boxicons
Category: Basic
Code Point: f423

fire extinguisher basic

First Basic

bx bx-first

Package: Boxicons
Category: Basic
Code Point: f425

first basic

Fish Alt Basic

bx bx-fish-alt

Package: Boxicons
Category: Basic
Code Point: f426

fish alt basic

Fish Basic

bx bx-fish

Package: Boxicons
Category: Basic
Code Point: f427

fish basic

Flag Alt 2 Basic

bx bx-flag-alt-2

Package: Boxicons
Category: Basic
Code Point: f428

flag alt 2 basic

Flag Alt 3 Basic

bx bx-flag-alt-3

Package: Boxicons
Category: Basic
Code Point: f429

flag alt 3 basic

Flag Alt Basic

bx bx-flag-alt

Package: Boxicons
Category: Basic
Code Point: f42a

flag alt basic

Flag Basic

bx bx-flag

Package: Boxicons
Category: Basic
Code Point: f42c

flag basic

Flag Chequered Basic

bx bx-flag-chequered

Package: Boxicons
Category: Basic
Code Point: f42b

flag chequered basic

Flame Basic

bx bx-flame

Package: Boxicons
Category: Basic
Code Point: f42d

flame basic

Flask Round Basic

bx bx-flask-round

Package: Boxicons
Category: Basic
Code Point: f42e

flask round basic

Florist Basic

bx bx-florist

Package: Boxicons
Category: Basic
Code Point: f42f

florist basic

Flower Alt 2 Basic

bx bx-flower-alt-2

Package: Boxicons
Category: Basic
Code Point: f430

flower alt 2 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