@vivareal/lina-icons
Version:
Lina Design System icon library
1,681 lines (1,675 loc) • 44.6 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>lif</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;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.preview .inner .lif {
line-height: 85px;
font-size: 40px;
color: #333;
border: 1px solid silver;
}
.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: #666;
}
</style>
<link rel="stylesheet" type="text/css" href="lif.css" />
</head>
<body>
<h1>lif</h1>
<div class="preview">
<span class="inner">
<i class="lif">academy</i>
</span>
<span class='label'>academy</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">academy_filled</i>
</span>
<span class='label'>academy_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">add</i>
</span>
<span class='label'>add</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">add_list</i>
</span>
<span class='label'>add_list</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">add_rounded_filled</i>
</span>
<span class='label'>add_rounded_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">add_user</i>
</span>
<span class='label'>add_user</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">add_user_filled</i>
</span>
<span class='label'>add_user_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">ads</i>
</span>
<span class='label'>ads</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">ads_filled</i>
</span>
<span class='label'>ads_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">advertisements</i>
</span>
<span class='label'>advertisements</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">advertisements_filled</i>
</span>
<span class='label'>advertisements_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">alone</i>
</span>
<span class='label'>alone</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">apple</i>
</span>
<span class='label'>apple</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">area</i>
</span>
<span class='label'>area</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_big_down</i>
</span>
<span class='label'>arrow_big_down</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_big_left</i>
</span>
<span class='label'>arrow_big_left</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_big_right</i>
</span>
<span class='label'>arrow_big_right</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_big_shadow_down</i>
</span>
<span class='label'>arrow_big_shadow_down</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_big_shadow_left</i>
</span>
<span class='label'>arrow_big_shadow_left</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_big_shadow_right</i>
</span>
<span class='label'>arrow_big_shadow_right</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_big_shadow_up</i>
</span>
<span class='label'>arrow_big_shadow_up</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_big_up</i>
</span>
<span class='label'>arrow_big_up</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_down</i>
</span>
<span class='label'>arrow_down</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_left</i>
</span>
<span class='label'>arrow_left</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_right</i>
</span>
<span class='label'>arrow_right</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_small_down</i>
</span>
<span class='label'>arrow_small_down</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_small_left</i>
</span>
<span class='label'>arrow_small_left</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_small_right</i>
</span>
<span class='label'>arrow_small_right</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_small_up</i>
</span>
<span class='label'>arrow_small_up</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_small_up_down</i>
</span>
<span class='label'>arrow_small_up_down</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">arrow_up</i>
</span>
<span class='label'>arrow_up</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">attachment</i>
</span>
<span class='label'>attachment</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">balcony</i>
</span>
<span class='label'>balcony</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">ball</i>
</span>
<span class='label'>ball</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">bank_slip</i>
</span>
<span class='label'>bank_slip</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">bathroom</i>
</span>
<span class='label'>bathroom</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">bedroom</i>
</span>
<span class='label'>bedroom</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">bell</i>
</span>
<span class='label'>bell</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">bell_filled</i>
</span>
<span class='label'>bell_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">bell_plus</i>
</span>
<span class='label'>bell_plus</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">bell_plus_filled</i>
</span>
<span class='label'>bell_plus_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">bike</i>
</span>
<span class='label'>bike</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">bills</i>
</span>
<span class='label'>bills</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">bills_filled</i>
</span>
<span class='label'>bills_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">blocked</i>
</span>
<span class='label'>blocked</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">brinquedoteca</i>
</span>
<span class='label'>brinquedoteca</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">build</i>
</span>
<span class='label'>build</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">build_filled</i>
</span>
<span class='label'>build_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">building</i>
</span>
<span class='label'>building</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">building_filled</i>
</span>
<span class='label'>building_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">calendar</i>
</span>
<span class='label'>calendar</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">calendar_check</i>
</span>
<span class='label'>calendar_check</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">calendar_check_filled</i>
</span>
<span class='label'>calendar_check_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">calendar_filled</i>
</span>
<span class='label'>calendar_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">camera</i>
</span>
<span class='label'>camera</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">camera_disabled</i>
</span>
<span class='label'>camera_disabled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">camera_disabled_filled</i>
</span>
<span class='label'>camera_disabled_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">camera_filled</i>
</span>
<span class='label'>camera_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">camera_plus</i>
</span>
<span class='label'>camera_plus</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">camera_plus_filled</i>
</span>
<span class='label'>camera_plus_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">car</i>
</span>
<span class='label'>car</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">chair</i>
</span>
<span class='label'>chair</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">chair_filled</i>
</span>
<span class='label'>chair_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">change_account</i>
</span>
<span class='label'>change_account</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">chat</i>
</span>
<span class='label'>chat</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">chat_filled</i>
</span>
<span class='label'>chat_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">check</i>
</span>
<span class='label'>check</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">check_double_small</i>
</span>
<span class='label'>check_double_small</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">check_single_small</i>
</span>
<span class='label'>check_single_small</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">check_small</i>
</span>
<span class='label'>check_small</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">client_file</i>
</span>
<span class='label'>client_file</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">client_file_filled</i>
</span>
<span class='label'>client_file_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">close</i>
</span>
<span class='label'>close</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">close_small</i>
</span>
<span class='label'>close_small</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">computer</i>
</span>
<span class='label'>computer</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">confirm</i>
</span>
<span class='label'>confirm</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">confirm_filled</i>
</span>
<span class='label'>confirm_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">copy</i>
</span>
<span class='label'>copy</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">cowork</i>
</span>
<span class='label'>cowork</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">cpf</i>
</span>
<span class='label'>cpf</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">credit_card</i>
</span>
<span class='label'>credit_card</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">credit_card_filled</i>
</span>
<span class='label'>credit_card_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">current_location</i>
</span>
<span class='label'>current_location</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">danger</i>
</span>
<span class='label'>danger</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">danger_filled</i>
</span>
<span class='label'>danger_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">dashboard</i>
</span>
<span class='label'>dashboard</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">dashboard_filled</i>
</span>
<span class='label'>dashboard_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">delete</i>
</span>
<span class='label'>delete</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">delete_filled</i>
</span>
<span class='label'>delete_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">diamond</i>
</span>
<span class='label'>diamond</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">document</i>
</span>
<span class='label'>document</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">document_filled</i>
</span>
<span class='label'>document_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">door</i>
</span>
<span class='label'>door</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">download</i>
</span>
<span class='label'>download</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">drink</i>
</span>
<span class='label'>drink</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">edit</i>
</span>
<span class='label'>edit</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">edit_filled</i>
</span>
<span class='label'>edit_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">edit_rounded</i>
</span>
<span class='label'>edit_rounded</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">edit_rounded_filled</i>
</span>
<span class='label'>edit_rounded_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">elevator</i>
</span>
<span class='label'>elevator</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">ellipsis_vertical</i>
</span>
<span class='label'>ellipsis_vertical</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">email</i>
</span>
<span class='label'>email</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">email_filled</i>
</span>
<span class='label'>email_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">engine</i>
</span>
<span class='label'>engine</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">engine_filled</i>
</span>
<span class='label'>engine_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">exit</i>
</span>
<span class='label'>exit</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">eye</i>
</span>
<span class='label'>eye</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">eye_disabled</i>
</span>
<span class='label'>eye_disabled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">eye_disabled_filled</i>
</span>
<span class='label'>eye_disabled_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">eye_filled</i>
</span>
<span class='label'>eye_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">facebook</i>
</span>
<span class='label'>facebook</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">family</i>
</span>
<span class='label'>family</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">filter</i>
</span>
<span class='label'>filter</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">filter2</i>
</span>
<span class='label'>filter2</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">fire</i>
</span>
<span class='label'>fire</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">fire_filled</i>
</span>
<span class='label'>fire_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">fitness_center</i>
</span>
<span class='label'>fitness_center</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">flag</i>
</span>
<span class='label'>flag</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">flag_filled</i>
</span>
<span class='label'>flag_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">furniture</i>
</span>
<span class='label'>furniture</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">furniture_filled</i>
</span>
<span class='label'>furniture_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">glass_music</i>
</span>
<span class='label'>glass_music</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">google_filled</i>
</span>
<span class='label'>google_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">graph_increase</i>
</span>
<span class='label'>graph_increase</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">graph_trending_down</i>
</span>
<span class='label'>graph_trending_down</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">graph_trending_up</i>
</span>
<span class='label'>graph_trending_up</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">grid</i>
</span>
<span class='label'>grid</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">gym_filled</i>
</span>
<span class='label'>gym_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">handshake</i>
</span>
<span class='label'>handshake</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">headset</i>
</span>
<span class='label'>headset</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">headset_filled</i>
</span>
<span class='label'>headset_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">heart</i>
</span>
<span class='label'>heart</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">heart_filled</i>
</span>
<span class='label'>heart_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">help</i>
</span>
<span class='label'>help</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">help_filled</i>
</span>
<span class='label'>help_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">history</i>
</span>
<span class='label'>history</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">home</i>
</span>
<span class='label'>home</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">home_filled</i>
</span>
<span class='label'>home_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">hospital_filled</i>
</span>
<span class='label'>hospital_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">hospitals</i>
</span>
<span class='label'>hospitals</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">hour</i>
</span>
<span class='label'>hour</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">hour_filled</i>
</span>
<span class='label'>hour_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">house_finance</i>
</span>
<span class='label'>house_finance</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">house_finance_filled</i>
</span>
<span class='label'>house_finance_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">increase</i>
</span>
<span class='label'>increase</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">info</i>
</span>
<span class='label'>info</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">info_filled</i>
</span>
<span class='label'>info_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">instagram</i>
</span>
<span class='label'>instagram</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">integration</i>
</span>
<span class='label'>integration</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">internet</i>
</span>
<span class='label'>internet</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">launch</i>
</span>
<span class='label'>launch</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">leisure</i>
</span>
<span class='label'>leisure</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">leisure_filled</i>
</span>
<span class='label'>leisure_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">lightbulb</i>
</span>
<span class='label'>lightbulb</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">lightbulb_filled</i>
</span>
<span class='label'>lightbulb_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">lightning</i>
</span>
<span class='label'>lightning</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">lightning_filled</i>
</span>
<span class='label'>lightning_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">link</i>
</span>
<span class='label'>link</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">linkedin</i>
</span>
<span class='label'>linkedin</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">list</i>
</span>
<span class='label'>list</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">list_blocks</i>
</span>
<span class='label'>list_blocks</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">lock</i>
</span>
<span class='label'>lock</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">lock_filled</i>
</span>
<span class='label'>lock_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">map</i>
</span>
<span class='label'>map</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">market</i>
</span>
<span class='label'>market</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">market_filled</i>
</span>
<span class='label'>market_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">megaphone</i>
</span>
<span class='label'>megaphone</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">megaphone_filled</i>
</span>
<span class='label'>megaphone_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">menu_hamburger</i>
</span>
<span class='label'>menu_hamburger</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">message</i>
</span>
<span class='label'>message</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">message_filled</i>
</span>
<span class='label'>message_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">mic</i>
</span>
<span class='label'>mic</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">mic_disabled</i>
</span>
<span class='label'>mic_disabled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">mic_disabled_filled</i>
</span>
<span class='label'>mic_disabled_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">mic_filled</i>
</span>
<span class='label'>mic_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">money</i>
</span>
<span class='label'>money</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">money_filled</i>
</span>
<span class='label'>money_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">new_tab</i>
</span>
<span class='label'>new_tab</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">order</i>
</span>
<span class='label'>order</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">order_filled</i>
</span>
<span class='label'>order_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">parking</i>
</span>
<span class='label'>parking</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">pause</i>
</span>
<span class='label'>pause</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">pet</i>
</span>
<span class='label'>pet</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">pet_filled</i>
</span>
<span class='label'>pet_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">pharmacy</i>
</span>
<span class='label'>pharmacy</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">pharmacy_filled</i>
</span>
<span class='label'>pharmacy_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">phone</i>
</span>
<span class='label'>phone</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">phone_filled</i>
</span>
<span class='label'>phone_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">phone_missed</i>
</span>
<span class='label'>phone_missed</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">phone_missed_filled</i>
</span>
<span class='label'>phone_missed_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">phone_ring</i>
</span>
<span class='label'>phone_ring</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">phone_ring_filled</i>
</span>
<span class='label'>phone_ring_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">pin</i>
</span>
<span class='label'>pin</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">pin_disabled</i>
</span>
<span class='label'>pin_disabled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">pin_disabled_filled</i>
</span>
<span class='label'>pin_disabled_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">pin_filled</i>
</span>
<span class='label'>pin_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">pin_with_radius</i>
</span>
<span class='label'>pin_with_radius</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">pinterest</i>
</span>
<span class='label'>pinterest</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">play</i>
</span>
<span class='label'>play</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">pool</i>
</span>
<span class='label'>pool</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">public_transport</i>
</span>
<span class='label'>public_transport</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">public_transport_filled</i>
</span>
<span class='label'>public_transport_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">rapid_message</i>
</span>
<span class='label'>rapid_message</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">rapid_message_filled</i>
</span>
<span class='label'>rapid_message_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">refresh</i>
</span>
<span class='label'>refresh</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">remove</i>
</span>
<span class='label'>remove</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">remove_filled</i>
</span>
<span class='label'>remove_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">remove_rounded_filled</i>
</span>
<span class='label'>remove_rounded_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">report</i>
</span>
<span class='label'>report</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">report_filled</i>
</span>
<span class='label'>report_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">restaurant</i>
</span>
<span class='label'>restaurant</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">rg</i>
</span>
<span class='label'>rg</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">rocket</i>
</span>
<span class='label'>rocket</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">save</i>
</span>
<span class='label'>save</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">save_filled</i>
</span>
<span class='label'>save_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">scale</i>
</span>
<span class='label'>scale</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">search</i>
</span>
<span class='label'>search</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">security</i>
</span>
<span class='label'>security</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">send</i>
</span>
<span class='label'>send</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">send_outlined</i>
</span>
<span class='label'>send_outlined</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">share_android</i>
</span>
<span class='label'>share_android</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">share_android_filled</i>
</span>
<span class='label'>share_android_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">share_ios</i>
</span>
<span class='label'>share_ios</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">share_web</i>
</span>
<span class='label'>share_web</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">share_web_filled</i>
</span>
<span class='label'>share_web_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">shopping_bag</i>
</span>
<span class='label'>shopping_bag</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">shopping_malls</i>
</span>
<span class='label'>shopping_malls</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">shopping_malls_filled</i>
</span>
<span class='label'>shopping_malls_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">spotify</i>
</span>
<span class='label'>spotify</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">star</i>
</span>
<span class='label'>star</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">star_filled</i>
</span>
<span class='label'>star_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">store</i>
</span>
<span class='label'>store</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">subway</i>
</span>
<span class='label'>subway</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">subway_filled</i>
</span>
<span class='label'>subway_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">tag</i>
</span>
<span class='label'>tag</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">tag_filled</i>
</span>
<span class='label'>tag_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">tasks</i>
</span>
<span class='label'>tasks</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">ticket</i>
</span>
<span class='label'>ticket</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">ticket_filled</i>
</span>
<span class='label'>ticket_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">transfer</i>
</span>
<span class='label'>transfer</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">tree</i>
</span>
<span class='label'>tree</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">trophy</i>
</span>
<span class='label'>trophy</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">trophy_filled</i>
</span>
<span class='label'>trophy_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">twitter</i>
</span>
<span class='label'>twitter</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">user</i>
</span>
<span class='label'>user</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">user_filled</i>
</span>
<span class='label'>user_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">users</i>
</span>
<span class='label'>users</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">users_filled</i>
</span>
<span class='label'>users_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">verified</i>
</span>
<span class='label'>verified</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">verified_outlined</i>
</span>
<span class='label'>verified_outlined</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">video</i>
</span>
<span class='label'>video</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">video_disabled</i>
</span>
<span class='label'>video_disabled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">video_disabled_filled</i>
</span>
<span class='label'>video_disabled_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">video_filled</i>
</span>
<span class='label'>video_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">video_plus</i>
</span>
<span class='label'>video_plus</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">video_plus_filled</i>
</span>
<span class='label'>video_plus_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">virtual_tour</i>
</span>
<span class='label'>virtual_tour</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">volume_down</i>
</span>
<span class='label'>volume_down</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">volume_down_filled</i>
</span>
<span class='label'>volume_down_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">volume_mute</i>
</span>
<span class='label'>volume_mute</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">volume_mute_outlined</i>
</span>
<span class='label'>volume_mute_outlined</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">volume_off</i>
</span>
<span class='label'>volume_off</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">volume_off_filled</i>
</span>
<span class='label'>volume_off_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">volume_up</i>
</span>
<span class='label'>volume_up</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">volume_up_filled</i>
</span>
<span class='label'>volume_up_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">warning</i>
</span>
<span class='label'>warning</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">warning_filled</i>
</span>
<span class='label'>warning_filled</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">whatsapp</i>
</span>
<span class='label'>whatsapp</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">x</i>
</span>
<span class='label'>x</span>
</div>
<div class="preview">
<span class="inner">
<i class="lif">youtube</i>
</span>
<span class='label'>youtube</span>
</div>
</body>
</html>