Pixel-perfect dot-grid icons for the modern web
215 free icons — MIT licensed
bit-icons can be used via CSS classes, inline SVGs, or as a web font.
<link rel="stylesheet" href="bit-icons.css">
<span class="bi bi-heart"></span>
<span class="bi bi-search"></span>
<span class="bi bi-settings"></span><img src="svg/heart.svg" alt="heart" width="24">import bitIcons from 'bit-icons';
console.log(bitIcons.heart); // 7x7 grid arrayDownload the bit-icons typeface to use icons as font glyphs in any design tool or application.
Font build coming soon. Use CSS or SVG methods in the meantime.
@font-face {
font-family: 'bit-icons';
src: url('bit-icons.woff2') format('woff2');
}
.bi {
font-family: 'bit-icons';
font-style: normal;
speak: none;
-webkit-font-smoothing: antialiased;
}Icons scale with font-size and inherit color. Background grid renders at 10% opacity.
<span class="bi bi-heart" style="color:red; font-size:2rem;"></span>npm install bit-iconsimport 'bit-icons/dist/bit-icons.css';<link rel="stylesheet" href="https://unpkg.com/bit-icons@1.0.0/dist/bit-icons.css">| Class | CSS Content | HTML Entity |
|---|---|---|
bi-settings |
\e001 |
 |
bi-heart |
\e002 |
 |
bi-star |
\e003 |
 |
bi-home |
\e004 |
 |
bi-search |
\e005 |
 |
bi-user |
\e006 |
 |
bi-mail |
\e007 |
 |
bi-check |
\e008 |
 |
bi-close |
\e009 |
 |
bi-plus |
\e00a |
 |
bi-chart |
\e00b |
 |
bi-grid |
\e00c |
 |
bi-refresh |
\e00d |
 |
bi-minus |
\e00e |
 |
bi-menu |
\e00f |
 |
bi-lock |
\e010 |
 |
bi-unlock |
\e011 |
 |
bi-eye |
\e012 |
 |
bi-eye-off |
\e013 |
 |
bi-bell |
\e014 |
 |
bi-trash |
\e015 |
 |
bi-edit |
\e016 |
 |
bi-copy |
\e017 |
 |
bi-clipboard |
\e018 |
 |
bi-download |
\e019 |
 |
bi-upload |
\e01a |
 |
bi-link |
\e01b |
 |
bi-share |
\e01c |
 |
bi-bookmark |
\e01d |
 |
bi-tag |
\e01e |
 |
bi-filter |
\e01f |
 |
bi-sort |
\e020 |
 |
bi-calendar |
\e021 |
 |
bi-clock |
\e022 |
 |
bi-phone |
\e023 |
 |
bi-camera |
\e024 |
 |
bi-image |
\e025 |
 |
bi-film |
\e026 |
 |
bi-music |
\e027 |
 |
bi-volume |
\e028 |
 |
bi-mute |
\e029 |
 |
bi-wifi |
\e02a |
 |
bi-bluetooth |
\e02b |
 |
bi-battery |
\e02c |
 |
bi-power |
\e02d |
 |
bi-cloud |
\e02e |
 |
bi-sun |
\e02f |
 |
bi-moon |
\e030 |
 |
bi-map |
\e031 |
 |
bi-pin |
\e032 |
 |
bi-flag |
\e033 |
 |
bi-info |
\e034 |
 |
bi-warning |
\e035 |
 |
bi-error |
\e036 |
 |
bi-help |
\e037 |
 |
bi-folder |
\e038 |
 |
bi-file |
\e039 |
 |
bi-code |
\e03a |
 |
bi-terminal |
\e03b |
 |
bi-database |
\e03c |
 |
bi-server |
\e03d |
 |
bi-key |
\e03e |
 |
bi-shield |
\e03f |
 |
bi-zap |
\e040 |
 |
bi-send |
\e041 |
 |
bi-print |
\e042 |
 |
bi-save |
\e043 |
 |
bi-globe |
\e044 |
 |
bi-logout |
\e045 |
 |
bi-login |
\e046 |
 |
