Custom Brand Icons
cbi · 1,757 icons · by Emanuele & rchiileea · CC-BY-NC-SA-4.0 · single-color · Updated
Custom Brand Icons is a free, open source icon set with 1,757 SVG icons by Emanuele & rchiileea, released under the CC BY-NC-SA 4.0 license. The icons are single-color: they follow your text color (currentColor) and can be recolored with CSS.
Custom Brand Icons design specs
- filled
- monochrome
The drawing rules of this set, measured from its SVG files. Use them to design new icons that match it.
| Canvas | 24 × 24 |
|---|---|
| viewBox | 0 0 24 24 |
| Drawing area | 20 × 20, 2 padding |
| Drawing style | Filled shapes |
| Corner radius | 0.25 |
| Colors | One color (currentColor), recolorable with CSS |
| Coordinates | Up to 3 decimals |
| Straight lines | 64% horizontal or vertical, 2% at 45° |
| Curves | 53% of drawing commands |
| Symmetry | 33% of icons are left-right symmetric |
| Elements per icon | 1 |
| Drawing commands per icon | 104 |
Measured from 61 icons of this set.
AI icon generation
Not allowed: these are brand logos, and the marks belong to their owners.
About Custom Brand Icons
Popular Custom Brand Icons include mitsubishi, espn, rooms computer, netapp, prosieben and rooms staircase.
Open any icon to copy it as SVG, JSX, Vue, Svelte, Solid, Astro or CSS, or download it as SVG or PNG. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How to use Custom Brand Icons
Every icon on this page works in any framework. Examples use cbi:mitsubishi; open an icon to copy its exact SVG, JSX, Vue, Svelte, Solid, Astro or CSS code. For sizing, color and accessibility tips, read how to use SVG icons.
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:mitsubishi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:mitsubishi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:mitsubishi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--mitsubishi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:mitsubishi"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:mitsubishi"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/mitsubishi.svg" alt="Mitsubishi icon" width="24" height="24">Custom Brand Icons FAQ
Are Custom Brand Icons free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How many icons are in Custom Brand Icons?
Custom Brand Icons contains 1,757 icons.
What license do Custom Brand Icons use?
Custom Brand Icons are licensed under CC BY-NC-SA 4.0. The full license text is available at https://github.com/elax46/custom-brand-icons/blob/main/LICENSE.
Who made Custom Brand Icons?
Custom Brand Icons are created by Emanuele & rchiileea.
How do I use Custom Brand Icons in React?
Install @iconify/react and render <Icon icon="cbi:mitsubishi" />, or open any icon on this page and copy it as a standalone React component.