nabvar内のaタグが無効になっている

Question

前提・実現したいこと

navbarタグ内のaタグが無効になっているため有効にしたい
プログラミング初心者です。お手柔らかにお願いします

発生している問題・エラーメッセージ

<nav class="navbar navbar-expand-md" >
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
      <a>
        <I class="fa fa-search mr-1" data-fa-transform="grow-4"></I>        
    </a>
    </button>  
    
    
    <a><img src="images/logo.svg" class=""></img></a>

    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
      <span class="navbar-toggler-icon "></span>
    </button> 


    

真ん中あたりのaタグでimgタグをかこっているところがリンクされないです

該当のソースコード

HTML　CSS　bootstrap

試したこと

上の真ん中あたりの星のマークがlinkされないところです。
aタグをさらにbuttonタグでかこったら周りが灰色になってしまいました。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

href 属性がないからです。

Comments

[itokin]

href属性を付けたら有効になりました。
基本的な部分のミスでした。ありがとうございました！

[m.ts10806]

リンク先がないからhref外したわけではないんでしょうか。
どういう意味での「有効」を望んでいるかで、本当にhrefつける必要があるのかどうかも検討する必要があるかと思います。
単に「クリックできる雰囲気が欲しい」「直接の画面遷移はないけどJavaScriptで制御する」ならaタグなくても別のやり方は幾らでもあります。