.fo-icon{
  display:inline-block;
  vertical-align:-0.125em;
  color: currentColor;
}

.fo-icon,
.fo-icon svg { /* je nach Markup/Reset */
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.fo-icon-only { display:inline-flex; }
.fo-icon-text { display:none; }

@media (max-width: 768px){
  .fo-icon-only { display:none; }
  .fo-icon-text { display:inline; }
}