如何将搜索图标添加到我的按钮

<button class="search-btn">
  <i class="icon-search"></i>搜索
</button>

.search-btn {
  position: relative;
  padding-left: 30px; /* 留出图标的空间 */
  padding-right: 30px;
  background-color: #4CAF50;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 16px;
  padding: 8px 15px;
}

/* 使用Font Awesome搜索图标 */
.search-btn::before {
  content: "\f002"; /* 这是Font Awesome搜索图标的Unicode值 */
  font-family: "Font Awesome 5 Pro"; /* 指定Font Awesome图标库 */
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">