Add icon when select option

i’m trying to add icon dynamiclly when i choose select-option !
but

<ion-icon :icon="interests_selected.icon" style="color: #666666d4" />
this doesn’t show anything !!

Sans titre

here’s my code

            <ion-item
              v-for="(interests_selected, index) in selectedIndex"
              :key="index"
              class="list_language"
            >
              <ion-badge color="medium">

                <ion-icon :icon="interests_selected.icon" style="color: #666666d4" />
                 {{ interests_selected.name }}
              </ion-badge>
            </ion-item>

<ion-select

              multiple="true"

              cancel-text="Annuler"

              ok-text="Confirmer"

              placeholder="+"

              class="add_interst"

              ref="autocompleteRef"

              v-if="!toggleSelect"

              v-model="selectedIndex"

              hidden

            >

        <ion-select-option

          v-for="(item, index) in currencyList"

          :key="index"

          :value="item"

        >  {{ item.name }}</ion-select-option>
</ion-select>

<script>
setup() {

    const currencyList = [ {

    "name": "Lecture",

    "icon": "book"

    },

    {

    "name": "Ecriture",

    "icon": "pencil"

    },

    {

    "name": "Peinture",

    "icon": "brush"

    },

  ]

return {currencyList}

</script>

any solutions please ?