UNPKG

@vivareal/lina-icons

Version:

Lina Design System icon library

1,681 lines (1,675 loc) 44.6 kB
<!DOCTYPE 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>