input text박스 안에 아이콘 넣기

 

<i class="fa-solid fa-magnifying-glass search-icon"></i>
<input type="text" class="input-box" />
<i class="fa-solid fa-microphone microphone-icon"></i>

.input-box {
    width: 584px;
    height: 46px;
    border-radius: 24px;
    border: 1px solid #5f6368;
    /* 입력 조절 */
    padding-left: 40px;
    padding-right: 40px;
}

.search-icon {
    /* 위치 이동 */
    position: relative;
    /* 방향 지시 */
    left: 40px;
}

.microphone-icon {
    position: relative;
    right: 40px;
}