# Minimal Icon Logo Cloud

> The plainest logo cloud: six Phosphor icon marks with names in a centred grid that runs to a single row on wide screens, with no heading or copy.

A shadcn/ui block from the [@01orbital](https://01orbital.dev/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/01orbital/logo-cloud-07).

- Page, with a live preview: https://shadcn.exchange/r/01orbital/logo-cloud-07
- Screenshot: https://shadcn.exchange/shot/01orbital/logo-cloud-07/light.png
- Registry item: https://01orbital.dev/r/logo-cloud-07.json
- Categories: logo-cloud
- Listed: 2026-11-01, source last changed 2026-11-01

## Install

```bash
npx shadcn@latest add https://shadcn.exchange/r/01orbital/logo-cloud-07.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Dependencies

- npm packages: `@phosphor-icons/react`
- Registry items: `@01orbital/logo`, `@01orbital/section`

## Files

### `blocks/logo-cloud/logo-cloud-07/index.tsx`

```tsx
import {
  BirdIcon,
  CloudIcon,
  FeatherIcon,
  MoonIcon,
  SquareIcon,
  TreeIcon,
} from "@phosphor-icons/react/dist/ssr"

import { Logo, LogoGroup } from "@/components/editorial/logo"
import {
  Section,
  SectionContent,
} from "@/components/editorial/section"

// The copy: change text here, not in the markup.
const COPY = {
  label: "Companies using Orbcore",
} as const

const LOGOS: {
  name: string
  icon: typeof BirdIcon
  weight: "fill" | "bold"
}[] = [
  { name: "Chloe", icon: FeatherIcon, weight: "fill" },
  { name: "Diomira", icon: MoonIcon, weight: "fill" },
  { name: "Dorothea", icon: SquareIcon, weight: "fill" },
  { name: "Tamara", icon: BirdIcon, weight: "fill" },
  { name: "Zemrude", icon: CloudIcon, weight: "fill" },
  { name: "Anastasia", icon: TreeIcon, weight: "fill" },
]

export default function LogoCloud07() {
  return (
    <Section>
      <SectionContent>
        <LogoGroup aria-label={COPY.label}>
          {LOGOS.map((logo) => (
            <Logo key={logo.name}>
              <logo.icon aria-hidden="true" weight={logo.weight} />
              {logo.name}
            </Logo>
          ))}
        </LogoGroup>
      </SectionContent>
    </Section>
  )
}
```