<!-- Youtube Black -->
<svg width="48px" height="48px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
    <title>Youtube</title>
    <g>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M20.3,29.7l0-10.3l9.7,5.2L20.3,29.7z M41.6,17.6c0,0-0.4-2.5-1.4-3.7
  		c-1.4-1.5-2.9-1.5-3.6-1.6C31.6,12,24,12,24,12h0c0,0-7.6,0-12.6,0.4c-0.7,0.1-2.2,0.1-3.6,1.6c-1.1,1.1-1.4,3.7-1.4,3.7
  		s-0.4,3-0.4,6v2.8c0,3,0.4,6,0.4,6s0.4,2.5,1.4,3.7c1.4,1.5,3.2,1.4,4,1.6c2.9,0.3,12.2,0.4,12.2,0.4s7.6,0,12.6-0.4
  		c0.7-0.1,2.2-0.1,3.6-1.6c1.1-1.1,1.4-3.7,1.4-3.7s0.4-3,0.4-6v-2.8C42,20.6,41.6,17.6,41.6,17.6L41.6,17.6z" />
    </g>
</svg>

<div style="background: #2774AE; display: inline-block;">
    <!-- Youtube White -->
    <svg width="48px" height="48px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
        <title>Youtube</title>
        <g>
            <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M20.3,29.7l0-10.3l9.7,5.2L20.3,29.7z M41.6,17.6
    		c0,0-0.4-2.5-1.4-3.7c-1.4-1.5-2.9-1.5-3.6-1.6C31.6,12,24,12,24,12h0c0,0-7.6,0-12.6,0.4c-0.7,0.1-2.2,0.1-3.6,1.6
    		c-1.1,1.1-1.4,3.7-1.4,3.7s-0.4,3-0.4,6v2.8c0,3,0.4,6,0.4,6s0.4,2.5,1.4,3.7c1.4,1.5,3.2,1.4,4,1.6c2.9,0.3,12.2,0.4,12.2,0.4
    		s7.6,0,12.6-0.4c0.7-0.1,2.2-0.1,3.6-1.6c1.1-1.1,1.4-3.7,1.4-3.7s0.4-3,0.4-6v-2.8C42,20.6,41.6,17.6,41.6,17.6L41.6,17.6z" />
        </g>
    </svg>
</div>

<!-- Youtube Color -->
<svg width="48px" height="48px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
    <title>Youtube</title>
    <g>
        <path fill-rule="evenodd" clip-rule="evenodd" fill="#E70000" d="M20.3,29.7l0-10.3l9.7,5.2L20.3,29.7z M41.6,17.6
  		c0,0-0.4-2.5-1.4-3.7c-1.4-1.5-2.9-1.5-3.6-1.6C31.6,12,24,12,24,12h0c0,0-7.6,0-12.6,0.4c-0.7,0.1-2.2,0.1-3.6,1.6
  		c-1.1,1.1-1.4,3.7-1.4,3.7s-0.4,3-0.4,6v2.8c0,3,0.4,6,0.4,6s0.4,2.5,1.4,3.7c1.4,1.5,3.2,1.4,4,1.6c2.9,0.3,12.2,0.4,12.2,0.4
  		s7.6,0,12.6-0.4c0.7-0.1,2.2-0.1,3.6-1.6c1.1-1.1,1.4-3.7,1.4-3.7s0.4-3,0.4-6v-2.8C42,20.6,41.6,17.6,41.6,17.6L41.6,17.6z" />
    </g>
</svg>
  • Handle: @social-svg--youtube
  • Preview:
  • Filesystem Path: src/components/02-utilities/04-icons/02-social-icons/social-svg--youtube.hbs