> ## Documentation Index
> Fetch the complete documentation index at: https://anvil.servicetitan.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Atlas Logo - React Native

> The AtlasLogo renders the Atlas agent brand mark at a chosen size.

> [!NOTE]
>
> For development, import `AtlasLogo` from
> `@servicetitan/anvil2-rn`. For design, find it in the
> [Mobile Agentic Component Library file](https://www.figma.com/design/gjGWnAOnI1kukfzjsUQ6dP/Mobile-Agentic-Component-Library).

**Implementation**

```tsx theme={null}
import { AtlasLogo } from "@servicetitan/anvil2-rn";

function App() {
  return <AtlasLogo size={40} />;
}
```

## Common Examples

To use the `AtlasLogo`, render it and optionally set `size`. The mark is square. Fills are fixed brand gradients.

```tsx theme={null}
import { AtlasLogo } from "@servicetitan/anvil2-rn";

function ExampleComponent() {
  return <AtlasLogo />;
}
```

`color` is accepted so the mark matches the icon `size`/`color` contract, and it is ignored.

Pass `label` when the mark is the only name for Atlas on screen. Omit `label` when nearby text already names it, so assistive tech skips the decorative graphic.

```tsx theme={null}
<AtlasLogo size={24} label="Atlas" />
```

## Accessibility

* With `label`, the mark is an image with that accessible name.
* Without `label`, the mark is hidden from assistive tech.

**AtlasLogo Props**

```tsx theme={null}
<AtlasLogo size={24} label="Atlas" />
```

## `AtlasLogo` Props

The `AtlasLogo` accepts the following props. It does not forward remaining React Native `View` props.

**color** `string`

Accepted for icon interchangeability and ignored. Brand gradients are
fixed.

**label** `string`

Accessible name. When set, the mark is an image; when omitted, it is
decorative.

**size** `number` (default: 24)

Rendered width and height in points.

**testID** `string`

Test hook forwarded to the root view.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.