Иконки.

HTML

<!-- Бургер -->
<button class="burger" id="openMenu" aria-label="Открыть меню">
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    fill="none"
    stroke="currentColor"
    stroke-width="2"
    stroke-linecap="round"
    stroke-linejoin="round"
  >
    <line x1="3" y1="6" x2="21" y2="6"></line>
    <line x1="3" y1="12" x2="21" y2="12"></line>
    <line x1="3" y1="18" x2="21" y2="18"></line>
  </svg>
</button>

<!-- Крестик (закрыть) -->
<button class="close" id="closeMenu" aria-label="Закрыть меню">
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    fill="none"
    stroke="currentColor"
    stroke-width="2"
    stroke-linecap="round"
    stroke-linejoin="round"
  >
    <line x1="18" y1="6" x2="6" y2="18"></line>
    <line x1="6" y1="6" x2="18" y2="18"></line>
  </svg>
</button>

<!-- VK -->
<a href="#" aria-label="VK">
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="currentColor"
  >
    <path
      d="M12.05 15.5c-.61 0-.87-.42-1.53-1.08-.83-.83-1.23-.97-1.44-.97-.28 0-.36.08-.36.47v.86c0 .34-.12.47-.92.47C6.04 15.25 4 12.4 4 8.76c0-1.28.45-2.01 1.26-2.01.66 0 1.04.31 1.34 1.01.44.98 1.12 2.26 1.41 2.26.11 0 .16-.05.16-.45V7.54c-.03-.79-.23-1.14-.94-1.22-.25-.03-.33-.11-.33-.29 0-.27.22-.41.68-.41h2.09c.56 0 .74.13.79.44.07.48.1 1.12.1 1.85 0 .63-.01 1.18-.01 1.52 0 .35.08.49.23.49.18 0 .33-.14.65-.53.98-1.19 1.71-2.73 1.71-2.73.19-.38.38-.55.87-.55h1.39c.63 0 .73.2.62.62-.25.97-1.08 2.38-2.2 3.52-.31.31-.45.52-.45.72 0 .17.13.34.51.56.77.48 1.87 1.41 2.27 2.08.27.46.07.73-.58.73h-1.53c-.46 0-.68-.15-.92-.54-.64-.98-1.35-1.6-1.77-1.6z"
    />
  </svg>
</a>

<!-- Telegram -->
<a href="#" aria-label="Telegram">
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="currentColor"
  >
    <path
      d="M9.03 16.48l-.39 5.52c.56 0 .8-.24 1.09-.52l2.62-2.5 5.43 3.94c.99.55 1.7.26 1.95-.91l3.54-16.62c.32-1.46-.52-2.03-1.5-1.67L2.93 9.52c-1.42.55-1.4 1.34-.25 1.7l5.56 1.74 12.9-7.86-10.11 9.81z"
    />
  </svg>
</a>

<!-- User -->
<button class="iconbtn" aria-label="Профиль">
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    fill="none"
    stroke="currentColor"
    stroke-width="2"
    stroke-linecap="round"
    stroke-linejoin="round"
  >
    <circle cx="12" cy="7" r="4"></circle>
    <path d="M5.5 21a8.38 8.38 0 0 1 13 0"></path>
  </svg>
</button>

<!-- Like -->
<button class="iconbtn" aria-label="Избранное">
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    fill="none"
    stroke="currentColor"
    stroke-width="2"
    stroke-linecap="round"
    stroke-linejoin="round"
  >
    <path
      d="M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 1 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z"
    />
  </svg>
</button>
<link rel="stylesheet" href="style.css" />

CSS

.iconbtn svg,
.burger svg,
.close svg {
  width: 28px;
  height: 28px;
  color: #000; /* или white, или любой цвет бренда */
}