bi-layers |
\e047 |
 |
bi-maximize |
\e048 |
 |
bi-minimize |
\e049 |
 |
bi-crop |
\e04a |
 |
bi-move |
\e04b |
 |
bi-arrow-right |
\e04c |
 |
bi-arrow-left |
\e04d |
 |
bi-arrow-up |
\e04e |
 |
bi-arrow-down |
\e04f |
 |
bi-chevron-right |
\e050 |
 |
bi-chevron-left |
\e051 |
 |
bi-chevron-up |
\e052 |
 |
bi-chevron-down |
\e053 |
 |
bi-external-link |
\e054 |
 |
bi-comment |
\e055 |
 |
bi-chat |
\e056 |
 |
bi-reply |
\e057 |
 |
bi-message |
\e058 |
 |
bi-mention |
\e059 |
 |
bi-broadcast |
\e05a |
 |
bi-announcement |
\e05b |
 |
bi-thumbs-up |
\e05c |
 |
bi-thumbs-down |
\e05d |
 |
bi-rate |
\e05e |
 |
bi-survey |
\e05f |
 |
bi-feedback |
\e060 |
 |
bi-approved |
\e061 |
 |
bi-pending |
\e062 |
 |
bi-rejected |
\e063 |
 |
bi-on-hold |
\e064 |
 |
bi-in-progress |
\e065 |
 |
bi-complete |
\e066 |
 |
bi-cancelled |
\e067 |
 |
bi-priority |
\e068 |
 |
bi-urgent |
\e069 |
 |
bi-invoice |
\e06a |
 |
bi-receipt |
\e06b |
 |
bi-contract |
\e06c |
 |
bi-handshake |
\e06d |
 |
bi-briefcase |
\e06e |
 |
bi-presentation |
\e06f |
 |
bi-target |
\e070 |
 |
bi-milestone |
\e071 |
 |
bi-dollar |
\e072 |
 |
bi-percent |
\e073 |
 |
bi-trending-up |
\e074 |
 |
bi-trending-down |
\e075 |
 |
bi-budget |
\e076 |
 |
bi-forecast |
\e077 |
 |
bi-factory |
\e078 |
 |
bi-warehouse |
\e079 |
 |
bi-forklift |
\e07a |
 |
bi-truck |
\e07b |
 |
bi-shipping |
\e07c |
 |
bi-conveyor |
\e07d |
 |
bi-robot |
\e07e |
 |
bi-crane |
\e07f |
 |
bi-pallet |
\e080 |
 |
bi-tools |
\e081 |
 |
bi-wrench |
\e082 |
 |
bi-hammer |
\e083 |
 |
bi-hardhat |
\e084 |
 |
bi-gauge |
\e085 |
 |
bi-thermometer |
\e086 |
 |
bi-pipeline |
\e087 |
 |
bi-barcode |
\e088 |
 |
bi-qr-code |
\e089 |
 |
bi-scanner |
\e08a |
 |
bi-inspection |
\e08b |
 |
bi-quality |
\e08c |
 |
bi-defect |
\e08d |
 |
bi-maintenance |
\e08e |
 |
bi-repair |
\e08f |
 |
bi-schedule |
\e090 |
 |
bi-shift |
\e091 |
 |
bi-batch |
\e092 |
 |
bi-inventory |
\e093 |
 |
bi-users |
\e094 |
 |
bi-team |
\e095 |
 |
bi-department |
\e096 |
 |
bi-role |
\e097 |
 |
bi-assign |
\e098 |
 |
bi-delegate |
\e099 |
 |
bi-onboard |
\e09a |
 |
bi-spreadsheet |
\e09b |
 |
bi-pie-chart |
\e09c |
 |
bi-bar-chart |
\e09d |
 |
bi-line-chart |
\e09e |
 |
bi-report |
\e09f |
 |
bi-analytics |
\e0a0 |
 |
bi-export |
\e0a1 |
 |
bi-import |
\e0a2 |
 |
bi-archive |
\e0a3 |
 |
bi-template |
\e0a4 |
 |
bi-draft |
\e0a5 |
 |
