CoreUI Brands icons
cib · 830 icons · by creativeLabs Łukasz Holeczek · CC0-1.0 · single-color · 32px grid · Updated
CoreUI Brands icons is a free, open source icon set with 830 SVG icons by creativeLabs Łukasz Holeczek, released under the CC0 1.0 license. The icons are single-color: they follow your text color (currentColor) and can be recolored with CSS. They are designed on a 32px grid and scale cleanly as SVG.
CoreUI Brands 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 | 32 × 32 |
|---|---|
| viewBox | 0 0 32 32 |
| Drawing area | Full canvas, no padding |
| Drawing style | Filled shapes |
| Corner radius | 0.25 |
| Colors | One color (currentColor), recolorable with CSS |
| Coordinates | Up to 3 decimals |
| Straight lines | 47% horizontal or vertical, 7% at 45° |
| Curves | 66% of drawing commands |
| Symmetry | 23% of icons are left-right symmetric |
| Elements per icon | 1 |
| Drawing commands per icon | 59 |
Measured from 64 icons of this set.
AI icon generation
Not allowed: these are brand logos, and the marks belong to their owners.
About CoreUI Brands icons
Popular CoreUI Brands icons include cc amazon pay, hotjar, open id, unsplash, framer and kotlin.
Open any icon to copy it as SVG, JSX, Vue, Svelte, Solid, Astro or CSS, or download it as SVG or PNG. CoreUI Brands icons are released under the CC0 1.0 license, which allows use in personal and commercial projects.
How to use CoreUI Brands icons
Every icon on this page works in any framework. Examples use cib:cc-amazon-pay; 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="cib:cc-amazon-pay" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:cc-amazon-pay" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:cc-amazon-pay" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--cc-amazon-pay]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:cc-amazon-pay"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:cc-amazon-pay"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cib/cc-amazon-pay.svg" alt="Cc Amazon Pay icon" width="24" height="24">CoreUI Brands icons FAQ
Are CoreUI Brands icons free for commercial use?
Yes. CoreUI Brands icons are released under the CC0 1.0 license, which allows use in personal and commercial projects.
How many icons are in CoreUI Brands icons?
CoreUI Brands icons contains 830 icons.
What license do CoreUI Brands icons use?
CoreUI Brands icons are licensed under CC0 1.0. The full license text is available at https://creativecommons.org/publicdomain/zero/1.0/.
Who made CoreUI Brands icons?
CoreUI Brands icons are created by creativeLabs Łukasz Holeczek.
How do I use CoreUI Brands icons in React?
Install @iconify/react and render <Icon icon="cib:cc-amazon-pay" />, or open any icon on this page and copy it as a standalone React component.
What size are CoreUI Brands icons?
CoreUI Brands icons are designed on a 32px grid. As SVGs they scale to any size without losing quality.