icons.js

import '@polymer/iron-icon/iron-icon.js';
import '@polymer/iron-iconset-svg/iron-iconset-svg.js';

const documentContainer = document.createElement('template');
/*
Icons for skeleton-auth
*/
documentContainer.innerHTML = `<iron-iconset-svg name="auth" size="24">
  <svg viewBox="0 0 24 24">
    <defs>
      <g id="google">
        <path d="M1.2,12C1,6.3,6,1.1,11.7,1c2.9-0.2,5.7,0.9,7.9,2.7c-0.9,1-1.8,2-2.8,2.9c-1.9-1.2-4.2-2.1-6.5-1.3c-3.6,1-5.8,5.3-4.5,8.9
c1.1,3.7,5.6,5.8,9.2,4.2c1.8-0.7,3-2.3,3.6-4.2c-2.1,0-4.2,0-6.3-0.1c0-1.2,0-2.5,0-3.7c3.5,0,7,0,10.5,0c0.2,3.1-0.2,6.3-2.2,8.8
c-2.7,3.5-7.8,4.5-11.9,3.2C4.3,21,1.1,16.6,1.2,12z"></path>
      </g>
      <g id="twitter">
        <path d="M23,5.2c-0.8,0.4-1.7,0.6-2.6,0.7c0.9-0.6,1.6-1.4,2-2.5c-0.9,0.5-1.8,0.9-2.9,1.1c-0.8-0.9-2-1.4-3.3-1.4
c-2.5,0-4.5,2-4.5,4.5c0,0.4,0,0.7,0.1,1c-3.8-0.2-7.1-2-9.3-4.7C2.1,4.6,1.9,5.3,1.9,6.2c0,1.6,0.8,2.9,2,3.8c-0.7,0-1.4-0.2-2-0.6
c0,0,0,0,0,0.1c0,2.2,1.6,4,3.6,4.4C5.1,13.9,4.7,14,4.3,14c-0.3,0-0.6,0-0.8-0.1C4,15.7,5.7,17,7.7,17C6.1,18.3,4.2,19,2.1,19
c-0.4,0-0.7,0-1.1-0.1c2,1.3,4.4,2,6.9,2c8.3,0,12.8-6.9,12.8-12.8c0-0.2,0-0.4,0-0.6C21.6,6.9,22.4,6.1,23,5.2z"></path>
      </g>
      <g id="facebook">
        <path d="M15,4.8h2.2V1h-3.7c0,0-4.2,0-4.3,3.9L9.2,8.1H6.8v3.8h2.4V23h4.5V11.9h3l0.5-3.8h-3.5l0.1-1.8C13.8,6.3,13.5,4.9,15,4.8z"></path>
      </g>
      <g id="github">
        <path d="M12,1.3c-6.1,0-11,4.9-11,11c0,4.9,3.2,9,7.5,10.4
c0.6,0.1,0.8-0.2,0.8-0.5c0-0.3,0-1,0-1.9c-3.1,0.7-3.7-1.5-3.7-1.5c-0.5-1.3-1.2-1.6-1.2-1.6c-1-0.7,0.1-0.7,0.1-0.7
c1.1,0.1,1.7,1.1,1.7,1.1c1,1.7,2.6,1.2,3.2,0.9c0.1-0.7,0.4-1.2,0.7-1.5c-2.4-0.3-5-1.2-5-5.4c0-1.2,0.4-2.2,1.1-3
C6,8.5,5.6,7.3,6.2,5.8c0,0,0.9-0.3,3,1.1c0.9-0.2,1.8-0.4,2.8-0.4c0.9,0,1.9,0.1,2.8,0.4c2.1-1.4,3-1.1,3-1.1
c0.6,1.5,0.2,2.6,0.1,2.9c0.7,0.8,1.1,1.8,1.1,3c0,4.2-2.6,5.2-5,5.4c0.4,0.3,0.7,1,0.7,2c0,1.5,0,2.7,0,3c0,0.3,0.2,0.6,0.8,0.5
c4.4-1.5,7.5-5.6,7.5-10.4C23,6.2,18.1,1.3,12,1.3z"></path>
      </g>
      <g id="person-outline">
        <path d="M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z"></path>
      </g>
      <g id="email">
        <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"></path>
      </g>
      <g id="help">
        <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"></path>
      </g>
      <g id="phone">
        <path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path>
      </g>
    </defs>
  </svg>
</iron-iconset-svg>`;

document.head.appendChild(documentContainer.content);