bi-publish |
\e0a6 |
 |
bi-expand |
\e0a7 |
 |
bi-collapse |
\e0a8 |
 |
bi-sidebar |
\e0a9 |
 |
bi-more-horizontal |
\e0aa |
 |
bi-more-vertical |
\e0ab |
 |
bi-cart |
\e0ac |
 |
bi-package |
\e0ad |
 |
bi-box |
\e0ae |
 |
bi-clipboard-check |
\e0af |
 |
bi-alert |
\e0b0 |
 |
bi-hash |
\e0b1 |
 |
bi-at-sign |
\e0b2 |
 |
bi-compass |
\e0b3 |
 |
bi-anchor |
\e0b4 |
 |
bi-stopwatch |
\e0b5 |
 |
bi-ticket |
\e0b6 |
 |
bi-coupon |
\e0b7 |
 |
bi-paperclip |
\e0b8 |
 |
bi-undo |
\e0b9 |
 |
bi-redo |
\e0ba |
 |
bi-play |
\e0bb |
 |
bi-pause |
\e0bc |
 |
bi-stop |
\e0bd |
 |
bi-skip |
\e0be |
 |
bi-record |
\e0bf |
 |
bi-mic |
\e0c0 |
 |
bi-headphones |
\e0c1 |
 |
bi-attach |
\e0c2 |
 |
bi-plug |
\e0c3 |
 |
bi-table |
\e0c4 |
 |
bi-github |
\e0c5 |
 |
bi-linkedin |
\e0c6 |
 |
bi-twitter |
\e0c7 |
 |
bi-facebook |
\e0c8 |
 |
bi-instagram |
\e0c9 |
 |
bi-youtube |
\e0ca |
 |
bi-slack |
\e0cb |
 |
bi-dribbble |
\e0cc |
 |
bi-figma |
\e0cd |
 |
bi-spotify |
\e0ce |
 |
bi-discord |
\e0cf |
 |
bi-tiktok |
\e0d0 |
 |
bi-apple |
\e0d1 |
 |
bi-android |
\e0d2 |
 |
bi-windows |
\e0d3 |
 |
bi-chrome |
\e0d4 |
 |
bi-aws |
\e0d5 |
 |
bi-stripe |
\e0d6 |
 |
bi-leverage |
\e0d7 |
 |
bit-icons is free for personal and commercial use.
Use bit-icons in websites, apps, SaaS products, templates, themes, prints, merchandise — anything. No license key, no sign-up, no attribution required.
MIT License
Copyright (c) 2026 bit-icons
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED.bit-icons is a free, curated collection of design assets built for designers and developers. 215+ pixel-perfect icons rendered on a 7x7 dot grid, each crafted as portrait-shaped rectangles with a distinctive retro aesthetic.
Every icon comes with frame-based animations inspired by old LED and dot-matrix displays — where individual dots flip on and off to create the illusion of movement. Available as static SVGs, animated GIFs, CSS classes, or raw grid data you can use however you like.
Whether you need iconography for a website, app, presentation, or print — bit-icons is a ready-made design system you can drop straight into any project. No subscriptions, no watermarks, no strings attached.
215+ curated icons covering UI, arrows, communication, business, manufacturing, brands, status indicators, data visualisation, and more.
Multiple formats — SVG, CSS, JavaScript, and animated GIF. Use them however your project needs.
Customisable — icons inherit your text colour and scale with font-size. Change the icon colour, background, and grid colour before downloading.
Animated — every icon has a unique frame-based animation. Download as a GIF or implement the animation in your own code.
npm install bit-icons<link rel="stylesheet" href="https://unpkg.com/bit-icons/dist/bit-icons.css">
<span class="bi bi-heart"></span>Every icon is available as a standalone SVG in the dist/svg/ folder, ready to drop into any project.
Built by Bethan Dutton. Icon designs by the brand team at Lleverage.
bit-icons is completely free and open source under the MIT licence. Use them in personal projects, commercial products, SaaS apps, client work, templates, merchandise — anything. No attribution required, no sign-up, no licence key. Just grab them and go.