Как изменить цвет иконок соц. кнопок?

Чтобы изменить цвет соц. кнопок в Внешний вид – Настроить – Модули – Социальные профили, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте код

/* Изменить цвет иконки соц. кнопки Facebook */
.social-button--facebook:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.423 20v-7.298h2.464l.369-2.845h-2.832V8.042c0-.824.23-1.385 1.417-1.385h1.515V4.111A20.255 20.255 0 0 0 14.148 4c-2.183 0-3.678 1.326-3.678 3.76v2.097H8v2.845h2.47V20h2.953z' fill='%23cccccc' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки ВКонтакте */
.social-button--vkontakte:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.785 16.241s.288-.032.436-.194c.136-.148.132-.427.132-.427s-.02-1.304.576-1.496c.588-.19 1.341 1.26 2.14 1.818.605.422 1.064.33 1.064.33l2.137-.03s1.117-.071.587-.964c-.043-.073-.308-.661-1.588-1.87-1.34-1.264-1.16-1.059.453-3.246.983-1.332 1.376-2.145 1.253-2.493-.117-.332-.84-.244-.84-.244l-2.406.015s-.178-.025-.31.056c-.13.079-.212.262-.212.262s-.382 1.03-.89 1.907c-1.07 1.85-1.499 1.948-1.674 1.832-.407-.267-.305-1.075-.305-1.648 0-1.793.267-2.54-.521-2.733-.262-.065-.454-.107-1.123-.114-.858-.009-1.585.003-1.996.208-.274.136-.485.44-.356.457.159.022.519.099.71.363.246.341.237 1.107.237 1.107s.142 2.11-.33 2.371c-.325.18-.77-.187-1.725-1.865-.489-.859-.859-1.81-.859-1.81s-.07-.176-.198-.272c-.154-.115-.37-.151-.37-.151l-2.286.015s-.343.01-.469.161C3.94 7.721 4.043 8 4.043 8s1.79 4.258 3.817 6.403c1.858 1.967 3.968 1.838 3.968 1.838h.957z' fill='%23cccccc' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки Twitter */
.social-button--twitter:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7.539a6.56 6.56 0 0 1-1.885.517 3.294 3.294 0 0 0 1.443-1.816 6.575 6.575 0 0 1-2.085.796 3.283 3.283 0 0 0-5.593 2.994A9.32 9.32 0 0 1 5.114 6.6a3.28 3.28 0 0 0 1.016 4.382 3.274 3.274 0 0 1-1.487-.41v.041a3.285 3.285 0 0 0 2.633 3.218 3.305 3.305 0 0 1-1.482.056 3.286 3.286 0 0 0 3.066 2.28A6.585 6.585 0 0 1 4 17.524 9.291 9.291 0 0 0 9.032 19c6.038 0 9.34-5 9.34-9.337 0-.143-.004-.285-.01-.425A6.672 6.672 0 0 0 20 7.538z' fill='%23cccccc' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки Одноклассники */
.social-button--odnoklassniki:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23cccccc' fill-rule='evenodd'%3E%3Cpath d='M11.674 6.536a1.69 1.69 0 0 0-1.688 1.688c0 .93.757 1.687 1.688 1.687a1.69 1.69 0 0 0 1.688-1.687 1.69 1.69 0 0 0-1.688-1.688zm0 5.763a4.08 4.08 0 0 1-4.076-4.075 4.08 4.08 0 0 1 4.076-4.077 4.08 4.08 0 0 1 4.077 4.077 4.08 4.08 0 0 1-4.077 4.075zM10.025 15.624a7.633 7.633 0 0 1-2.367-.98 1.194 1.194 0 0 1 1.272-2.022 5.175 5.175 0 0 0 5.489 0 1.194 1.194 0 1 1 1.272 2.022 7.647 7.647 0 0 1-2.367.98l2.279 2.28a1.194 1.194 0 0 1-1.69 1.688l-2.238-2.24-2.24 2.24a1.193 1.193 0 1 1-1.689-1.689l2.279-2.279'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки Telegram */
.social-button--telegram:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.92 6.089L4.747 11.555c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zM8.66 13.573l7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833-1.343-4.116z' fill='%23cccccc' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки YouTube */
.social-button--youtube:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M462.308 171.799c0 0-4.111-29.026-16.774-41.771-16.034-16.774-33.96-16.857-42.183-17.843-58.875-4.276-147.269-4.276-147.269-4.276h-0.164c0 0-88.394 0-147.269 4.276-8.223 0.987-26.148 1.069-42.183 17.843-12.663 12.745-16.692 41.771-16.692 41.771s-4.194 34.042-4.194 68.166v31.904c0 34.042 4.194 68.166 4.194 68.166s4.111 29.026 16.692 41.771c16.034 16.774 37.084 16.199 46.458 18.008 33.713 3.207 143.157 4.194 143.157 4.194s88.476-0.164 147.351-4.358c8.223-0.987 26.148-1.069 42.183-17.843 12.663-12.745 16.774-41.771 16.774-41.771s4.194-34.042 4.194-68.166v-31.904c-0.082-34.042-4.276-68.166-4.276-68.166zM212.502 310.599v-118.325l113.72 59.368-113.72 58.957z' fill='%23cccccc' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки Instagram */
.social-button--instagram:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.032 182.369c-40.756 0-73.631 32.874-73.631 73.631s32.874 73.631 73.631 73.631 73.631-32.874 73.631-73.631-32.874-73.631-73.631-73.631zm0 121.501c-26.338 0-47.87-21.468-47.87-47.87s21.468-47.87 47.87-47.87 47.87 21.468 47.87 47.87-21.532 47.87-47.87 47.87zm93.817-124.512c0 9.548-7.69 17.174-17.174 17.174-9.548 0-17.174-7.69-17.174-17.174s7.69-17.174 17.174-17.174 17.174 7.69 17.174 17.174zm48.767 17.43c-1.089-23.006-6.344-43.384-23.198-60.174-16.79-16.79-37.168-22.044-60.174-23.198-23.711-1.346-94.778-1.346-118.489 0-22.942 1.089-43.32 6.344-60.174 23.134s-22.044 37.168-23.198 60.174c-1.346 23.711-1.346 94.778 0 118.489 1.089 23.006 6.344 43.384 23.198 60.174s37.168 22.044 60.174 23.198c23.711 1.346 94.778 1.346 118.489 0 23.006-1.089 43.384-6.344 60.174-23.198 16.79-16.79 22.044-37.168 23.198-60.174 1.346-23.711 1.346-94.714 0-118.425zm-30.631 143.865c-4.998 12.56-14.675 22.237-27.299 27.299-18.904 7.498-63.762 5.767-84.653 5.767s-65.813 1.666-84.653-5.767c-12.56-4.998-22.237-14.675-27.299-27.299-7.498-18.904-5.767-63.762-5.767-84.653s-1.666-65.813 5.767-84.653c4.998-12.56 14.675-22.237 27.299-27.299 18.904-7.498 63.762-5.767 84.653-5.767s65.813-1.666 84.653 5.767c12.56 4.998 22.237 14.675 27.299 27.299 7.498 18.904 5.767 63.762 5.767 84.653s1.73 65.813-5.767 84.653z' fill='%23cccccc'/%3E%3C/svg%3E") center no-repeat
}

