@vtmn/icons
Version:
Decathlon Design System - Vitamin icons library
1,968 lines (1,538 loc) • 113 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vitamix</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: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 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: #666;
}
</style>
<link rel="stylesheet" type="text/css" href="vitamix.css" />
</head>
<body>
<h1>vitamix</h1>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-accessibility-fill"></i>
</span>
<br>
<span class='label'>accessibility-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-accessibility-line"></i>
</span>
<br>
<span class='label'>accessibility-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-add-circle-fill"></i>
</span>
<br>
<span class='label'>add-circle-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-add-circle-line"></i>
</span>
<br>
<span class='label'>add-circle-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-add-fill"></i>
</span>
<br>
<span class='label'>add-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-add-line"></i>
</span>
<br>
<span class='label'>add-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-alert-fill"></i>
</span>
<br>
<span class='label'>alert-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-alert-line"></i>
</span>
<br>
<span class='label'>alert-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-align-bottom-fill"></i>
</span>
<br>
<span class='label'>align-bottom-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-align-bottom-line"></i>
</span>
<br>
<span class='label'>align-bottom-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-align-center-fill"></i>
</span>
<br>
<span class='label'>align-center-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-align-center-line"></i>
</span>
<br>
<span class='label'>align-center-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-align-left-fill"></i>
</span>
<br>
<span class='label'>align-left-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-align-left-line"></i>
</span>
<br>
<span class='label'>align-left-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-align-right-fill"></i>
</span>
<br>
<span class='label'>align-right-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-align-right-line"></i>
</span>
<br>
<span class='label'>align-right-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-align-top-fill"></i>
</span>
<br>
<span class='label'>align-top-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-align-top-line"></i>
</span>
<br>
<span class='label'>align-top-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-align-vertically-fill"></i>
</span>
<br>
<span class='label'>align-vertically-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-align-vertically-line"></i>
</span>
<br>
<span class='label'>align-vertically-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-amazon-fill"></i>
</span>
<br>
<span class='label'>amazon-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-amazon-line"></i>
</span>
<br>
<span class='label'>amazon-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-android-fill"></i>
</span>
<br>
<span class='label'>android-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-android-line"></i>
</span>
<br>
<span class='label'>android-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-apple-fill"></i>
</span>
<br>
<span class='label'>apple-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-apple-line"></i>
</span>
<br>
<span class='label'>apple-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-down-circle-fill"></i>
</span>
<br>
<span class='label'>arrow-down-circle-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-down-circle-line"></i>
</span>
<br>
<span class='label'>arrow-down-circle-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-down-fill"></i>
</span>
<br>
<span class='label'>arrow-down-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-down-line"></i>
</span>
<br>
<span class='label'>arrow-down-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-go-back-fill"></i>
</span>
<br>
<span class='label'>arrow-go-back-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-go-back-line"></i>
</span>
<br>
<span class='label'>arrow-go-back-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-go-forward-fill"></i>
</span>
<br>
<span class='label'>arrow-go-forward-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-go-forward-line"></i>
</span>
<br>
<span class='label'>arrow-go-forward-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-left-circle-fill"></i>
</span>
<br>
<span class='label'>arrow-left-circle-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-left-circle-line"></i>
</span>
<br>
<span class='label'>arrow-left-circle-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-left-down-fill"></i>
</span>
<br>
<span class='label'>arrow-left-down-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-left-down-line"></i>
</span>
<br>
<span class='label'>arrow-left-down-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-left-fill"></i>
</span>
<br>
<span class='label'>arrow-left-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-left-line"></i>
</span>
<br>
<span class='label'>arrow-left-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-left-right-fill"></i>
</span>
<br>
<span class='label'>arrow-left-right-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-left-right-line"></i>
</span>
<br>
<span class='label'>arrow-left-right-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-left-up-fill"></i>
</span>
<br>
<span class='label'>arrow-left-up-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-left-up-line"></i>
</span>
<br>
<span class='label'>arrow-left-up-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-right-circle-fill"></i>
</span>
<br>
<span class='label'>arrow-right-circle-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-right-circle-line"></i>
</span>
<br>
<span class='label'>arrow-right-circle-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-right-down-fill"></i>
</span>
<br>
<span class='label'>arrow-right-down-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-right-down-line"></i>
</span>
<br>
<span class='label'>arrow-right-down-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-right-fill"></i>
</span>
<br>
<span class='label'>arrow-right-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-right-line"></i>
</span>
<br>
<span class='label'>arrow-right-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-right-up-fill"></i>
</span>
<br>
<span class='label'>arrow-right-up-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-right-up-line"></i>
</span>
<br>
<span class='label'>arrow-right-up-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-up-circle-fill"></i>
</span>
<br>
<span class='label'>arrow-up-circle-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-up-circle-line"></i>
</span>
<br>
<span class='label'>arrow-up-circle-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-up-down-fill"></i>
</span>
<br>
<span class='label'>arrow-up-down-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-up-down-line"></i>
</span>
<br>
<span class='label'>arrow-up-down-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-up-fill"></i>
</span>
<br>
<span class='label'>arrow-up-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-arrow-up-line"></i>
</span>
<br>
<span class='label'>arrow-up-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-attachment-fill"></i>
</span>
<br>
<span class='label'>attachment-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-attachment-line"></i>
</span>
<br>
<span class='label'>attachment-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-award-fill"></i>
</span>
<br>
<span class='label'>award-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-award-line"></i>
</span>
<br>
<span class='label'>award-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-bank-card-fill"></i>
</span>
<br>
<span class='label'>bank-card-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-bank-card-line"></i>
</span>
<br>
<span class='label'>bank-card-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-bar-chart-fill"></i>
</span>
<br>
<span class='label'>bar-chart-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-bar-chart-line"></i>
</span>
<br>
<span class='label'>bar-chart-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-barcode-fill"></i>
</span>
<br>
<span class='label'>barcode-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-barcode-line"></i>
</span>
<br>
<span class='label'>barcode-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-bill-fill"></i>
</span>
<br>
<span class='label'>bill-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-bill-line"></i>
</span>
<br>
<span class='label'>bill-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-body-scan-fill"></i>
</span>
<br>
<span class='label'>body-scan-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-body-scan-line"></i>
</span>
<br>
<span class='label'>body-scan-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-bold-fill"></i>
</span>
<br>
<span class='label'>bold-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-bold-line"></i>
</span>
<br>
<span class='label'>bold-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-calendar-2-fill"></i>
</span>
<br>
<span class='label'>calendar-2-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-calendar-2-line"></i>
</span>
<br>
<span class='label'>calendar-2-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-calendar-check-fill"></i>
</span>
<br>
<span class='label'>calendar-check-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-calendar-check-line"></i>
</span>
<br>
<span class='label'>calendar-check-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-calendar-date-fill"></i>
</span>
<br>
<span class='label'>calendar-date-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-calendar-date-line"></i>
</span>
<br>
<span class='label'>calendar-date-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-calendar-fill"></i>
</span>
<br>
<span class='label'>calendar-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-calendar-line"></i>
</span>
<br>
<span class='label'>calendar-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-camera-fill"></i>
</span>
<br>
<span class='label'>camera-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-camera-line"></i>
</span>
<br>
<span class='label'>camera-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-car-fill"></i>
</span>
<br>
<span class='label'>car-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-car-line"></i>
</span>
<br>
<span class='label'>car-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-check-fill"></i>
</span>
<br>
<span class='label'>check-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-check-line"></i>
</span>
<br>
<span class='label'>check-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-checkbox-blank-circle-fill"></i>
</span>
<br>
<span class='label'>checkbox-blank-circle-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-checkbox-blank-circle-line"></i>
</span>
<br>
<span class='label'>checkbox-blank-circle-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-checkbox-blank-fill"></i>
</span>
<br>
<span class='label'>checkbox-blank-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-checkbox-blank-line"></i>
</span>
<br>
<span class='label'>checkbox-blank-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-checkbox-circle-fill"></i>
</span>
<br>
<span class='label'>checkbox-circle-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-checkbox-circle-line"></i>
</span>
<br>
<span class='label'>checkbox-circle-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-checkbox-fill"></i>
</span>
<br>
<span class='label'>checkbox-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-checkbox-line"></i>
</span>
<br>
<span class='label'>checkbox-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-checkbox-multiple-fill"></i>
</span>
<br>
<span class='label'>checkbox-multiple-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-checkbox-multiple-line"></i>
</span>
<br>
<span class='label'>checkbox-multiple-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-chevron-down-fill"></i>
</span>
<br>
<span class='label'>chevron-down-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-chevron-down-line"></i>
</span>
<br>
<span class='label'>chevron-down-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-chevron-left-fill"></i>
</span>
<br>
<span class='label'>chevron-left-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-chevron-left-line"></i>
</span>
<br>
<span class='label'>chevron-left-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-chevron-right-fill"></i>
</span>
<br>
<span class='label'>chevron-right-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-chevron-right-line"></i>
</span>
<br>
<span class='label'>chevron-right-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-chevron-up-fill"></i>
</span>
<br>
<span class='label'>chevron-up-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-chevron-up-line"></i>
</span>
<br>
<span class='label'>chevron-up-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-chrome-fill"></i>
</span>
<br>
<span class='label'>chrome-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-chrome-line"></i>
</span>
<br>
<span class='label'>chrome-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-close-circle-fill"></i>
</span>
<br>
<span class='label'>close-circle-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-close-circle-line"></i>
</span>
<br>
<span class='label'>close-circle-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-close-fill"></i>
</span>
<br>
<span class='label'>close-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-close-line"></i>
</span>
<br>
<span class='label'>close-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-cloud-fill"></i>
</span>
<br>
<span class='label'>cloud-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-cloud-line"></i>
</span>
<br>
<span class='label'>cloud-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-cloud-windy-fill"></i>
</span>
<br>
<span class='label'>cloud-windy-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-cloud-windy-line"></i>
</span>
<br>
<span class='label'>cloud-windy-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-counter-fill"></i>
</span>
<br>
<span class='label'>counter-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-counter-line"></i>
</span>
<br>
<span class='label'>counter-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-customer-service-fill"></i>
</span>
<br>
<span class='label'>customer-service-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-customer-service-line"></i>
</span>
<br>
<span class='label'>customer-service-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-database-fill"></i>
</span>
<br>
<span class='label'>database-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-database-line"></i>
</span>
<br>
<span class='label'>database-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-delete-bin-fill"></i>
</span>
<br>
<span class='label'>delete-bin-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-delete-bin-line"></i>
</span>
<br>
<span class='label'>delete-bin-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-direction-fill"></i>
</span>
<br>
<span class='label'>direction-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-direction-line"></i>
</span>
<br>
<span class='label'>direction-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-distance-fill"></i>
</span>
<br>
<span class='label'>distance-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-distance-line"></i>
</span>
<br>
<span class='label'>distance-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-download-fill"></i>
</span>
<br>
<span class='label'>download-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-download-line"></i>
</span>
<br>
<span class='label'>download-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-drive-fill"></i>
</span>
<br>
<span class='label'>drive-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-drive-line"></i>
</span>
<br>
<span class='label'>drive-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-drizzle-fill"></i>
</span>
<br>
<span class='label'>drizzle-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-drizzle-line"></i>
</span>
<br>
<span class='label'>drizzle-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-earth-fill"></i>
</span>
<br>
<span class='label'>earth-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-earth-line"></i>
</span>
<br>
<span class='label'>earth-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-edit-fill"></i>
</span>
<br>
<span class='label'>edit-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-edit-line"></i>
</span>
<br>
<span class='label'>edit-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-emotion-fill"></i>
</span>
<br>
<span class='label'>emotion-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-emotion-laugh-fill"></i>
</span>
<br>
<span class='label'>emotion-laugh-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-emotion-laugh-line"></i>
</span>
<br>
<span class='label'>emotion-laugh-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-emotion-line"></i>
</span>
<br>
<span class='label'>emotion-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-emotion-normal-fill"></i>
</span>
<br>
<span class='label'>emotion-normal-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-emotion-normal-line"></i>
</span>
<br>
<span class='label'>emotion-normal-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-emotion-sad-fill"></i>
</span>
<br>
<span class='label'>emotion-sad-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-emotion-sad-line"></i>
</span>
<br>
<span class='label'>emotion-sad-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-emotion-unhappy-fill"></i>
</span>
<br>
<span class='label'>emotion-unhappy-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-emotion-unhappy-line"></i>
</span>
<br>
<span class='label'>emotion-unhappy-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-equalizer-fill"></i>
</span>
<br>
<span class='label'>equalizer-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-equalizer-line"></i>
</span>
<br>
<span class='label'>equalizer-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-error-warning-fill"></i>
</span>
<br>
<span class='label'>error-warning-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-error-warning-line"></i>
</span>
<br>
<span class='label'>error-warning-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-exchange-fill"></i>
</span>
<br>
<span class='label'>exchange-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-exchange-line"></i>
</span>
<br>
<span class='label'>exchange-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-external-link-fill"></i>
</span>
<br>
<span class='label'>external-link-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-external-link-line"></i>
</span>
<br>
<span class='label'>external-link-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-eye-fill"></i>
</span>
<br>
<span class='label'>eye-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-eye-line"></i>
</span>
<br>
<span class='label'>eye-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-eye-off-fill"></i>
</span>
<br>
<span class='label'>eye-off-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-eye-off-line"></i>
</span>
<br>
<span class='label'>eye-off-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-facebook-fill"></i>
</span>
<br>
<span class='label'>facebook-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-facebook-line"></i>
</span>
<br>
<span class='label'>facebook-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-feedback-fill"></i>
</span>
<br>
<span class='label'>feedback-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-feedback-line"></i>
</span>
<br>
<span class='label'>feedback-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-file-copy-fill"></i>
</span>
<br>
<span class='label'>file-copy-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-file-copy-line"></i>
</span>
<br>
<span class='label'>file-copy-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-file-fill"></i>
</span>
<br>
<span class='label'>file-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-file-line"></i>
</span>
<br>
<span class='label'>file-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-film-fill"></i>
</span>
<br>
<span class='label'>film-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-film-line"></i>
</span>
<br>
<span class='label'>film-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-filter-fill"></i>
</span>
<br>
<span class='label'>filter-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-filter-line"></i>
</span>
<br>
<span class='label'>filter-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-filter-off-fill"></i>
</span>
<br>
<span class='label'>filter-off-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-filter-off-line"></i>
</span>
<br>
<span class='label'>filter-off-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-fire-fill"></i>
</span>
<br>
<span class='label'>fire-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-fire-line"></i>
</span>
<br>
<span class='label'>fire-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-firefox-fill"></i>
</span>
<br>
<span class='label'>firefox-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-firefox-line"></i>
</span>
<br>
<span class='label'>firefox-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-flashlight-fill"></i>
</span>
<br>
<span class='label'>flashlight-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-flashlight-line"></i>
</span>
<br>
<span class='label'>flashlight-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-focus-fill"></i>
</span>
<br>
<span class='label'>focus-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-focus-line"></i>
</span>
<br>
<span class='label'>focus-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-foggy-fill"></i>
</span>
<br>
<span class='label'>foggy-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-foggy-line"></i>
</span>
<br>
<span class='label'>foggy-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-font-size-fill"></i>
</span>
<br>
<span class='label'>font-size-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-font-size-line"></i>
</span>
<br>
<span class='label'>font-size-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-football-fill"></i>
</span>
<br>
<span class='label'>football-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-football-line"></i>
</span>
<br>
<span class='label'>football-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-forbid-fill"></i>
</span>
<br>
<span class='label'>forbid-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-forbid-line"></i>
</span>
<br>
<span class='label'>forbid-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-fullscreen-fill"></i>
</span>
<br>
<span class='label'>fullscreen-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-fullscreen-line"></i>
</span>
<br>
<span class='label'>fullscreen-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-function-fill"></i>
</span>
<br>
<span class='label'>function-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-function-line"></i>
</span>
<br>
<span class='label'>function-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-gift-fill"></i>
</span>
<br>
<span class='label'>gift-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-gift-line"></i>
</span>
<br>
<span class='label'>gift-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-github-fill"></i>
</span>
<br>
<span class='label'>github-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-github-line"></i>
</span>
<br>
<span class='label'>github-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-google-fill"></i>
</span>
<br>
<span class='label'>google-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-google-line"></i>
</span>
<br>
<span class='label'>google-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-grid-fill"></i>
</span>
<br>
<span class='label'>grid-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-grid-line"></i>
</span>
<br>
<span class='label'>grid-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-group-fill"></i>
</span>
<br>
<span class='label'>group-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-group-line"></i>
</span>
<br>
<span class='label'>group-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-hail-fill"></i>
</span>
<br>
<span class='label'>hail-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-hail-line"></i>
</span>
<br>
<span class='label'>hail-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-hearing-impairment-fill"></i>
</span>
<br>
<span class='label'>hearing-impairment-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-hearing-impairment-line"></i>
</span>
<br>
<span class='label'>hearing-impairment-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-heart-fill"></i>
</span>
<br>
<span class='label'>heart-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-heart-line"></i>
</span>
<br>
<span class='label'>heart-line</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-heart-pulse-fill"></i>
</span>
<br>
<span class='label'>heart-pulse-fill</span>
</div>
<div class="preview">
<span class="inner">
<i class="vtmx vtmx-heart-pulse-line"></i>
</span>
<br>
<span class='label'>heart-pulse-line</span>
</div>
<div class="preview">