Xtykutl

I have a vector that creates a hexagon and Im using it in a Relative layout as background, inside this relativeLayout I have an imageView and a textView:

This is what I have:

But I want to build something like this:

This is the vector:

<vector xmlns:android="http://schemas.android.com/apk/res/android"

    android:height="24dp"

    android:width="24dp"

    android:viewportWidth="24"

    android:viewportHeight="24">

<path android:fillColor="#c3c3c3"

    android:pathData="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,

    21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,

    17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,

    2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,

    7.5V16.5Z"

    />

 </vector>

This is my layout:

 <RelativeLayout

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:background="@drawable/hexagon"

    >



    <ImageView

        android:id="@+id/img"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:src="@mipmap/ic_launcher"

        android:layout_centerInParent="true"

        />



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="aaaaaaaaaaaaaaaaaaaaaaaaaa"

        android:layout_gravity="center"

        android:textSize="25sp"

        android:layout_below="@id/img"

        />



</RelativeLayout>

What should I edit to get what I want??