/* icons.css — padrão de ícones (SF SVG inline) */

.icon{
  display:inline-block;
  width:20px;
  height:20px;
  vertical-align:-0.18em; /* alinhamento estilo iOS */
  color:currentColor;
}

.icon-xs{ width:14px; height:14px; }
.icon-sm{ width:16px; height:16px; }
.icon-md{ width:20px; height:20px; }
.icon-lg{ width:24px; height:24px; }
.icon-xl{ width:28px; height:28px; }

.icon svg,
svg.icon{
  width:100%;
  height:100%;
  display:block;
}