/* Изменить цвет иконки соц. кнопки TikTok */
.social-button--tiktok:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cccccc' d='M18.99 8.02a4.033 4.033 0 01-4.04-3.99h-2.6v11c0 1.04-.68 1.92-1.62 2.23-.27.09-.57.13-.87.12-.39-.02-.76-.14-1.08-.33a2.346 2.346 0 01-1.15-1.98 2.352 2.352 0 012.36-2.39c.26 0 .51.04.74.12V10.16a4.984 4.984 0 00-4.5 1.62c-.73.81-1.16 1.85-1.23 2.94-.09 1.43.44 2.79 1.45 3.8.15.15.31.28.47.41a4.996 4.996 0 003.81.97 4.99 4.99 0 002.78-1.39 4.85 4.85 0 001.46-3.47l-.01-5.82c.45.35.94.63 1.46.85.82.34 1.68.52 2.57.52V8.02c.01 0 0 0 0 0z'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки Linkedin */
.social-button--linkedin:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M211.692 211.692h61.305v31.425h0.876c8.529-15.298 29.409-31.425 60.522-31.425 64.712 0 76.68 40.284 76.68 92.677v106.707h-63.903v-94.596c0-22.564-0.461-51.586-33.24-51.586-33.282 0-38.36 24.572-38.36 49.947v96.235h-63.88v-199.384z' fill='%23cccccc' fill-rule='evenodd'/%3E%3Cpath d='M100.924 211.692h66.462v199.384h-66.462v-199.384z' fill='%23cccccc' fill-rule='evenodd'/%3E%3Cpath d='M167.384 156.308c0 18.353-14.879 33.23-33.23 33.23s-33.23-14.879-33.23-33.23c0-18.353 14.879-33.23 33.23-33.23s33.23 14.879 33.23 33.23z' fill='%23cccccc' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки WhatsApp */
.social-button--whatsapp:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cccccc' d='M21.14 11.765c0 4.918-4.018 8.904-8.974 8.904-1.573 0-3.052-.402-4.337-1.108l-4.969 1.579 1.62-4.777c-.817-1.342-1.288-2.916-1.288-4.598 0-4.918 4.018-8.904 8.974-8.904s8.974 3.986 8.974 8.904zm-8.974-7.487c-4.16 0-7.544 3.358-7.544 7.486 0 1.638.534 3.154 1.438 4.39l-.943 2.78 2.899-.922c1.191.782 2.618 1.238 4.15 1.238 4.16 0 7.545-3.358 7.545-7.486 0-4.127-3.385-7.486-7.545-7.486zm4.532 9.537c-.057-.091-.203-.146-.422-.255-.221-.109-1.303-.638-1.504-.709-.201-.073-.349-.109-.495.109-.146.217-.567.709-.696.855s-.257.164-.477.056c-.22-.109-.928-.341-1.769-1.084-.654-.579-1.095-1.292-1.224-1.511-.128-.218-.013-.336.096-.445l.331-.382c.11-.127.146-.218.22-.364.073-.146.037-.273-.019-.382-.055-.109-.495-1.183-.679-1.62-.181-.438-.365-.365-.493-.365l-.421-.018s-.386.054-.587.273c-.201.218-.77.747-.77 1.82 0 1.074.788 2.112.898 2.258.11.145 1.521 2.42 3.758 3.294 2.237.874 2.237.582 2.64.546.402-.036 1.301-.528 1.484-1.037.183-.511.183-.948.129-1.039z'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки Viber */
.social-button--viber:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23cccccc'%3E%3Cpath d='M17.475 10.762c.019-2.172-1.831-4.163-4.123-4.438l-.148-.021-.349-.039c-.47 0-.595.33-.628.527-.032.191-.001.352.091.478.156.211.43.249.649.279l.175.028c2.06.46 2.753 1.184 3.092 3.226l.017.176c.015.245.046.752.592.752l.146-.012c.508-.077.491-.542.483-.764l.002-.162.001-.03z'/%3E%3Cpath d='M12.721 5.527l.167.016c3.382.52 4.937 2.122 5.368 5.53l.01.204c.004.266.013.82.608.832h.019c.186 0 .334-.056.44-.167.186-.194.172-.482.162-.713l-.005-.157c.044-3.485-2.974-6.646-6.456-6.764l-.042.003-.042.002-.122-.006-.179-.008c-.555 0-.66.395-.674.629-.032.542.494.58.746.599z'/%3E%3Cpath d='M18.092 15.479l-.215-.169c-.37-.297-.763-.57-1.143-.835l-.235-.166c-.486-.341-.925-.508-1.338-.508-.557 0-1.042.308-1.443.915-.177.269-.391.399-.657.399-.157 0-.336-.045-.53-.134-1.57-.712-2.692-1.804-3.333-3.246-.31-.696-.209-1.152.336-1.522.31-.21.887-.602.846-1.352-.046-.851-1.925-3.413-2.716-3.704-.336-.122-.688-.123-1.05-.002-.91.306-1.563.843-1.888 1.554-.314.686-.3 1.492.041 2.331.987 2.424 2.375 4.536 4.125 6.279 1.714 1.709 3.819 3.106 6.258 4.157.222.095.452.146.62.184l.143.033.063.009h.019c1.147 0 2.526-1.048 2.948-2.243.37-1.049-.306-1.565-.851-1.98z'/%3E%3Cpath d='M13.229 8.295c-.196.005-.605.016-.748.432-.067.194-.059.363.023.502.122.204.354.266.567.3.771.124 1.165.549 1.244 1.339.036.369.284.626.604.626l.07-.004c.383-.046.569-.327.552-.836.006-.532-.271-1.136-.745-1.617-.474-.483-1.046-.754-1.567-.742z'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки Pinterest */
.social-button--pinterest:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9.742c0 1.58.599 2.986 1.884 3.51.21.087.4.003.46-.23.043-.16.144-.568.189-.738.06-.23.037-.31-.133-.512-.37-.436-.608-1.001-.608-1.802 0-2.322 1.74-4.402 4.53-4.402 2.471 0 3.829 1.508 3.829 3.522 0 2.65-1.174 4.887-2.917 4.887-.963 0-1.683-.795-1.452-1.77.276-1.165.812-2.421.812-3.262 0-.752-.405-1.38-1.24-1.38-.985 0-1.775 1.017-1.775 2.38 0 .867.293 1.454.293 1.454L8.69 16.406c-.352 1.487-.053 3.309-.028 3.492.015.11.155.136.22.054.09-.119 1.262-1.564 1.66-3.008.113-.409.647-2.526.647-2.526.32.61 1.254 1.145 2.248 1.145 2.957 0 4.964-2.693 4.964-6.298C18.4 6.539 16.089 4 12.576 4 8.204 4 6 7.13 6 9.742z' fill='%23cccccc' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки Яндекс.Дзен */
.social-button--yandexzen:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cccccc' d='M13.7 13.7c-1.4 1.5-1.5 3.3-1.6 7.3 3.7 0 6.3 0 7.6-1.3 1.3-1.3 1.3-4 1.3-7.6-4 .1-5.8.2-7.3 1.6zM3 12.1c0 3.6 0 6.3 1.3 7.6C5.6 21 8.2 21 11.9 21c-.1-4-.2-5.8-1.6-7.3C8.8 12.3 7 12.2 3 12.1zM11.9 3C8.2 3 5.6 3 4.3 4.3 3 5.6 3 8.3 3 11.9c4-.1 5.8-.2 7.3-1.6C11.7 8.8 11.8 7 11.9 3zm1.8 7.3C12.3 8.8 12.2 7 12.1 3c3.7 0 6.3 0 7.6 1.3 1.3 1.3 1.3 4 1.3 7.6-4-.1-5.8-.2-7.3-1.6z'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки GitHub */
.social-button--github:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9.12 9.12 0 00-9 9.23A9.2 9.2 0 009.15 21c.45.09.62-.2.62-.44v-1.57c-2.5.56-3-1.24-3-1.24a2.46 2.46 0 00-1-1.35c-.82-.57.06-.56.06-.56a1.9 1.9 0 011.38.95 1.89 1.89 0 002.62.77 2 2 0 01.57-1.23c-2-.24-4.1-1-4.1-4.56a3.6 3.6 0 01.93-2.48 3.41 3.41 0 01.09-2.44s.75-.25 2.47.94A8.93 8.93 0 0112 7.46a8.91 8.91 0 012.25.31c1.72-1.19 2.47-.94 2.47-.94a3.29 3.29 0 01.09 2.44 3.6 3.6 0 01.93 2.48c0 3.54-2.1 4.32-4.11 4.55a2.24 2.24 0 01.61 1.7v2.53c0 .3.16.53.62.44A9.21 9.21 0 0021 12.23 9.12 9.12 0 0012 3z' fill='%23cccccc'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки Discord */
.social-button--discord:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.54 6.91a13.65 13.65 0 00-3.25-1 7.1 7.1 0 00-.41.83 12.47 12.47 0 00-3.66 0 9.12 9.12 0 00-.41-.83 13.29 13.29 0 00-3.26 1A13.52 13.52 0 004.07 16a13.53 13.53 0 004 2h.06A10.11 10.11 0 009 16.75a.05.05 0 000-.07 9 9 0 01-1.25-.6.05.05 0 010-.08l.25-.2a9.52 9.52 0 008.05 0h.05l.25.2v.08a8 8 0 01-1.25.6v.07a11.23 11.23 0 00.81 1.33h.06a13.45 13.45 0 004-2 13.48 13.48 0 00-2.36-9.11zm-8.19 7.31a1.54 1.54 0 01-1.44-1.61A1.53 1.53 0 019.35 11a1.51 1.51 0 011.43 1.61 1.52 1.52 0 01-1.43 1.61zm5.31 0a1.53 1.53 0 01-1.43-1.61A1.52 1.52 0 0114.66 11a1.52 1.52 0 011.44 1.61 1.52 1.52 0 01-1.44 1.61z' fill='%23cccccc'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки RuTube */
.social-button--rutube:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.7 5.4H4v13h3.3v-4.2h6.2l2.8 4.2H20l-3.1-4.3c1-.2 1.7-.5 2.1-1.1s.6-1.5.6-2.8v-1c0-.7-.1-1.3-.2-1.8-.1-.4-.4-.8-.7-1.2-.4-.3-.7-.6-1.2-.7-.5 0-1.1-.1-1.8-.1zm-.5 6H7.3v-3h7.9c.4 0 .8.1.9.2.2.1.3.4.3.8v1.1c0 .4-.1.6-.3.8-.2 0-.5.1-.9.1z' fill='%23cccccc'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки Yappy */
.social-button--yappy:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.7 10.4c-.6-3.1-1.6-5-3.3-6.1-1.6-1.1-3.8-1.3-6.9-.7-6 1.2-8 4.1-6.8 10.2.6 3.1 1.6 5 3.3 6.1 1 .7 2.3 1 3.9 1 .9 0 1.9-.1 3-.3 3.1-.6 5-1.6 6.1-3.3 1-1.6 1.3-3.8.7-6.9zm-1.8 6.2c-.9 1.3-2.6 2.2-5.3 2.7-2.7.5-4.6.4-6-.5-1.3-.9-2.2-2.6-2.7-5.3-.1-.7-.2-1.3-.3-1.9l.3 1 1-.3c.2.4.5.7.8 1 .1-.2.3-.3.5-.3.3 0 .6.2.6.5 0 .1 0 .2-.1.3.3.1.7 0 1-.1 1.1-.3 1.7-1.5 1.6-2.7l.8-.2-.4-1.2-6.2 1.9C4.2 7.6 6 5.8 10.6 4.9c1-.2 1.9-.3 2.8-.3 1.3 0 2.4.3 3.2.8 1.3.9 2.2 2.6 2.7 5.3.7 2.7.5 4.6-.4 5.9zm-.5-9.3.4 1.2-.8.2c.1 1.2-.5 2.4-1.6 2.7-.3.1-.7.1-1 .1 0-.1.1-.2.1-.3 0-.3-.3-.6-.6-.5-.2 0-.4.2-.5.4-.3-.3-.6-.6-.8-1l-1 .3-.4-1.2 6.2-1.9zm-3.5 6.8c-.1.8-.5 1.2-.8 1.4-.4.3-.9.4-1.3.4h-.5c-.3-.1-.6-.4-.5-.7.1-.3.4-.6.7-.5.1 0 .6.1.8-.1.2-.1.3-.3.3-.6s.4-.6.7-.5c.4-.1.7.2.6.6z' fill='%23cccccc'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки Pikabu */
.social-button--pikabu:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.9 12.2c-.3-1.4-1-2.6-1.9-3.7-.1-.1-.2-.2-.2-.4-.1-.3-.2-.6-.3-.8-.7-1.2-1.8-2.1-3.1-2.5-.9-.4-1.9-.4-2.8-.2h-.2c-.5-.1-1-.2-1.6-.2-1.2-.1-2.4.1-3.5.6-1.5.6-2.4 2.2-2.1 3.8 0 .2.1.5.1.7-.2 1-.2 2.1-.3 3.1v.4c0 .6 0 1.2.2 1.8.3 1 .9 1.9 1.6 2.6.7.6 1.4 1.1 2.3 1.5.9.4 1.9.6 2.9.7 1.4.1 2.8-.3 4-1.2.6-.4 1.1-.9 1.6-1.4.1-.1.3-.2.5-.2 1.2-.2 2.2-1 2.6-2.1.3-.8.4-1.7.2-2.5zm-8.2-6c.2-.1.5-.2.8-.2 1.6.1 2.8.8 3.6 2.2.1.1.1.2.1.3.1.4-.1.7-.5.7-.4.1-.7 0-1.1-.1-1-.3-1.9-.8-2.6-1.5-.3-.3-.5-.6-.6-.9.1-.3.1-.4.3-.5zm2.6 10.7c-.7.6-1.5 1-2.4 1.1-.8.1-1.6 0-2.3-.2-.9-.3-1.8-.7-2.6-1.3-.6-.5-1.1-1.1-1.4-1.9-.1-.4-.1-.7-.1-1.1v-1.7l.3.3c.9.9 1.9 1.7 3.1 2.3 1.5.8 3.1 1.5 4.7 2l1 .3s-.2.1-.3.2zm2.3-1.7h-.4c-.8 0-1.5-.2-2.2-.4-1.8-.6-3.6-1.4-5.2-2.4-1-.6-1.9-1.5-2.5-2.4-.3-.5-.5-1-.6-1.6-.1-.9.4-1.6 1.1-2 .7-.3 1.4-.4 2.1-.4h1c.1 0 .1 0 .1.1-.1.7 0 1.4.5 1.9.6.8 1.4 1.5 2.3 2 .7.4 1.4.7 2.2.8.8.1 1.5.1 2.2-.4.2-.2.2-.2.4.1.5.8.9 1.7 1 2.6v.1c-.1 1-.9 1.9-2 2z' fill='%23cccccc'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки Яндекс */
.social-button--yandex:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.8 20.8h-3.1V5.6h-1.4c-2.5 0-3.8 1.3-3.8 3.1 0 2.1.9 3.1 2.8 4.4l1.5 1-4.4 6.7H6.2l4-5.9C7.9 13.3 6.6 11.7 6.6 9c0-3.4 2.4-5.7 6.8-5.7h4.4v17.5z' fill='%23cccccc'/%3E%3C/svg%3E") center no-repeat;
}

В коде соц. кнопок fill='%23cccccc' цвет cccccc можете изменить на другой.