Chakra UI logo

Chakra UI is a component library for React that provides accessible, themeable UI elements, helping developers build consistent interfaces quickly. The Chakra UI logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Brand color: #1bb2a9
Categories: UI & CSS
Variants: 2 SVG files
Source: Simple Icons · CC0

Sponsor

CitedBySee if AI recommends your brand

Use the Chakra UI logo

shadcn CLI

npx shadcn@latest add @logoforge/chakra-ui

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React

import { ChakraUiLogo } from "@/components/logos/chakra-ui";

<ChakraUiLogo className="size-8" />
<ChakraUiLogo variant="mono" />          {/* currentColor */}

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="#1bb2a9" viewBox="0 0 24 24"><path d="M7.678 1.583a3.49 3.49 0 0 0-3.03 1.76L.265 10.997a2.04 2.04 0 0 0-.064 1.886l4.486 7.784a3.49 3.49 0 0 0 3.03 1.751l8.602-.01a3.5 3.5 0 0 0 3.026-1.759l4.39-7.655a2.03 2.03 0 0 0-.002-2.008L19.339 3.34a3.5 3.5 0 0 0-3.028-1.756Zm4.365 1.244V9.11c0 .32.226.595.54.656l6.089 1.187q-3.006 5.2-6.008 10.4c-.17.296-.62.176-.62-.166v-6.286a.67.67 0 0 0-.538-.656l-6.072-1.193 5.988-10.393c.168-.29.621-.178.621.168"/></svg>

Download

Related logos

Chakra UI and the Chakra UI logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Chakra UI; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.