<div class="o-form-group-layout o-form-group-layout--standard">
    <div class="o-form-group">
        <div class="c-input-group">
            <div class="c-input-group__prepend">
                <div class="o-svg-icon o-svg-icon-search  ">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4ZM2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 11.8487 17.3729 13.551 16.3199 14.9056L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L14.9056 16.3199C13.551 17.3729 11.8487 18 10 18C5.58172 18 2 14.4183 2 10Z" fill="#595959" />
                    </svg>
                </div>
            </div>
            <div class="c-input-group__input">
                <input class="c-input" type="text" placeholder="Search..." id="inputGroupBefore" />
            </div>
        </div>
    </div>
</div>

<div class="o-form-group-layout o-form-group-layout--standard">
    <div class="o-form-group">
        <div class="c-input-group">
            <div class="c-input-group__input">
                <input class="c-input" type="text" id="inputGroupBefore" />
            </div>
            <div class="c-input-group__append">
                <div class="o-svg-icon o-svg-icon-percent  ">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289Z" fill="#595959" />
                        <path d="M17 19C18.1046 19 19 18.1046 19 17C19 15.8954 18.1046 15 17 15C15.8954 15 15 15.8954 15 17C15 18.1046 15.8954 19 17 19Z" fill="#595959" />
                        <path d="M7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9Z" fill="#595959" />
                    </svg>
                </div>
            </div>
        </div>
    </div>
</div>