.fi {
  display: inline-block;
  width: 1.333em;
  height: 1em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 2px;
}

.fi-us { background-image: url('us.svg'); }
.fi-es { background-image: url('es.svg'); }
.fi-ru { background-image: url('ru.svg'); }
.fi-fr { background-image: url('fr.svg'); }
.fi-de { background-image: url('de.svg'); }
.fi-pt { background-image: url('pt.svg'); }
.fi-it { background-image: url('it.svg'); }
.fi-pl { background-image: url('pl.svg'); }
.fi-tr { background-image: url('tr.svg'); }
.fi-ua { background-image: url('ua.svg'); }
.fi-nl { background-image: url('nl.svg'); }
.fi-sv, .fi-se { background-image: url('se.svg'); }
.fi-no { background-image: url('no.svg'); }
.fi-fi { background-image: url('fi.svg'); }
.fi-cz { background-image: url('cz.svg'); }
.fi-ro { background-image: url('ro.svg'); }
.fi-hu { background-image: url('hu.svg'); }
.fi-gr { background-image: url('gr.svg'); }
.fi-dk { background-image: url('dk.svg'); }
.fi-id { background-image: url('id.svg'); }
.fi-vn { background-image: url('vn.svg'); }
.fi-in { background-image: url('in.svg'); }
.fi-th { background-image: url('th.svg'); }
.fi-cn { background-image: url('cn.svg'); }
.fi-tw { background-image: url('tw.svg'); }
.fi-jp { background-image: url('jp.svg'); }
.fi-kr { background-image: url('kr.svg'); }
.fi-bd { background-image: url('bd.svg'); }
.fi-sk { background-image: url('sk.svg'); }
.fi-bg { background-image: url('bg.svg'); }
.fi-rs { background-image: url('rs.svg'); }
.fi-hr { background-image: url('hr.svg'); }
.fi-lt { background-image: url('lt.svg'); }
.fi-lv { background-image: url('lv.svg'); }
.fi-ee { background-image: url('ee.svg'); }
.fi-tz { background-image: url('tz.svg'); }
.fi-my { background-image: url('my.svg'); }
.fi-ph { background-image: url('ph.svg'); }