Javascript 需要图标搜索图标代码

您好，我正在使用以下链接显示搜索栏图标

  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

但是我实现了css和javascript，它改变了我的html填充和边距。 所以任何人都知道搜索图标的代码

下面的html代码使用上述链接

<div id="search_bar">
  <div class="search-container">
    <form action="index.php" method="post">
      <input type="text" placeholder="Search.." name="search" />
      <button type="submit"><i class="glyphicon glyphicon-search"></i></button>
    </form>
  </div>
  </div>

这些链接在这里：

@font-face{
字体系列：“字形图标半身人”；
src:url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot');
src:url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix“”格式（'embedded-opentype'），url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2“）格式（'woff2'），url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff“）格式（'woff'），url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf“”格式（'truetype'），url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular格式（'svg'）；
}
.字形图标{
位置：相对位置；
顶部：1px；
显示：内联块；
字体系列：“字形图标半身人”；
字体风格：普通；
字体大小：正常；
线高：1；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
}
.图标搜索：之前{
内容：“\e003”；
}

哪些链接准确？只需使用fontAwesome即可。@ChrisG这不是解决方案。OP当然没有要求其他选择！顺便说一句，在代码段中提供前端代码是一个很好的做法。@MrigankPawagi这就是为什么我将其作为注释而不是答案发布的原因。@MrigankPawagi。。。。