How to align SVG?

Question

css

Can't align SVG icon to text

<header>
        <div class="header_bg_one">
            <div class="container">
                <div class="header_one">
                    <div class="header_logo">
                       Logo
                    </div>
                    <div class="header_search">
                        <form>
                            <input type="text" placeholder="Поиск">
                            <button type="submit"></button>
                        </form>
                    </div>
                    <div class="header_person">
                        <svg class="icon" width="25" height="25" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
                        </svg>
                        <span>Личный кабинет</span>
                    </div>
                </div>
            </div>
        </div>
    </header>

@import url('https://fonts.googleapis.com/css2?family=Raleway:[email protected]&display=swap');
body{
    margin: 0;
}

.container{
    max-width: 1170px;
    margin: auto;
}

.header_one{
    display: flex;
    justify-content: space-between;
}
.header_bg_one{
    background-color: black;
    padding-top: 15px;
    padding-bottom: 10px;
}
.header_logo{
    font-family: 'Raleway', sans-serif;
    font-size: 35px;
    font-weight: bolder;
    color:#fff;
}

.header_person{
    font-size: 14px;
    color: #fff;
    font-family: Arial, sans-serif;
    align-items: center;
}

Answer 1

display:flex;