svg アイコンをクリックした後の境界線の問題の解決策

フロントエンド ページでは、次の図に示すように、svg アイコンをクリックした後に境界線が表示されるという問題が発生することがあります。

普通：

 クリック後:

 このとき、アイコンのスタイルを Outline: none に設定します。

outline: none;

 参考：ボタン、アイコンSvgなどをクリックした後に黒いボックスが表示される原因と解決策