Sprite SVG (symbol + use)

Fichier d'icônes de référence : icons-color.svg


      <svg class="icon" width="1em" height="1em">
        <use href="icons-color.svg#vscode-icons-file-type-html" />
      </svg>
      <svg class="icon" width="1em" height="1em">
        <use href="icons-color.svg#vscode-icons-file-type-css" />
      </svg>
      <svg class="icon" width="1em" height="1em">
        <use href="icons-color.svg#vscode-icons-file-type-js-official" />
      </svg>

Sprite SVG et styles CSS

Fichier d'icônes de référence : icons-mono.svg


        .icon-mono {
          color: chocolate;

          &:hover {
            color: saddlebrown;
          }

          @media (prefers-color-scheme: dark) {
            color: bisque;

            &:hover {
              color: pink;
            }
          }