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

# Dynamic avatars

You can decide to change the host avatar dynamically so that your bot can display multiple avatars. Here is a simple example:

<Frame>
  <img src="https://mintcdn.com/typebot/rHkgfCATWjP6ntzz/images/guides/multi-avatars/demo.gif?s=d223fe28cae529a8d0a8dfaae7d90161" alt="Multiple avatars demo" width="800" height="340" data-path="images/guides/multi-avatars/demo.gif" />
</Frame>

For this, head over to the "Theme" tab and set the host avatar to a variable URL:

<Frame>
  <img src="https://mintcdn.com/typebot/rHkgfCATWjP6ntzz/images/guides/multi-avatars/bot-variable.png?fit=max&auto=format&n=rHkgfCATWjP6ntzz&q=85&s=7f6bab185d4ea683973e786aa0fad0a7" alt="Variable URL bot" width="1056" height="632" data-path="images/guides/multi-avatars/bot-variable.png" />
</Frame>

Then you can set this variable to any URL in your flow so that the host avatar changes dynamically.

<Frame>
  <img src="https://mintcdn.com/typebot/rHkgfCATWjP6ntzz/images/guides/multi-avatars/flow-example.png?fit=max&auto=format&n=rHkgfCATWjP6ntzz&q=85&s=4aebb910e444d70eca5f967d3a18d0bb" alt="Multiple avatars flow example" width="2004" height="786" data-path="images/guides/multi-avatars/flow-example.png" />
</Frame>

The first block defines all the avatars that can be displayed. The second block starts by setting the avatar to the wizard avatar. The final block starts by setting the swordsmith avatar.