国旗アイコンサービス

国旗アイコンを表示するサービス

多言語サイトの言語切替えのアイコンとして…とか。

flag-icon CSS
flag-icon SVG


 i[class^='flag-icon'] {
	 font-size: 200px;
	}


<!-- jp、usの部分を表示したい国の略語に変える -->
<i class="flag-icon flag-icon-jp"></i>
<i class="flag-icon flag-icon-us"></i>

<!-- flag-icon-squared で正方形の国旗になる -->
<i class="flag-icon flag-icon-jp flag-icon-squared"></i>
<i class="flag-icon flag-icon-us flag-icon-squared"></i>

TOP