16pxと24pxの2サイズ用意されています。
適用するclassによって、アイコンの色を切り替えることができます。
カラーミーキット（2カラム）では一部のアイコンCSSのみ実装しているので、使用するアイコンのCSSを以下より選んでテンプレートに追加してください。
<i class="icon-b icon-phone"></i> <!-- 16px 黒アイコンを表示 -->
<i class="icon-w icon-phone"></i> <!-- 16px 白アイコンを表示 -->
<i class="icon-lg-b icon-phone"></i> <!-- 24px 黒アイコンを表示 -->
<i class="icon-lg-w icon-phone"></i> <!-- 24px 白アイコンを表示 -->
カラーミーキットではアイコンに「Entypo」を採用しています。「Entypo」のアイコンはCC BY-SA 3.0のライセンスの基で使用されています。
Pictograms designed by
Daniel Bruce ― Twitter, Dribbble & e-mail
/* 16px black */
.icon-b.icon-sound {
background-position: -336px -112px;
}
/* 16px white */
.icon-w.icon-sound {
background-position: -336px -112px;
}
/* 24px black */
.icon-lg-b.icon-sound {
background-position: -504px -168px;
}
/* 24px white */
.icon-lg-w.icon-sound {
background-position: -504px -168px;
}
/* 16px black */
.icon-b.icon-mute {
background-position: -352px -112px;
}
/* 16px white */
.icon-w.icon-mute {
background-position: -352px -112px;
}
/* 24px black */
.icon-lg-b.icon-mute {
background-position: -528px -168px;
}
/* 24px white */
.icon-lg-w.icon-mute {
background-position: -528px -168px;
}
/* 16px black */
.icon-b.icon-flow_cascade {
background-position: -0px -128px;
}
/* 16px white */
.icon-w.icon-flow_cascade {
background-position: -0px -128px;
}
/* 24px black */
.icon-lg-b.icon-flow_cascade {
background-position: -0px -192px;
}
/* 24px white */
.icon-lg-w.icon-flow_cascade {
background-position: -0px -192px;
}
/* 16px black */
.icon-b.icon-flow_branch {
background-position: -16px -128px;
}
/* 16px white */
.icon-w.icon-flow_branch {
background-position: -16px -128px;
}
/* 24px black */
.icon-lg-b.icon-flow_branch {
background-position: -24px -192px;
}
/* 24px white */
.icon-lg-w.icon-flow_branch {
background-position: -24px -192px;
}
/* 16px black */
.icon-b.icon-flow_tree {
background-position: -32px -128px;
}
/* 16px white */
.icon-w.icon-flow_tree {
background-position: -32px -128px;
}
/* 24px black */
.icon-lg-b.icon-flow_tree {
background-position: -48px -192px;
}
/* 24px white */
.icon-lg-w.icon-flow_tree {
background-position: -48px -192px;
}
/* 16px black */
.icon-b.icon-flow_line {
background-position: -48px -128px;
}
/* 16px white */
.icon-w.icon-flow_line {
background-position: -48px -128px;
}
/* 24px black */
.icon-lg-b.icon-flow_line {
background-position: -72px -192px;
}
/* 24px white */
.icon-lg-w.icon-flow_line {
background-position: -72px -192px;
}
/* 16px black */
.icon-b.icon-flow_parallel {
background-position: -64px -128px;
}
/* 16px white */
.icon-w.icon-flow_parallel {
background-position: -64px -128px;
}
/* 24px black */
.icon-lg-b.icon-flow_parallel {
background-position: -96px -192px;
}
/* 24px white */
.icon-lg-w.icon-flow_parallel {
background-position: -96px -192px;
}
/* 16px black */
.icon-b.icon-left_bold {
background-position: -80px -128px;
}
/* 16px white */
.icon-w.icon-left_bold {
background-position: -80px -128px;
}
/* 24px black */
.icon-lg-b.icon-left_bold {
background-position: -120px -192px;
}
/* 24px white */
.icon-lg-w.icon-left_bold {
background-position: -120px -192px;
}
/* 16px black */
.icon-b.icon-down_bold {
background-position: -96px -128px;
}
/* 16px white */
.icon-w.icon-down_bold {
background-position: -96px -128px;
}
/* 24px black */
.icon-lg-b.icon-down_bold {
background-position: -144px -192px;
}
/* 24px white */
.icon-lg-w.icon-down_bold {
background-position: -144px -192px;
}
/* 16px black */
.icon-b.icon-up_bold {
background-position: -112px -128px;
}
/* 16px white */
.icon-w.icon-up_bold {
background-position: -112px -128px;
}
/* 24px black */
.icon-lg-b.icon-up_bold {
background-position: -168px -192px;
}
/* 24px white */
.icon-lg-w.icon-up_bold {
background-position: -168px -192px;
}
/* 16px black */
.icon-b.icon-right_bold {
background-position: -128px -128px;
}
/* 16px white */
.icon-w.icon-right_bold {
background-position: -128px -128px;
}
/* 24px black */
.icon-lg-b.icon-right_bold {
background-position: -192px -192px;
}
/* 24px white */
.icon-lg-w.icon-right_bold {
background-position: -192px -192px;
}
/* 16px black */
.icon-b.icon-left {
background-position: -144px -128px;
}
/* 16px white */
.icon-w.icon-left {
background-position: -144px -128px;
}
/* 24px black */
.icon-lg-b.icon-left {
background-position: -216px -192px;
}
/* 24px white */
.icon-lg-w.icon-left {
background-position: -216px -192px;
}
/* 16px black */
.icon-b.icon-down {
background-position: -160px -128px;
}
/* 16px white */
.icon-w.icon-down {
background-position: -160px -128px;
}
/* 24px black */
.icon-lg-b.icon-down {
background-position: -240px -192px;
}
/* 24px white */
.icon-lg-w.icon-down {
background-position: -240px -192px;
}
/* 16px black */
.icon-b.icon-up {
background-position: -176px -128px;
}
/* 16px white */
.icon-w.icon-up {
background-position: -176px -128px;
}
/* 24px black */
.icon-lg-b.icon-up {
background-position: -264px -192px;
}
/* 24px white */
.icon-lg-w.icon-up {
background-position: -264px -192px;
}
/* 16px black */
.icon-b.icon-right {
background-position: -192px -128px;
}
/* 16px white */
.icon-w.icon-right {
background-position: -192px -128px;
}
/* 24px black */
.icon-lg-b.icon-right {
background-position: -288px -192px;
}
/* 24px white */
.icon-lg-w.icon-right {
background-position: -288px -192px;
}
/* 16px black */
.icon-b.icon-circled_left {
background-position: -208px -128px;
}
/* 16px white */
.icon-w.icon-circled_left {
background-position: -208px -128px;
}
/* 24px black */
.icon-lg-b.icon-circled_left {
background-position: -312px -192px;
}
/* 24px white */
.icon-lg-w.icon-circled_left {
background-position: -312px -192px;
}
/* 16px black */
.icon-b.icon-circled_down {
background-position: -224px -128px;
}
/* 16px white */
.icon-w.icon-circled_down {
background-position: -224px -128px;
}
/* 24px black */
.icon-lg-b.icon-circled_down {
background-position: -336px -192px;
}
/* 24px white */
.icon-lg-w.icon-circled_down {
background-position: -336px -192px;
}
/* 16px black */
.icon-b.icon-circled_up {
background-position: -240px -128px;
}
/* 16px white */
.icon-w.icon-circled_up {
background-position: -240px -128px;
}
/* 24px black */
.icon-lg-b.icon-circled_up {
background-position: -360px -192px;
}
/* 24px white */
.icon-lg-w.icon-circled_up {
background-position: -360px -192px;
}
/* 16px black */
.icon-b.icon-circled_right {
background-position: -256px -128px;
}
/* 16px white */
.icon-w.icon-circled_right {
background-position: -256px -128px;
}
/* 24px black */
.icon-lg-b.icon-circled_right {
background-position: -384px -192px;
}
/* 24px white */
.icon-lg-w.icon-circled_right {
background-position: -384px -192px;
}
/* 16px black */
.icon-b.icon-triangle_left {
background-position: -272px -128px;
}
/* 16px white */
.icon-w.icon-triangle_left {
background-position: -272px -128px;
}
/* 24px black */
.icon-lg-b.icon-triangle_left {
background-position: -408px -192px;
}
/* 24px white */
.icon-lg-w.icon-triangle_left {
background-position: -408px -192px;
}
/* 16px black */
.icon-b.icon-triangle_down {
background-position: -288px -128px;
}
/* 16px white */
.icon-w.icon-triangle_down {
background-position: -288px -128px;
}
/* 24px black */
.icon-lg-b.icon-triangle_down {
background-position: -432px -192px;
}
/* 24px white */
.icon-lg-w.icon-triangle_down {
background-position: -432px -192px;
}
/* 16px black */
.icon-b.icon-triangle_up {
background-position: -304px -128px;
}
/* 16px white */
.icon-w.icon-triangle_up {
background-position: -304px -128px;
}
/* 24px black */
.icon-lg-b.icon-triangle_up {
background-position: -456px -192px;
}
/* 24px white */
.icon-lg-w.icon-triangle_up {
background-position: -456px -192px;
}
/* 16px black */
.icon-b.icon-triangle_right {
background-position: -320px -128px;
}
/* 16px white */
.icon-w.icon-triangle_right {
background-position: -320px -128px;
}
/* 24px black */
.icon-lg-b.icon-triangle_right {
background-position: -480px -192px;
}
/* 24px white */
.icon-lg-w.icon-triangle_right {
background-position: -480px -192px;
}
/* 16px black */
.icon-b.icon-chevron_left {
background-position: -336px -128px;
}
/* 16px white */
.icon-w.icon-chevron_left {
background-position: -336px -128px;
}
/* 24px black */
.icon-lg-b.icon-chevron_left {
background-position: -504px -192px;
}
/* 24px white */
.icon-lg-w.icon-chevron_left {
background-position: -504px -192px;
}
/* 16px black */
.icon-b.icon-chevron_down {
background-position: -352px -128px;
}
/* 16px white */
.icon-w.icon-chevron_down {
background-position: -352px -128px;
}
/* 24px black */
.icon-lg-b.icon-chevron_down {
background-position: -528px -192px;
}
/* 24px white */
.icon-lg-w.icon-chevron_down {
background-position: -528px -192px;
}
/* 16px black */
.icon-b.icon-chevron_up {
background-position: -0px -144px;
}
/* 16px white */
.icon-w.icon-chevron_up {
background-position: -0px -144px;
}
/* 24px black */
.icon-lg-b.icon-chevron_up {
background-position: -0px -216px;
}
/* 24px white */
.icon-lg-w.icon-chevron_up {
background-position: -0px -216px;
}
/* 16px black */
.icon-b.icon-chevron_right {
background-position: -16px -144px;
}
/* 16px white */
.icon-w.icon-chevron_right {
background-position: -16px -144px;
}
/* 24px black */
.icon-lg-b.icon-chevron_right {
background-position: -24px -216px;
}
/* 24px white */
.icon-lg-w.icon-chevron_right {
background-position: -24px -216px;
}
/* 16px black */
.icon-b.icon-chevron_small_left {
background-position: -32px -144px;
}
/* 16px white */
.icon-w.icon-chevron_small_left {
background-position: -32px -144px;
}
/* 24px black */
.icon-lg-b.icon-chevron_small_left {
background-position: -48px -216px;
}
/* 24px white */
.icon-lg-w.icon-chevron_small_left {
background-position: -48px -216px;
}
/* 16px black */
.icon-b.icon-chevron_small_down {
background-position: -48px -144px;
}
/* 16px white */
.icon-w.icon-chevron_small_down {
background-position: -48px -144px;
}
/* 24px black */
.icon-lg-b.icon-chevron_small_down {
background-position: -72px -216px;
}
/* 24px white */
.icon-lg-w.icon-chevron_small_down {
background-position: -72px -216px;
}
/* 16px black */
.icon-b.icon-chevron_small_up {
background-position: -64px -144px;
}
/* 16px white */
.icon-w.icon-chevron_small_up {
background-position: -64px -144px;
}
/* 24px black */
.icon-lg-b.icon-chevron_small_up {
background-position: -96px -216px;
}
/* 24px white */
.icon-lg-w.icon-chevron_small_up {
background-position: -96px -216px;
}
/* 16px black */
.icon-b.icon-chevron_small_right {
background-position: -80px -144px;
}
/* 16px white */
.icon-w.icon-chevron_small_right {
background-position: -80px -144px;
}
/* 24px black */
.icon-lg-b.icon-chevron_small_right {
background-position: -120px -216px;
}
/* 24px white */
.icon-lg-w.icon-chevron_small_right {
background-position: -120px -216px;
}
/* 16px black */
.icon-b.icon-chevron_thin_left {
background-position: -96px -144px;
}
/* 16px white */
.icon-w.icon-chevron_thin_left {
background-position: -96px -144px;
}
/* 24px black */
.icon-lg-b.icon-chevron_thin_left {
background-position: -144px -216px;
}
/* 24px white */
.icon-lg-w.icon-chevron_thin_left {
background-position: -144px -216px;
}
/* 16px black */
.icon-b.icon-chevron_thin_down {
background-position: -112px -144px;
}
/* 16px white */
.icon-w.icon-chevron_thin_down {
background-position: -112px -144px;
}
/* 24px black */
.icon-lg-b.icon-chevron_thin_down {
background-position: -168px -216px;
}
/* 24px white */
.icon-lg-w.icon-chevron_thin_down {
background-position: -168px -216px;
}
/* 16px black */
.icon-b.icon-chevron_thin_up {
background-position: -128px -144px;
}
/* 16px white */
.icon-w.icon-chevron_thin_up {
background-position: -128px -144px;
}
/* 24px black */
.icon-lg-b.icon-chevron_thin_up {
background-position: -192px -216px;
}
/* 24px white */
.icon-lg-w.icon-chevron_thin_up {
background-position: -192px -216px;
}
/* 16px black */
.icon-b.icon-chevron_thin_right {
background-position: -144px -144px;
}
/* 16px white */
.icon-w.icon-chevron_thin_right {
background-position: -144px -144px;
}
/* 24px black */
.icon-lg-b.icon-chevron_thin_right {
background-position: -216px -216px;
}
/* 24px white */
.icon-lg-w.icon-chevron_thin_right {
background-position: -216px -216px;
}
/* 16px black */
.icon-b.icon-left_thin {
background-position: -160px -144px;
}
/* 16px white */
.icon-w.icon-left_thin {
background-position: -160px -144px;
}
/* 24px black */
.icon-lg-b.icon-left_thin {
background-position: -240px -216px;
}
/* 24px white */
.icon-lg-w.icon-left_thin {
background-position: -240px -216px;
}
/* 16px black */
.icon-b.icon-down_thin {
background-position: -176px -144px;
}
/* 16px white */
.icon-w.icon-down_thin {
background-position: -176px -144px;
}
/* 24px black */
.icon-lg-b.icon-down_thin {
background-position: -264px -216px;
}
/* 24px white */
.icon-lg-w.icon-down_thin {
background-position: -264px -216px;
}
/* 16px black */
.icon-b.icon-up_thin {
background-position: -192px -144px;
}
/* 16px white */
.icon-w.icon-up_thin {
background-position: -192px -144px;
}
/* 24px black */
.icon-lg-b.icon-up_thin {
background-position: -288px -216px;
}
/* 24px white */
.icon-lg-w.icon-up_thin {
background-position: -288px -216px;
}
/* 16px black */
.icon-b.icon-right_thin {
background-position: -208px -144px;
}
/* 16px white */
.icon-w.icon-right_thin {
background-position: -208px -144px;
}
/* 24px black */
.icon-lg-b.icon-right_thin {
background-position: -312px -216px;
}
/* 24px white */
.icon-lg-w.icon-right_thin {
background-position: -312px -216px;
}
/* 16px black */
.icon-b.icon-arrow_combo {
background-position: -224px -144px;
}
/* 16px white */
.icon-w.icon-arrow_combo {
background-position: -224px -144px;
}
/* 24px black */
.icon-lg-b.icon-arrow_combo {
background-position: -336px -216px;
}
/* 24px white */
.icon-lg-w.icon-arrow_combo {
background-position: -336px -216px;
}
/* 16px black */
.icon-b.icon-three_dots {
background-position: -240px -144px;
}
/* 16px white */
.icon-w.icon-three_dots {
background-position: -240px -144px;
}
/* 24px black */
.icon-lg-b.icon-three_dots {
background-position: -360px -216px;
}
/* 24px white */
.icon-lg-w.icon-three_dots {
background-position: -360px -216px;
}
/* 16px black */
.icon-b.icon-tow_dots {
background-position: -256px -144px;
}
/* 16px white */
.icon-w.icon-tow_dots {
background-position: -256px -144px;
}
/* 24px black */
.icon-lg-b.icon-tow_dots {
background-position: -384px -216px;
}
/* 24px white */
.icon-lg-w.icon-tow_dots {
background-position: -384px -216px;
}
/* 16px black */
.icon-b.icon-dot {
background-position: -272px -144px;
}
/* 16px white */
.icon-w.icon-dot {
background-position: -272px -144px;
}
/* 24px black */
.icon-lg-b.icon-dot {
background-position: -408px -216px;
}
/* 24px white */
.icon-lg-w.icon-dot {
background-position: -408px -216px;
}
/* 16px black */
.icon-b.icon-cc {
background-position: -288px -144px;
}
/* 16px white */
.icon-w.icon-cc {
background-position: -288px -144px;
}
/* 24px black */
.icon-lg-b.icon-cc {
background-position: -432px -216px;
}
/* 24px white */
.icon-lg-w.icon-cc {
background-position: -432px -216px;
}
/* 16px black */
.icon-b.icon-cc_by {
background-position: -304px -144px;
}
/* 16px white */
.icon-w.icon-cc_by {
background-position: -304px -144px;
}
/* 24px black */
.icon-lg-b.icon-cc_by {
background-position: -456px -216px;
}
/* 24px white */
.icon-lg-w.icon-cc_by {
background-position: -456px -216px;
}
/* 16px black */
.icon-b.icon-cc_nc {
background-position: -320px -144px;
}
/* 16px white */
.icon-w.icon-cc_nc {
background-position: -320px -144px;
}
/* 24px black */
.icon-lg-b.icon-cc_nc {
background-position: -480px -216px;
}
/* 24px white */
.icon-lg-w.icon-cc_nc {
background-position: -480px -216px;
}
/* 16px black */
.icon-b.icon-cc_nc_eu {
background-position: -336px -144px;
}
/* 16px white */
.icon-w.icon-cc_nc_eu {
background-position: -336px -144px;
}
/* 24px black */
.icon-lg-b.icon-cc_nc_eu {
background-position: -504px -216px;
}
/* 24px white */
.icon-lg-w.icon-cc_nc_eu {
background-position: -504px -216px;
}
/* 16px black */
.icon-b.icon-cc_nc_jp {
background-position: -352px -144px;
}
/* 16px white */
.icon-w.icon-cc_nc_jp {
background-position: -352px -144px;
}
/* 24px black */
.icon-lg-b.icon-cc_nc_jp {
background-position: -528px -216px;
}
/* 24px white */
.icon-lg-w.icon-cc_nc_jp {
background-position: -528px -216px;
}
/* 16px black */
.icon-b.icon-cc_sa {
background-position: -0px -160px;
}
/* 16px white */
.icon-w.icon-cc_sa {
background-position: -0px -160px;
}
/* 24px black */
.icon-lg-b.icon-cc_sa {
background-position: -0px -240px;
}
/* 24px white */
.icon-lg-w.icon-cc_sa {
background-position: -0px -240px;
}
/* 16px black */
.icon-b.icon-cc_nd {
background-position: -16px -160px;
}
/* 16px white */
.icon-w.icon-cc_nd {
background-position: -16px -160px;
}
/* 24px black */
.icon-lg-b.icon-cc_nd {
background-position: -24px -240px;
}
/* 24px white */
.icon-lg-w.icon-cc_nd {
background-position: -24px -240px;
}
/* 16px black */
.icon-b.icon-cc_pd {
background-position: -32px -160px;
}
/* 16px white */
.icon-w.icon-cc_pd {
background-position: -32px -160px;
}
/* 24px black */
.icon-lg-b.icon-cc_pd {
background-position: -48px -240px;
}
/* 24px white */
.icon-lg-w.icon-cc_pd {
background-position: -48px -240px;
}
/* 16px black */
.icon-b.icon-cc_zero {
background-position: -48px -160px;
}
/* 16px white */
.icon-w.icon-cc_zero {
background-position: -48px -160px;
}
/* 24px black */
.icon-lg-b.icon-cc_zero {
background-position: -72px -240px;
}
/* 24px white */
.icon-lg-w.icon-cc_zero {
background-position: -72px -240px;
}
/* 16px black */
.icon-b.icon-cc_remix {
background-position: -80px -160px;
}
/* 16px white */
.icon-w.icon-cc_remix {
background-position: -80px -160px;
}
/* 24px black */
.icon-lg-b.icon-cc_remix {
background-position: -120px -240px;
}
/* 24px white */
.icon-lg-w.icon-cc_remix {
background-position: -120px -240px;
}
/* 16px black */
.icon-b.icon-db_logo {
background-position: -96px -160px;
}
/* 16px white */
.icon-w.icon-db_logo {
background-position: -96px -160px;
}
/* 24px black */
.icon-lg-b.icon-db_logo {
background-position: -144px -240px;
}
/* 24px white */
.icon-lg-w.icon-db_logo {
background-position: -144px -240px;
}
/* 16px black */
.icon-b.icon-db_shape {
background-position: -112px -160px;
}
/* 16px white */
.icon-w.icon-db_shape {
background-position: -112px -160px;
}
/* 24px black */
.icon-lg-b.icon-db_shape {
background-position: -168px -240px;
}
/* 24px white */
.icon-lg-w.icon-db_shape {
background-position: -168px -240px;
}
/* 16px black */
.icon-b.icon-github {
background-position: -0px -176px;
}
/* 16px white */
.icon-w.icon-github {
background-position: -0px -176px;
}
/* 24px black */
.icon-lg-b.icon-github {
background-position: -0px -264px;
}
/* 24px white */
.icon-lg-w.icon-github {
background-position: -0px -264px;
}
/* 16px black */
.icon-b.icon-c_github {
background-position: -16px -176px;
}
/* 16px white */
.icon-w.icon-c_github {
background-position: -16px -176px;
}
/* 24px black */
.icon-lg-b.icon-c_github {
background-position: -24px -264px;
}
/* 24px white */
.icon-lg-w.icon-c_github {
background-position: -24px -264px;
}
/* 16px black */
.icon-b.icon-flickr {
background-position: -32px -176px;
}
/* 16px white */
.icon-w.icon-flickr {
background-position: -32px -176px;
}
/* 24px black */
.icon-lg-b.icon-flickr {
background-position: -48px -264px;
}
/* 24px white */
.icon-lg-w.icon-flickr {
background-position: -48px -264px;
}
/* 16px black */
.icon-b.icon-c_flickr {
background-position: -48px -176px;
}
/* 16px white */
.icon-w.icon-c_flickr {
background-position: -48px -176px;
}
/* 24px black */
.icon-lg-b.icon-c_flickr {
background-position: -72px -264px;
}
/* 24px white */
.icon-lg-w.icon-c_flickr {
background-position: -72px -264px;
}
/* 16px black */
.icon-b.icon-vimeo {
background-position: -64px -176px;
}
/* 16px white */
.icon-w.icon-vimeo {
background-position: -64px -176px;
}
/* 24px black */
.icon-lg-b.icon-vimeo {
background-position: -96px -264px;
}
/* 24px white */
.icon-lg-w.icon-vimeo {
background-position: -96px -264px;
}
/* 16px black */
.icon-b.icon-c_vimeo {
background-position: -80px -176px;
}
/* 16px white */
.icon-w.icon-c_vimeo {
background-position: -80px -176px;
}
/* 24px black */
.icon-lg-b.icon-c_vimeo {
background-position: -120px -264px;
}
/* 24px white */
.icon-lg-w.icon-c_vimeo {
background-position: -120px -264px;
}
/* 16px black */
.icon-b.icon-twitter {
background-position: -96px -176px;
}
/* 16px white */
.icon-w.icon-twitter {
background-position: -96px -176px;
}
/* 24px black */
.icon-lg-b.icon-twitter {
background-position: -144px -264px;
}
/* 24px white */
.icon-lg-w.icon-twitter {
background-position: -144px -264px;
}
/* 16px black */
.icon-b.icon-c_twitter {
background-position: -112px -176px;
}
/* 16px white */
.icon-w.icon-c_twitter {
background-position: -112px -176px;
}
/* 24px black */
.icon-lg-b.icon-c_twitter {
background-position: -168px -264px;
}
/* 24px white */
.icon-lg-w.icon-c_twitter {
background-position: -168px -264px;
}
/* 16px black */
.icon-b.icon-facebook {
background-position: -128px -176px;
}
/* 16px white */
.icon-w.icon-facebook {
background-position: -128px -176px;
}
/* 24px black */
.icon-lg-b.icon-facebook {
background-position: -192px -264px;
}
/* 24px white */
.icon-lg-w.icon-facebook {
background-position: -192px -264px;
}
/* 16px black */
.icon-b.icon-c_facebook {
background-position: -144px -176px;
}
/* 16px white */
.icon-w.icon-c_facebook {
background-position: -144px -176px;
}
/* 24px black */
.icon-lg-b.icon-c_facebook {
background-position: -216px -264px;
}
/* 24px white */
.icon-lg-w.icon-c_facebook {
background-position: -216px -264px;
}