icon.gl
Version:
icon.gl is a icon library and framework developed by Scape Agency.
1,971 lines (1,538 loc) • 330 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>icongl</title>
<style>
body {
font-family: sans-serif;
margin: 0;
padding: 10px 20px;
text-align: center;
}
.preview {
width: 100px;
display: inline-block;
margin: 10px;
}
.preview .inner {
display: inline-block;
width: 100%;
text-align: center;
background: #f5f5f5;
-webkit-border-radius: 0 3px 0 0;
-moz-border-radius: 0 3px 0 0;
border-radius: 0 3px 0 0;
}
.preview .inner {
line-height: 85px;
font-size: 40px;
color: #333;
}
.label {
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 5px;
font-size: 10px;
font-family: Monaco, monospace;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #ddd;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
color: rgb(205, 205, 205);
}
</style>
<link rel="stylesheet" type="text/css" href="../../dist/css/icon.css" />
</head>
<body>
<h1>icongl</h1>
<div class="preview">
<span class="inner">
<i class="i i_weather_sun"></i>
</span>
<br>
<span class='label'>weather_sun</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_weather_cloud_02"></i>
</span>
<br>
<span class='label'>weather_cloud_02</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_weather_cloud"></i>
</span>
<br>
<span class='label'>weather_cloud</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_update_sm"></i>
</span>
<br>
<span class='label'>ui_update_sm</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_update"></i>
</span>
<br>
<span class='label'>ui_update</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_update"></i>
</span>
<br>
<span class='label'>ui_square_update</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_search"></i>
</span>
<br>
<span class='label'>ui_square_search</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_help"></i>
</span>
<br>
<span class='label'>ui_square_help</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_fill_update"></i>
</span>
<br>
<span class='label'>ui_square_fill_update</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_fill_search"></i>
</span>
<br>
<span class='label'>ui_square_fill_search</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_fill_help"></i>
</span>
<br>
<span class='label'>ui_square_fill_help</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_fill_favorite"></i>
</span>
<br>
<span class='label'>ui_square_fill_favorite</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_fill_detail"></i>
</span>
<br>
<span class='label'>ui_square_fill_detail</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_fill_delete"></i>
</span>
<br>
<span class='label'>ui_square_fill_delete</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_fill_create"></i>
</span>
<br>
<span class='label'>ui_square_fill_create</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_fill_bookmark"></i>
</span>
<br>
<span class='label'>ui_square_fill_bookmark</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_favorite"></i>
</span>
<br>
<span class='label'>ui_square_favorite</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_detail"></i>
</span>
<br>
<span class='label'>ui_square_detail</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_delete"></i>
</span>
<br>
<span class='label'>ui_square_delete</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_create"></i>
</span>
<br>
<span class='label'>ui_square_create</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_square_bookmark"></i>
</span>
<br>
<span class='label'>ui_square_bookmark</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_sort_up"></i>
</span>
<br>
<span class='label'>ui_sort_up</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_sort_down"></i>
</span>
<br>
<span class='label'>ui_sort_down</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_sliders_vertical"></i>
</span>
<br>
<span class='label'>ui_sliders_vertical</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_sliders_horizontal"></i>
</span>
<br>
<span class='label'>ui_sliders_horizontal</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_search_sm"></i>
</span>
<br>
<span class='label'>ui_search_sm</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_search"></i>
</span>
<br>
<span class='label'>ui_search</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_menu_vertical"></i>
</span>
<br>
<span class='label'>ui_menu_vertical</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_menu_horizontal"></i>
</span>
<br>
<span class='label'>ui_menu_horizontal</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_stop"></i>
</span>
<br>
<span class='label'>ui_media_stop</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_stop"></i>
</span>
<br>
<span class='label'>ui_media_square_stop</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_rewind"></i>
</span>
<br>
<span class='label'>ui_media_square_rewind</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_record"></i>
</span>
<br>
<span class='label'>ui_media_square_record</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_play"></i>
</span>
<br>
<span class='label'>ui_media_square_play</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_pause"></i>
</span>
<br>
<span class='label'>ui_media_square_pause</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_next"></i>
</span>
<br>
<span class='label'>ui_media_square_next</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_forward"></i>
</span>
<br>
<span class='label'>ui_media_square_forward</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_fill_stop"></i>
</span>
<br>
<span class='label'>ui_media_square_fill_stop</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_fill_rewind"></i>
</span>
<br>
<span class='label'>ui_media_square_fill_rewind</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_fill_record"></i>
</span>
<br>
<span class='label'>ui_media_square_fill_record</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_fill_play"></i>
</span>
<br>
<span class='label'>ui_media_square_fill_play</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_fill_pause"></i>
</span>
<br>
<span class='label'>ui_media_square_fill_pause</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_fill_next"></i>
</span>
<br>
<span class='label'>ui_media_square_fill_next</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_fill_forward"></i>
</span>
<br>
<span class='label'>ui_media_square_fill_forward</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_fill_back"></i>
</span>
<br>
<span class='label'>ui_media_square_fill_back</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_square_back"></i>
</span>
<br>
<span class='label'>ui_media_square_back</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_rewind"></i>
</span>
<br>
<span class='label'>ui_media_rewind</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_record"></i>
</span>
<br>
<span class='label'>ui_media_record</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_play"></i>
</span>
<br>
<span class='label'>ui_media_play</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_pause"></i>
</span>
<br>
<span class='label'>ui_media_pause</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_next"></i>
</span>
<br>
<span class='label'>ui_media_next</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_forward"></i>
</span>
<br>
<span class='label'>ui_media_forward</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_fill_stop"></i>
</span>
<br>
<span class='label'>ui_media_fill_stop</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_fill_rewind"></i>
</span>
<br>
<span class='label'>ui_media_fill_rewind</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_fill_record"></i>
</span>
<br>
<span class='label'>ui_media_fill_record</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_fill_play"></i>
</span>
<br>
<span class='label'>ui_media_fill_play</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_fill_pause"></i>
</span>
<br>
<span class='label'>ui_media_fill_pause</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_fill_next"></i>
</span>
<br>
<span class='label'>ui_media_fill_next</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_fill_forward"></i>
</span>
<br>
<span class='label'>ui_media_fill_forward</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_fill_back"></i>
</span>
<br>
<span class='label'>ui_media_fill_back</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_sto"></i>
</span>
<br>
<span class='label'>ui_media_circle_sto</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_rewind"></i>
</span>
<br>
<span class='label'>ui_media_circle_rewind</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_record"></i>
</span>
<br>
<span class='label'>ui_media_circle_record</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_play"></i>
</span>
<br>
<span class='label'>ui_media_circle_play</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_pause"></i>
</span>
<br>
<span class='label'>ui_media_circle_pause</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_next"></i>
</span>
<br>
<span class='label'>ui_media_circle_next</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_forward"></i>
</span>
<br>
<span class='label'>ui_media_circle_forward</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_fill_stop"></i>
</span>
<br>
<span class='label'>ui_media_circle_fill_stop</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_fill_rewind"></i>
</span>
<br>
<span class='label'>ui_media_circle_fill_rewind</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_fill_record"></i>
</span>
<br>
<span class='label'>ui_media_circle_fill_record</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_fill_play"></i>
</span>
<br>
<span class='label'>ui_media_circle_fill_play</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_fill_pause"></i>
</span>
<br>
<span class='label'>ui_media_circle_fill_pause</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_fill_next"></i>
</span>
<br>
<span class='label'>ui_media_circle_fill_next</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_fill_forward"></i>
</span>
<br>
<span class='label'>ui_media_circle_fill_forward</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_fill_back"></i>
</span>
<br>
<span class='label'>ui_media_circle_fill_back</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_circle_back"></i>
</span>
<br>
<span class='label'>ui_media_circle_back</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_media_back"></i>
</span>
<br>
<span class='label'>ui_media_back</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_help_sm"></i>
</span>
<br>
<span class='label'>ui_help_sm</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_help"></i>
</span>
<br>
<span class='label'>ui_help</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_favorite_sm"></i>
</span>
<br>
<span class='label'>ui_favorite_sm</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_favorite"></i>
</span>
<br>
<span class='label'>ui_favorite</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_detail_sm"></i>
</span>
<br>
<span class='label'>ui_detail_sm</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_detail"></i>
</span>
<br>
<span class='label'>ui_detail</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_delete_sm"></i>
</span>
<br>
<span class='label'>ui_delete_sm</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_delete"></i>
</span>
<br>
<span class='label'>ui_delete</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_create_sm"></i>
</span>
<br>
<span class='label'>ui_create_sm</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_create"></i>
</span>
<br>
<span class='label'>ui_create</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_update"></i>
</span>
<br>
<span class='label'>ui_circle_update</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_search"></i>
</span>
<br>
<span class='label'>ui_circle_search</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_help"></i>
</span>
<br>
<span class='label'>ui_circle_help</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_fill_update"></i>
</span>
<br>
<span class='label'>ui_circle_fill_update</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_fill_search"></i>
</span>
<br>
<span class='label'>ui_circle_fill_search</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_fill_help"></i>
</span>
<br>
<span class='label'>ui_circle_fill_help</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_fill_favorite"></i>
</span>
<br>
<span class='label'>ui_circle_fill_favorite</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_fill_detail"></i>
</span>
<br>
<span class='label'>ui_circle_fill_detail</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_fill_delete"></i>
</span>
<br>
<span class='label'>ui_circle_fill_delete</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_fill_create"></i>
</span>
<br>
<span class='label'>ui_circle_fill_create</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_fill_bookmark"></i>
</span>
<br>
<span class='label'>ui_circle_fill_bookmark</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_favorite"></i>
</span>
<br>
<span class='label'>ui_circle_favorite</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_detail"></i>
</span>
<br>
<span class='label'>ui_circle_detail</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_delete"></i>
</span>
<br>
<span class='label'>ui_circle_delete</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_create"></i>
</span>
<br>
<span class='label'>ui_circle_create</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_circle_bookmark"></i>
</span>
<br>
<span class='label'>ui_circle_bookmark</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_bookmark_sm"></i>
</span>
<br>
<span class='label'>ui_bookmark_sm</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_ui_bookmark"></i>
</span>
<br>
<span class='label'>ui_bookmark</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_style_underline"></i>
</span>
<br>
<span class='label'>type_style_underline</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_style_superscript"></i>
</span>
<br>
<span class='label'>type_style_superscript</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_style_subscript"></i>
</span>
<br>
<span class='label'>type_style_subscript</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_style_strikethrough"></i>
</span>
<br>
<span class='label'>type_style_strikethrough</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_style_italic"></i>
</span>
<br>
<span class='label'>type_style_italic</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_style_h6"></i>
</span>
<br>
<span class='label'>type_style_h6</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_style_h5"></i>
</span>
<br>
<span class='label'>type_style_h5</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_style_h4"></i>
</span>
<br>
<span class='label'>type_style_h4</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_style_h3"></i>
</span>
<br>
<span class='label'>type_style_h3</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_style_h2"></i>
</span>
<br>
<span class='label'>type_style_h2</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_style_h1"></i>
</span>
<br>
<span class='label'>type_style_h1</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_style_bold"></i>
</span>
<br>
<span class='label'>type_style_bold</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_justify_right"></i>
</span>
<br>
<span class='label'>type_justify_right</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_justify_left"></i>
</span>
<br>
<span class='label'>type_justify_left</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_justify_center"></i>
</span>
<br>
<span class='label'>type_justify_center</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_font"></i>
</span>
<br>
<span class='label'>type_font</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_code_slash"></i>
</span>
<br>
<span class='label'>type_code_slash</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_code"></i>
</span>
<br>
<span class='label'>type_code</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_case_title"></i>
</span>
<br>
<span class='label'>type_case_title</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_case_lower"></i>
</span>
<br>
<span class='label'>type_case_lower</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_case_caps"></i>
</span>
<br>
<span class='label'>type_case_caps</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_case_camel_lower"></i>
</span>
<br>
<span class='label'>type_case_camel_lower</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_case"></i>
</span>
<br>
<span class='label'>type_case</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_align_right"></i>
</span>
<br>
<span class='label'>type_align_right</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_align_left"></i>
</span>
<br>
<span class='label'>type_align_left</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_align_center"></i>
</span>
<br>
<span class='label'>type_align_center</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_abc_case_title"></i>
</span>
<br>
<span class='label'>type_abc_case_title</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_abc_case_lower"></i>
</span>
<br>
<span class='label'>type_abc_case_lower</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_abc_case_caps"></i>
</span>
<br>
<span class='label'>type_abc_case_caps</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_type_123"></i>
</span>
<br>
<span class='label'>type_123</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_yuan"></i>
</span>
<br>
<span class='label'>travel_yuan</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_wheelchair_accessible"></i>
</span>
<br>
<span class='label'>travel_wheelchair_accessible</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_water_fountain"></i>
</span>
<br>
<span class='label'>travel_water_fountain</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_waiting_area"></i>
</span>
<br>
<span class='label'>travel_waiting_area</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_usa"></i>
</span>
<br>
<span class='label'>travel_usa</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_traveler"></i>
</span>
<br>
<span class='label'>travel_traveler</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_toilet_women"></i>
</span>
<br>
<span class='label'>travel_toilet_women</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_toilet_men"></i>
</span>
<br>
<span class='label'>travel_toilet_men</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_toilet"></i>
</span>
<br>
<span class='label'>travel_toilet</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_ticket_office"></i>
</span>
<br>
<span class='label'>travel_ticket_office</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_temple"></i>
</span>
<br>
<span class='label'>travel_temple</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_stairs"></i>
</span>
<br>
<span class='label'>travel_stairs</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_smoking_area"></i>
</span>
<br>
<span class='label'>travel_smoking_area</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_shops"></i>
</span>
<br>
<span class='label'>travel_shops</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_security"></i>
</span>
<br>
<span class='label'>travel_security</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_safe"></i>
</span>
<br>
<span class='label'>travel_safe</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_russian_church"></i>
</span>
<br>
<span class='label'>travel_russian_church</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_ruble"></i>
</span>
<br>
<span class='label'>travel_ruble</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_restaurant"></i>
</span>
<br>
<span class='label'>travel_restaurant</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_public_telephone"></i>
</span>
<br>
<span class='label'>travel_public_telephone</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_pound"></i>
</span>
<br>
<span class='label'>travel_pound</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_post_office"></i>
</span>
<br>
<span class='label'>travel_post_office</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_passport_control"></i>
</span>
<br>
<span class='label'>travel_passport_control</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_oxygen"></i>
</span>
<br>
<span class='label'>travel_oxygen</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_nursery"></i>
</span>
<br>
<span class='label'>travel_nursery</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_non_smokng_area"></i>
</span>
<br>
<span class='label'>travel_non_smokng_area</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_no_phones"></i>
</span>
<br>
<span class='label'>travel_no_phones</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_no_pets_allowed"></i>
</span>
<br>
<span class='label'>travel_no_pets_allowed</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_no_access"></i>
</span>
<br>
<span class='label'>travel_no_access</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_meeting_point"></i>
</span>
<br>
<span class='label'>travel_meeting_point</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_luggage_trolley"></i>
</span>
<br>
<span class='label'>travel_luggage_trolley</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_luggage_belt"></i>
</span>
<br>
<span class='label'>travel_luggage_belt</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_luggage"></i>
</span>
<br>
<span class='label'>travel_luggage</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_lost_and_found"></i>
</span>
<br>
<span class='label'>travel_lost_and_found</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_lockers"></i>
</span>
<br>
<span class='label'>travel_lockers</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_kremlin"></i>
</span>
<br>
<span class='label'>travel_kremlin</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_information_03"></i>
</span>
<br>
<span class='label'>travel_information_03</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_information_02"></i>
</span>
<br>
<span class='label'>travel_information_02</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_information"></i>
</span>
<br>
<span class='label'>travel_information</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_hotel_lobby"></i>
</span>
<br>
<span class='label'>travel_hotel_lobby</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_hotel"></i>
</span>
<br>
<span class='label'>travel_hotel</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_hairdresser"></i>
</span>
<br>
<span class='label'>travel_hairdresser</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_gift_shop"></i>
</span>
<br>
<span class='label'>travel_gift_shop</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_fire_extinguisher"></i>
</span>
<br>
<span class='label'>travel_fire_extinguisher</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_exit"></i>
</span>
<br>
<span class='label'>travel_exit</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_exchange_office_02"></i>
</span>
<br>
<span class='label'>travel_exchange_office_02</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_exchange_office"></i>
</span>
<br>
<span class='label'>travel_exchange_office</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_euro"></i>
</span>
<br>
<span class='label'>travel_euro</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_escalator_up"></i>
</span>
<br>
<span class='label'>travel_escalator_up</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_escalator_down"></i>
</span>
<br>
<span class='label'>travel_escalator_down</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_elevator"></i>
</span>
<br>
<span class='label'>travel_elevator</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_earth"></i>
</span>
<br>
<span class='label'>travel_earth</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_dollar"></i>
</span>
<br>
<span class='label'>travel_dollar</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_daycare_center"></i>
</span>
<br>
<span class='label'>travel_daycare_center</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_customs"></i>
</span>
<br>
<span class='label'>travel_customs</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_cloakroom"></i>
</span>
<br>
<span class='label'>travel_cloakroom</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_cathedral"></i>
</span>
<br>
<span class='label'>travel_cathedral</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_cafe"></i>
</span>
<br>
<span class='label'>travel_cafe</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_travel_bar"></i>
</span>
<br>
<span class='label'>travel_bar</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_walking"></i>
</span>
<br>
<span class='label'>transport_walking</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_ufo"></i>
</span>
<br>
<span class='label'>transport_ufo</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_truck_03"></i>
</span>
<br>
<span class='label'>transport_truck_03</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_truck_02"></i>
</span>
<br>
<span class='label'>transport_truck_02</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_truck"></i>
</span>
<br>
<span class='label'>transport_truck</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_tram_03"></i>
</span>
<br>
<span class='label'>transport_tram_03</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_tram_02"></i>
</span>
<br>
<span class='label'>transport_tram_02</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_tram"></i>
</span>
<br>
<span class='label'>transport_tram</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_train"></i>
</span>
<br>
<span class='label'>transport_train</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_traffic_light"></i>
</span>
<br>
<span class='label'>transport_traffic_light</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_tractor"></i>
</span>
<br>
<span class='label'>transport_tractor</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_taxi_bus"></i>
</span>
<br>
<span class='label'>transport_taxi_bus</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_taxi_boat"></i>
</span>
<br>
<span class='label'>transport_taxi_boat</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_taxi_02"></i>
</span>
<br>
<span class='label'>transport_taxi_02</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_taxi"></i>
</span>
<br>
<span class='label'>transport_taxi</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_submarine"></i>
</span>
<br>
<span class='label'>transport_submarine</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_scooter_02"></i>
</span>
<br>
<span class='label'>transport_scooter_02</span>
</div>
<div class="preview">
<span class="inner">
<i class="i i_transport_scooter"></i>
</span>
<br>
<span class='label'>transport_scooter</span>
</div>
<div class="p