> ## 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 – Code

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

<Tabs>
  <Tab title="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.
  </Tab>

  <Tab title="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.

    <ParamField path="color" type="string">
      Accepted for icon interchangeability and ignored. Brand gradients are
      fixed.
    </ParamField>

    <ParamField path="label" type="string">
      Accessible name. When set, the mark is an image; when omitted, it is
      decorative.
    </ParamField>

    <ParamField path="size" type="number" default="24">
      Rendered width and height in points.
    </ParamField>

    <ParamField path="testID" type="string">
      Test hook forwarded to the root view.
    </ParamField>
  </Tab>
</Tabs>