<svg style="display:none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <symbol id="fb">
    <circle fill="#FFFFFF" cx="28.552" cy="29.773" r="21.573"/>
<path fill="#3B589E" d="M28.347,5.157c-13.603,0-24.625,11.027-24.625,24.625c0,13.6,11.022,24.623,24.625,24.623
  c13.6,0,24.625-11.023,24.625-24.623C52.972,16.184,41.946,5.157,28.347,5.157z M34.864,29.679H30.6c0,6.812,0,15.204,0,15.204
  h-6.32c0,0,0-8.307,0-15.204h-3.006V24.31h3.006v-3.479c0-2.49,1.182-6.377,6.379-6.377l4.68,0.021v5.215c0,0-2.846,0-3.396,0
  c-0.555,0-1.34,0.274-1.34,1.461v3.163h4.815L34.864,29.679z"/>
</g>
  </symbol>
  <symbol id="yt">
    <circle fill="#FFFFFF" cx="28.552" cy="29.773" r="21.573"/>
<g>
  <polygon fill="#E62117" points="17.833,31.853 19.616,31.853 19.616,40.71 21.339,40.71 21.339,31.853 23.12,31.853 23.12,30.344 
    17.833,30.344   "/>
  <path fill="#E62117" d="M28.413,24.493c0.234,0,0.42-0.062,0.56-0.188c0.137-0.134,0.204-0.312,0.204-0.533v-4.59
    c0-0.187-0.067-0.334-0.211-0.445c-0.141-0.115-0.321-0.172-0.553-0.172c-0.209,0-0.379,0.057-0.512,0.172
    c-0.131,0.111-0.195,0.262-0.195,0.445v4.59c0,0.229,0.062,0.408,0.187,0.533C28.011,24.431,28.187,24.493,28.413,24.493z"/>
  <path fill="#E62117" d="M32.212,32.969c-0.235,0-0.473,0.062-0.705,0.185c-0.229,0.121-0.446,0.301-0.651,0.533v-3.343H29.31V40.71
    h1.545v-0.586c0.196,0.236,0.418,0.408,0.649,0.521c0.232,0.108,0.5,0.166,0.804,0.166c0.448,0,0.801-0.146,1.034-0.435
    c0.24-0.291,0.361-0.705,0.361-1.246v-4.241c0-0.63-0.127-1.104-0.385-1.431C33.065,33.134,32.696,32.969,32.212,32.969z
     M32.128,38.921c0,0.246-0.045,0.42-0.133,0.527c-0.088,0.109-0.225,0.162-0.412,0.162c-0.129,0-0.25-0.029-0.369-0.082
    c-0.114-0.053-0.237-0.146-0.358-0.271v-4.764c0.104-0.104,0.209-0.186,0.312-0.234c0.105-0.053,0.215-0.073,0.324-0.073
    c0.205,0,0.365,0.063,0.477,0.194c0.107,0.138,0.16,0.33,0.16,0.593V38.921z"/>
  <path fill="#E62117" d="M26.628,38.874c-0.143,0.164-0.301,0.299-0.473,0.408c-0.172,0.107-0.316,0.16-0.426,0.16
    c-0.146,0-0.248-0.039-0.314-0.121c-0.062-0.08-0.096-0.211-0.096-0.391v-5.867h-1.527v6.395c0,0.457,0.09,0.793,0.271,1.025
    c0.182,0.227,0.442,0.34,0.799,0.34c0.287,0,0.584-0.078,0.889-0.242c0.308-0.166,0.601-0.397,0.881-0.709v0.838h1.529v-7.646
    h-1.53L26.628,38.874L26.628,38.874z"/>
  <path fill="#E62117" d="M28.347,5.155C14.747,5.155,3.722,16.18,3.722,29.78c0,13.602,11.022,24.625,24.625,24.625
    c13.6,0,24.625-11.023,24.625-24.625C52.972,16.18,41.946,5.155,28.347,5.155z M32.325,17.317h1.719v6.459
    c0,0.201,0.039,0.344,0.111,0.432c0.07,0.09,0.188,0.137,0.35,0.137c0.125,0,0.285-0.061,0.48-0.178
    c0.188-0.121,0.369-0.271,0.529-0.457v-6.393h1.723v8.424h-1.723v-0.93c-0.314,0.342-0.646,0.604-0.99,0.78
    c-0.342,0.181-0.674,0.271-0.998,0.271c-0.398,0-0.697-0.127-0.9-0.379c-0.199-0.248-0.301-0.623-0.301-1.129V17.317z
     M25.935,19.243c0-0.65,0.229-1.17,0.69-1.561c0.465-0.386,1.088-0.578,1.869-0.578c0.713,0,1.295,0.205,1.752,0.608
    c0.453,0.406,0.683,0.937,0.683,1.578v4.353c0,0.723-0.226,1.287-0.666,1.692c-0.449,0.408-1.062,0.613-1.847,0.613
    c-0.752,0-1.354-0.211-1.807-0.631c-0.451-0.426-0.678-0.996-0.678-1.711L25.935,19.243L25.935,19.243z M21.247,14.323l1.258,4.562
    h0.123l1.197-4.562h1.969l-2.254,6.682v4.737h-1.938v-4.526l-2.31-6.893H21.247z M43.786,38.356c0,3.047-2.471,5.52-5.518,5.52
    H19.092c-3.049,0-5.52-2.473-5.52-5.52v-4.438c0-3.049,2.471-5.52,5.52-5.52H38.27c3.047,0,5.518,2.471,5.518,5.52L43.786,38.356
    L43.786,38.356z"/>
  <path fill="#E62117" d="M36.827,32.874c-0.686,0-1.24,0.207-1.674,0.627c-0.432,0.416-0.65,0.959-0.65,1.617v3.438
    c0,0.735,0.199,1.313,0.595,1.731c0.393,0.42,0.932,0.631,1.614,0.631c0.765,0,1.334-0.194,1.715-0.592
    c0.39-0.396,0.576-0.988,0.576-1.771v-0.396h-1.569v0.348c0,0.451-0.056,0.742-0.152,0.873c-0.099,0.134-0.277,0.197-0.531,0.197
    c-0.244,0-0.416-0.076-0.518-0.229c-0.103-0.158-0.148-0.438-0.148-0.843V37.07h2.922v-1.953c0-0.723-0.186-1.277-0.562-1.666
    C38.065,33.067,37.526,32.874,36.827,32.874z M37.431,35.882H36.08V35.11c0-0.32,0.049-0.553,0.156-0.688
    c0.104-0.143,0.281-0.211,0.525-0.211c0.229,0,0.401,0.068,0.508,0.211c0.104,0.136,0.16,0.365,0.16,0.688L37.431,35.882
    L37.431,35.882z"/>
</g>
</symbol>
</svg>
<div>
change icon: <button class="btn btn-info" data-icon="fb">facebook</button> <button class="btn btn-info" data-icon="yt">youtube</button>
  </div>
<svg width="100px" height="100px" viewBox="0 0 100 100">
  <use id="icon" xlink:href="#yt" />
</svg>


$("button").click(function(){
  let icon=$(this).data("icon");
  $("#icon").attr("xlink:href", "#"+icon)
})

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js