11 icons

Components logos & icons

11 free Components logos, including Mantine, Material-ui, Chakra UI, Element, Radix UI, Riot, and more. Each comes as an optimized SVG in color and monochrome, and as a React, Vue, or Svelte component.

Mantine
Material-ui
Chakra UI
Element
Radix UI
Riot
shadcn/ui
Storybook
Symfony
Webcomponents
Webix

Use Components icons in your app

Install @dev.icons/react (or /vue, /svelte) and import icons by name. Each icon is its own export, so your bundle only includes the ones you use. Prefer plain files? Every icon page has a one-click SVG download. See the quick start for the icon font and CDN options.

import { MantineIcon, MaterialUi, ChakraUiIcon } from "@dev.icons/react";

export function TechStack() {
  return (
    <>
      <MantineIcon size={32} />
      <MaterialUi size={32} />
      <ChakraUiIcon size={32} />
    </>
  );
}

4 of these marks need a light backdrop on dark backgrounds. The grid above already applies one, and each icon page previews both themes.