---
title: Aksiyon ikonlarını ekleme
description: Header bölümüne aksiyon ikonlarını ekleme.
---

<Video src="/media/ikas-studio/basic-examples/header/adding-action-icons.mp4" autoPlay muted loop controls />

## Çerçeveleri ekleme

`Aksiyonlar` çerçevesinin içerisine bir **Çerçeve** ekleyin ve stilini temizleyin. Ardından bu çerçeveye sağ tıklayarak **Çoğalt** seçeneğini iki kez uygulayın.

## Linkleri bağlama

İlk çerçeveyi seçerek sağ kısımdaki **Link** bölümünden **Sayfa** kısmında `Arama` sayfasını seçin. İkinci çerçeveyi seçerek aynı şekilde `Hesabım` sayfasını seçin.

## Stilleri güncelleme

Her üç çerçeveye `padding` stilini ekleyin. Yalnızca son çerçeveye ek olarak `position` ve `cursor` stillerini de ekleyin.

## İkonları ekleme

İlk çerçevenin içerisine **Elementler** kısmından bir **İkon** element'i ekleyin. Bu ikona sağ tıklayarak **Çoğalt** seçeneğini iki kez uygulayın ve oluşan ikonları diğer çerçevelerin içerisine taşıyın.

Ardından her bir ikon için seçimi, tipi ve stilleri aşağıdaki gibi güncelleyin:

- Birinci ikon: `magnifying-glass`, tip **Bold**, `font-size` ve `color`
- İkinci ikon: `user`, tip **Bold**, `font-size` ve `color`
- Üçüncü ikon: `bag-simple`, tip **Bold**, `font-size` ve `color`