> For the complete documentation index, see [llms.txt](https://docs.floatgrids.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.floatgrids.com/ui-components/profile-image.md).

# Profile Image

{% hint style="info" %}
Profile Image UI component doesn't use the Primitive/Variant system. Instead it uses two prefabs combined. 
{% endhint %}

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2FRNG26flcJupcRabQbELA%2FProfile%20Image.png?alt=media&amp;token=920f04db-2cd0-4b6b-bd10-241f3fd34385" alt=""><figcaption></figcaption></figure>

## Profile Image structure in Unity

### Profile Image prefab

* Profile Image

Profile Image uses a mask so you just have to change the sprite.

*Find it in FloatGrids/Design System/UI Components/Profile Image*

> We are working on making Profile Image smarter so that it can get attached to a database and display the initials of the user. The goal is to be generated automatically.&#x20;

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2FzfXfzDq8aPGrvHzeW5Hq%2FProfile%20Image%20v2.png?alt=media&amp;token=2a100109-6be1-434b-8f6b-3d3451dac76a" alt=""><figcaption></figcaption></figure>