elementor-icons/index.html
2025-04-10 11:22:59 +02:00

2757 lines
104 KiB
HTML
Executable file

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Elementor Icons (eicons)</title>
<meta name="description" content="Elementor Icons is an icon library used by Elementor site builder.">
<style>
@font-face {
font-family: 'eicons';
src:
url('./fonts/eicons.woff2?42232160') format('woff2'),
url('./fonts/eicons.woff?42232160') format('woff'),
url('./fonts/eicons.ttf?42232160') format('truetype'),
url('./fonts/eicons.svg?42232160#eicons') format('svg'),
url('./fonts/eicons.eot?42232160') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
body:has( #main.light ) {
--header-background-color: #ffffffee;
--header-heading-color: #92003B;
--header-subheading-color: #999999;
--header-switcher-color: #999999;
--body-text-color: #000000;
--body-accent-color: #92003B;
--body-background-color: #ffffff;
--content-separator-color: #dddddd;
--icon-hover-color: #FFE1F966;
}
body:has( #main.dark ) {
--header-background-color: #333333;
--header-heading-color: #ff7be5;
--header-subheading-color: #999999;
--header-switcher-color: #999999;
--body-text-color: #ffffff;
--body-accent-color: #ff7be5;
--body-background-color: #333333;
--content-separator-color: #666666;
--icon-hover-color: #66666666;
}
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: var(--body-text-color);
background-color: var(--body-background-color);
}
.container {
max-width: 1200px;
margin-inline: auto;
}
#header {
display: flex;
flex-direction: var(--header-fex-direction, row);
justify-content: var(--header-justify-content, space-between);
align-items: var(--header-align-items, center);
gap: 2px;
position: fixed;
inset: 0 0 auto;
z-index: 1;
padding: 5px 10px;
background-color: var(--header-background-color);
border-block-end: 1px solid var(--content-separator-color);
}
#main {
display: grid;
grid-template-columns: repeat(var(--displayed-items), 1fr);
justify-items: stretch;
gap: 10px;
padding: 100px 10px 50px;
}
#footer {
padding: 40px 10px;
border-block-start: 1px solid var(--content-separator-color);
text-align: center;
}
h1 {
margin: 10px 0;
font-size: 38px;
font-family: inherit;
font-weight: bold;
line-height: 1;
color: var(--header-heading-color);
}
h1 small {
font-size: 24px;
font-weight: normal;
line-height: 1;
color: var(--header-subheading-color);
}
a {
color: var(--body-accent-color);
}
button {
color: var(--body-text-color);
}
.switch {
display: flex;
align-items: center;
gap: 10px;
user-select: none;
}
.switch input {
display: none;
}
.switch input + label {
display: inline-block;
width: 40px;
height: 20px;
background-color: var(--header-switcher-color);
border-radius: 10px;
position: relative;
cursor: pointer;
}
.switch input + label::before {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 16px;
height: 16px;
background-color: var(--body-background-color);
border-radius: 50%;
transition: transform 0.3s;
}
.switch input:checked + label {
background-color: var(--body-accent-color);
}
.switch input:checked + label::before {
transform: translateX(20px);
}
search {
display: flex;
align-items: center;
gap: 50px;
}
/* Icon */
#main .icon-wrapper {
appearance: none;
background-color: transparent;
border: none;
margin: 0;
padding: 0;
cursor: auto;
border-radius: 6px;
user-select: text;
}
#main .icon-element {
font-family: "eicons";
font-style: normal;
font-weight: normal;
font-size: 2em;
line-height: 1em;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
/* Reset parent styles that can break glyph codes */
font-variant: normal;
text-transform: none;
/* Font smoothing */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#main .icon-wrapper:where(:hover, :focus, :target) {
background-color: var(--icon-hover-color);
outline: 2px solid var(--body-accent-color);
}
#main .icon-wrapper :where(.icon-element, .icon-name, .icon-code) {
transition-duration: 300ms;
}
/* List view */
#main.list {
--displayed-items: 4;
}
#main.list .icon-wrapper {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas:
"element name"
"element code";
gap: 5px 25px;
justify-items: stretch;
align-items: center;
justify-content: stretch;
align-content: center;
text-align: start;
padding: 5px 10px;
transition-duration: 300ms;
}
#main.list .icon-wrapper .icon-element {
grid-area: element;
}
#main.list .icon-wrapper .icon-name {
grid-area: name;
}
#main.list .icon-wrapper .icon-code {
grid-area: code;
}
#main.list .icon-wrapper:where(:hover, :focus, :target) .icon-element {
transform-origin: left center;
transform: scale(1.2);
}
#main.list .icon-wrapper:where(:hover, :focus, :target) .icon-name {
transform: translateX(10px);
}
#main.list .icon-wrapper:where(:hover, :focus, :target) .icon-code {
transform: translateX(10px);
transition-delay: 100ms;
}
/* Grid view */
#main.grid {
--displayed-items: 6;
}
#main.grid .icon-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 2px;
padding: 8px 2px;
overflow: hidden;
}
#main.grid .icon-wrapper .icon-element {
transform: translateY(10px);
}
#main.grid .icon-wrapper .icon-name {
opacity: 0;
transform: translateY(10px);
}
#main.grid .icon-wrapper .icon-code {
opacity: 0;
transform: translateY(10px);
}
#main.grid .icon-wrapper:where(:hover, :focus, :target) {
transition-duration: 300ms;
}
#main.grid .icon-wrapper:where(:hover, :focus, :target) .icon-element {
transform: translateY(0) scale(1.1);
}
#main.grid .icon-wrapper:where(:hover, :focus, :target) .icon-name {
opacity: 1;
transform: translateY(0);
}
#main.grid .icon-wrapper:where(:hover, :focus, :target) .icon-code {
opacity: 1;
transform: translateY(0);
transition-delay: 100ms;
}
/* Responsiveness */
@media (max-width: 1024px) {
#main.list {
--displayed-items: 3;
}
#main.grid {
--displayed-items: 4;
}
}
@media (max-width: 768px) {
#header {
--header-fex-direction: column;
--header-align-items: start;
}
#main.list {
--displayed-items: 2;
}
#main.grid {
--displayed-items: 3;
}
}
@media (max-width: 550px) {
#main.list {
--displayed-items: 1;
}
#main.grid {
--displayed-items: 2;
}
}
</style>
<script>
function toggleClasses(class1, class2) {
const mainElement = document.getElementById('main');
mainElement.classList.toggle(class1);
mainElement.classList.toggle(class2);
}
</script>
</head>
<body>
<header class="container" id="header">
<h1> Elementor Icons <small> (eicons) </small> </h1>
<search title="Filter Icons">
<div class="switch">
List
<input type="checkbox" id="view" onclick="toggleClasses('list', 'grid')" />
<label for="view"></label>
Grid
</div>
<div class="switch">
Light
<input type="checkbox" id="theme" onclick="toggleClasses('light', 'dark')" />
<label for="theme"></label>
Dark
</div>
</search>
</header>
<main class="container list light" id="main">
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-elementor">&#xe812;</i>
<span class="icon-name">eicon-elementor</span>
<span class="icon-code">0xe812</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-elementor-circle">&#xe813;</i>
<span class="icon-name">eicon-elementor-circle</span>
<span class="icon-code">0xe813</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-wordpress">&#xe86c;</i>
<span class="icon-name">eicon-wordpress</span>
<span class="icon-code">0xe86c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-wordpress-light">&#xe977;</i>
<span class="icon-name">eicon-wordpress-light</span>
<span class="icon-code">0xe977</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-link">&#xe800;</i>
<span class="icon-name">eicon-editor-link</span>
<span class="icon-code">0xe800</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-unlink">&#xe801;</i>
<span class="icon-name">eicon-editor-unlink</span>
<span class="icon-code">0xe801</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-external-link">&#xe802;</i>
<span class="icon-name">eicon-editor-external-link</span>
<span class="icon-code">0xe802</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-close">&#xe803;</i>
<span class="icon-name">eicon-editor-close</span>
<span class="icon-code">0xe803</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-list-ol">&#xe804;</i>
<span class="icon-name">eicon-editor-list-ol</span>
<span class="icon-code">0xe804</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-list-ul">&#xe805;</i>
<span class="icon-name">eicon-editor-list-ul</span>
<span class="icon-code">0xe805</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-bold">&#xe806;</i>
<span class="icon-name">eicon-editor-bold</span>
<span class="icon-code">0xe806</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-italic">&#xe807;</i>
<span class="icon-name">eicon-editor-italic</span>
<span class="icon-code">0xe807</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-underline">&#xe808;</i>
<span class="icon-name">eicon-editor-underline</span>
<span class="icon-code">0xe808</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-paragraph">&#xe809;</i>
<span class="icon-name">eicon-editor-paragraph</span>
<span class="icon-code">0xe809</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-h1">&#xe80a;</i>
<span class="icon-name">eicon-editor-h1</span>
<span class="icon-code">0xe80a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-h2">&#xe80b;</i>
<span class="icon-name">eicon-editor-h2</span>
<span class="icon-code">0xe80b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-h3">&#xe80c;</i>
<span class="icon-name">eicon-editor-h3</span>
<span class="icon-code">0xe80c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-h4">&#xe80d;</i>
<span class="icon-name">eicon-editor-h4</span>
<span class="icon-code">0xe80d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-h5">&#xe80e;</i>
<span class="icon-name">eicon-editor-h5</span>
<span class="icon-code">0xe80e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-h6">&#xe80f;</i>
<span class="icon-name">eicon-editor-h6</span>
<span class="icon-code">0xe80f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-quote">&#xe810;</i>
<span class="icon-name">eicon-editor-quote</span>
<span class="icon-code">0xe810</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-editor-code">&#xe811;</i>
<span class="icon-name">eicon-editor-code</span>
<span class="icon-code">0xe811</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-pojome">&#xe814;</i>
<span class="icon-name">eicon-pojome</span>
<span class="icon-code">0xe814</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-plus">&#xe815;</i>
<span class="icon-name">eicon-plus</span>
<span class="icon-code">0xe815</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-menu-bar">&#xe816;</i>
<span class="icon-name">eicon-menu-bar</span>
<span class="icon-code">0xe816</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-apps">&#xe817;</i>
<span class="icon-name">eicon-apps</span>
<span class="icon-code">0xe817</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-accordion">&#xe818;</i>
<span class="icon-name">eicon-accordion</span>
<span class="icon-code">0xe818</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-alert">&#xe819;</i>
<span class="icon-name">eicon-alert</span>
<span class="icon-code">0xe819</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-animation-text">&#xe81a;</i>
<span class="icon-name">eicon-animation-text</span>
<span class="icon-code">0xe81a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-animation">&#xe81b;</i>
<span class="icon-name">eicon-animation</span>
<span class="icon-code">0xe81b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-banner">&#xe81c;</i>
<span class="icon-name">eicon-banner</span>
<span class="icon-code">0xe81c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-blockquote">&#xe81d;</i>
<span class="icon-name">eicon-blockquote</span>
<span class="icon-code">0xe81d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-button">&#xe81e;</i>
<span class="icon-name">eicon-button</span>
<span class="icon-code">0xe81e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-call-to-action">&#xe81f;</i>
<span class="icon-name">eicon-call-to-action</span>
<span class="icon-code">0xe81f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-captcha">&#xe820;</i>
<span class="icon-name">eicon-captcha</span>
<span class="icon-code">0xe820</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-carousel">&#xe821;</i>
<span class="icon-name">eicon-carousel</span>
<span class="icon-code">0xe821</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-checkbox">&#xe822;</i>
<span class="icon-name">eicon-checkbox</span>
<span class="icon-code">0xe822</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-columns">&#xe823;</i>
<span class="icon-name">eicon-columns</span>
<span class="icon-code">0xe823</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-countdown">&#xe824;</i>
<span class="icon-name">eicon-countdown</span>
<span class="icon-code">0xe824</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-counter">&#xe825;</i>
<span class="icon-name">eicon-counter</span>
<span class="icon-code">0xe825</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-date">&#xe826;</i>
<span class="icon-name">eicon-date</span>
<span class="icon-code">0xe826</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-divider-shape">&#xe827;</i>
<span class="icon-name">eicon-divider-shape</span>
<span class="icon-code">0xe827</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-divider">&#xe828;</i>
<span class="icon-name">eicon-divider</span>
<span class="icon-code">0xe828</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-download-button">&#xe829;</i>
<span class="icon-name">eicon-download-button</span>
<span class="icon-code">0xe829</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-dual-button">&#xe82a;</i>
<span class="icon-name">eicon-dual-button</span>
<span class="icon-code">0xe82a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-email-field">&#xe82b;</i>
<span class="icon-name">eicon-email-field</span>
<span class="icon-code">0xe82b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-facebook-comments">&#xe82c;</i>
<span class="icon-name">eicon-facebook-comments</span>
<span class="icon-code">0xe82c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-facebook-like-box">&#xe82d;</i>
<span class="icon-name">eicon-facebook-like-box</span>
<span class="icon-code">0xe82d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-form-horizontal">&#xe82e;</i>
<span class="icon-name">eicon-form-horizontal</span>
<span class="icon-code">0xe82e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-form-vertical">&#xe82f;</i>
<span class="icon-name">eicon-form-vertical</span>
<span class="icon-code">0xe82f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-gallery-grid">&#xe830;</i>
<span class="icon-name">eicon-gallery-grid</span>
<span class="icon-code">0xe830</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-gallery-group">&#xe831;</i>
<span class="icon-name">eicon-gallery-group</span>
<span class="icon-code">0xe831</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-gallery-justified">&#xe832;</i>
<span class="icon-name">eicon-gallery-justified</span>
<span class="icon-code">0xe832</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-gallery-masonry">&#xe833;</i>
<span class="icon-name">eicon-gallery-masonry</span>
<span class="icon-code">0xe833</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-icon-wrapper">&#xe834;</i>
<span class="icon-name">eicon-icon-wrapper</span>
<span class="icon-code">0xe834</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-image-before-after">&#xe835;</i>
<span class="icon-name">eicon-image-before-after</span>
<span class="icon-code">0xe835</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-image-box">&#xe836;</i>
<span class="icon-name">eicon-image-box</span>
<span class="icon-code">0xe836</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-image-hotspot">&#xe837;</i>
<span class="icon-name">eicon-image-hotspot</span>
<span class="icon-code">0xe837</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-image-rollover">&#xe838;</i>
<span class="icon-name">eicon-image-rollover</span>
<span class="icon-code">0xe838</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-info-box">&#xe839;</i>
<span class="icon-name">eicon-info-box</span>
<span class="icon-code">0xe839</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-inner-section">&#xe83a;</i>
<span class="icon-name">eicon-inner-section</span>
<span class="icon-code">0xe83a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-mailchimp">&#xe83b;</i>
<span class="icon-name">eicon-mailchimp</span>
<span class="icon-code">0xe83b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-menu-card">&#xe83c;</i>
<span class="icon-name">eicon-menu-card</span>
<span class="icon-code">0xe83c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-navigation-horizontal">&#xe83d;</i>
<span class="icon-name">eicon-navigation-horizontal</span>
<span class="icon-code">0xe83d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-nav-menu">&#xe83e;</i>
<span class="icon-name">eicon-nav-menu</span>
<span class="icon-code">0xe83e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-navigation-vertical">&#xe83f;</i>
<span class="icon-name">eicon-navigation-vertical</span>
<span class="icon-code">0xe83f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-number-field">&#xe840;</i>
<span class="icon-name">eicon-number-field</span>
<span class="icon-code">0xe840</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-parallax">&#xe841;</i>
<span class="icon-name">eicon-parallax</span>
<span class="icon-code">0xe841</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-php7">&#xe842;</i>
<span class="icon-name">eicon-php7</span>
<span class="icon-code">0xe842</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-post-list">&#xe843;</i>
<span class="icon-name">eicon-post-list</span>
<span class="icon-code">0xe843</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-post-slider">&#xe844;</i>
<span class="icon-name">eicon-post-slider</span>
<span class="icon-code">0xe844</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-post">&#xe845;</i>
<span class="icon-name">eicon-post</span>
<span class="icon-code">0xe845</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-posts-carousel">&#xe846;</i>
<span class="icon-name">eicon-posts-carousel</span>
<span class="icon-code">0xe846</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-posts-grid">&#xe847;</i>
<span class="icon-name">eicon-posts-grid</span>
<span class="icon-code">0xe847</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-posts-group">&#xe848;</i>
<span class="icon-name">eicon-posts-group</span>
<span class="icon-code">0xe848</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-posts-justified">&#xe849;</i>
<span class="icon-name">eicon-posts-justified</span>
<span class="icon-code">0xe849</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-posts-masonry">&#xe84a;</i>
<span class="icon-name">eicon-posts-masonry</span>
<span class="icon-code">0xe84a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-posts-ticker">&#xe84b;</i>
<span class="icon-name">eicon-posts-ticker</span>
<span class="icon-code">0xe84b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-price-list">&#xe84c;</i>
<span class="icon-name">eicon-price-list</span>
<span class="icon-code">0xe84c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-price-table">&#xe84d;</i>
<span class="icon-name">eicon-price-table</span>
<span class="icon-code">0xe84d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-radio">&#xe84e;</i>
<span class="icon-name">eicon-radio</span>
<span class="icon-code">0xe84e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-rtl">&#xe84f;</i>
<span class="icon-name">eicon-rtl</span>
<span class="icon-code">0xe84f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-scroll">&#xe850;</i>
<span class="icon-name">eicon-scroll</span>
<span class="icon-code">0xe850</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-search">&#xe851;</i>
<span class="icon-name">eicon-search</span>
<span class="icon-code">0xe851</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-select">&#xe852;</i>
<span class="icon-name">eicon-select</span>
<span class="icon-code">0xe852</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-share">&#xe853;</i>
<span class="icon-name">eicon-share</span>
<span class="icon-code">0xe853</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-sidebar">&#xe854;</i>
<span class="icon-name">eicon-sidebar</span>
<span class="icon-code">0xe854</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-skill-bar">&#xe855;</i>
<span class="icon-name">eicon-skill-bar</span>
<span class="icon-code">0xe855</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-slider-3d">&#xe856;</i>
<span class="icon-name">eicon-slider-3d</span>
<span class="icon-code">0xe856</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-slider-album">&#xe857;</i>
<span class="icon-name">eicon-slider-album</span>
<span class="icon-code">0xe857</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-slider-device">&#xe858;</i>
<span class="icon-name">eicon-slider-device</span>
<span class="icon-code">0xe858</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-slider-full-screen">&#xe859;</i>
<span class="icon-name">eicon-slider-full-screen</span>
<span class="icon-code">0xe859</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-slider-push">&#xe85a;</i>
<span class="icon-name">eicon-slider-push</span>
<span class="icon-code">0xe85a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-slider-vertical">&#xe85b;</i>
<span class="icon-name">eicon-slider-vertical</span>
<span class="icon-code">0xe85b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-slider-video">&#xe85c;</i>
<span class="icon-name">eicon-slider-video</span>
<span class="icon-code">0xe85c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-slides">&#xe85d;</i>
<span class="icon-name">eicon-slides</span>
<span class="icon-code">0xe85d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-social-icons">&#xe85e;</i>
<span class="icon-name">eicon-social-icons</span>
<span class="icon-code">0xe85e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-spacer">&#xe85f;</i>
<span class="icon-name">eicon-spacer</span>
<span class="icon-code">0xe85f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-table">&#xe860;</i>
<span class="icon-name">eicon-table</span>
<span class="icon-code">0xe860</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-tabs">&#xe861;</i>
<span class="icon-name">eicon-tabs</span>
<span class="icon-code">0xe861</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-tel-field">&#xe862;</i>
<span class="icon-name">eicon-tel-field</span>
<span class="icon-code">0xe862</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-text-area">&#xe863;</i>
<span class="icon-name">eicon-text-area</span>
<span class="icon-code">0xe863</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-text-field">&#xe864;</i>
<span class="icon-name">eicon-text-field</span>
<span class="icon-code">0xe864</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-thumbnails-down">&#xe865;</i>
<span class="icon-name">eicon-thumbnails-down</span>
<span class="icon-code">0xe865</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-thumbnails-half">&#xe866;</i>
<span class="icon-name">eicon-thumbnails-half</span>
<span class="icon-code">0xe866</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-thumbnails-right">&#xe867;</i>
<span class="icon-name">eicon-thumbnails-right</span>
<span class="icon-code">0xe867</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-time-line">&#xe868;</i>
<span class="icon-name">eicon-time-line</span>
<span class="icon-code">0xe868</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-toggle">&#xe869;</i>
<span class="icon-name">eicon-toggle</span>
<span class="icon-code">0xe869</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-url">&#xe86a;</i>
<span class="icon-name">eicon-url</span>
<span class="icon-code">0xe86a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-t-letter">&#xe86b;</i>
<span class="icon-name">eicon-t-letter</span>
<span class="icon-code">0xe86b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-text">&#xe86d;</i>
<span class="icon-name">eicon-text</span>
<span class="icon-code">0xe86d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-anchor">&#xe86e;</i>
<span class="icon-name">eicon-anchor</span>
<span class="icon-code">0xe86e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-bullet-list">&#xe86f;</i>
<span class="icon-name">eicon-bullet-list</span>
<span class="icon-code">0xe86f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-code">&#xe870;</i>
<span class="icon-name">eicon-code</span>
<span class="icon-code">0xe870</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-favorite">&#xe871;</i>
<span class="icon-name">eicon-favorite</span>
<span class="icon-code">0xe871</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-google-maps">&#xe872;</i>
<span class="icon-name">eicon-google-maps</span>
<span class="icon-code">0xe872</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-image">&#xe873;</i>
<span class="icon-name">eicon-image</span>
<span class="icon-code">0xe873</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-photo-library">&#xe874;</i>
<span class="icon-name">eicon-photo-library</span>
<span class="icon-code">0xe874</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-woocommerce">&#xe875;</i>
<span class="icon-name">eicon-woocommerce</span>
<span class="icon-code">0xe875</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-youtube">&#xe876;</i>
<span class="icon-name">eicon-youtube</span>
<span class="icon-code">0xe876</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-flip-box">&#xe877;</i>
<span class="icon-name">eicon-flip-box</span>
<span class="icon-code">0xe877</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-settings">&#xe878;</i>
<span class="icon-name">eicon-settings</span>
<span class="icon-code">0xe878</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-headphones">&#xe879;</i>
<span class="icon-name">eicon-headphones</span>
<span class="icon-code">0xe879</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-testimonial">&#xe87a;</i>
<span class="icon-name">eicon-testimonial</span>
<span class="icon-code">0xe87a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-counter-circle">&#xe87b;</i>
<span class="icon-name">eicon-counter-circle</span>
<span class="icon-code">0xe87b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-person">&#xe87c;</i>
<span class="icon-name">eicon-person</span>
<span class="icon-code">0xe87c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-chevron-right">&#xe87d;</i>
<span class="icon-name">eicon-chevron-right</span>
<span class="icon-code">0xe87d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-chevron-left">&#xe87e;</i>
<span class="icon-name">eicon-chevron-left</span>
<span class="icon-code">0xe87e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-close">&#xe87f;</i>
<span class="icon-name">eicon-close</span>
<span class="icon-code">0xe87f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-file-download">&#xe880;</i>
<span class="icon-name">eicon-file-download</span>
<span class="icon-code">0xe880</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-save">&#xe881;</i>
<span class="icon-name">eicon-save</span>
<span class="icon-code">0xe881</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-zoom-in">&#xe882;</i>
<span class="icon-name">eicon-zoom-in</span>
<span class="icon-code">0xe882</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-shortcode">&#xe883;</i>
<span class="icon-name">eicon-shortcode</span>
<span class="icon-code">0xe883</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-nerd">&#xe884;</i>
<span class="icon-name">eicon-nerd</span>
<span class="icon-code">0xe884</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-device-desktop">&#xe885;</i>
<span class="icon-name">eicon-device-desktop</span>
<span class="icon-code">0xe885</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-device-tablet">&#xe886;</i>
<span class="icon-name">eicon-device-tablet</span>
<span class="icon-code">0xe886</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-device-mobile">&#xe887;</i>
<span class="icon-name">eicon-device-mobile</span>
<span class="icon-code">0xe887</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-document-file">&#xe888;</i>
<span class="icon-name">eicon-document-file</span>
<span class="icon-code">0xe888</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-folder-o">&#xe889;</i>
<span class="icon-name">eicon-folder-o</span>
<span class="icon-code">0xe889</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-hypster">&#xe88a;</i>
<span class="icon-name">eicon-hypster</span>
<span class="icon-code">0xe88a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-h-align-left">&#xe88b;</i>
<span class="icon-name">eicon-h-align-left</span>
<span class="icon-code">0xe88b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-h-align-right">&#xe88c;</i>
<span class="icon-name">eicon-h-align-right</span>
<span class="icon-code">0xe88c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-h-align-center">&#xe88d;</i>
<span class="icon-name">eicon-h-align-center</span>
<span class="icon-code">0xe88d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-h-align-stretch">&#xe88e;</i>
<span class="icon-name">eicon-h-align-stretch</span>
<span class="icon-code">0xe88e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-v-align-top">&#xe88f;</i>
<span class="icon-name">eicon-v-align-top</span>
<span class="icon-code">0xe88f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-v-align-bottom">&#xe890;</i>
<span class="icon-name">eicon-v-align-bottom</span>
<span class="icon-code">0xe890</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-v-align-middle">&#xe891;</i>
<span class="icon-name">eicon-v-align-middle</span>
<span class="icon-code">0xe891</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-v-align-stretch">&#xe892;</i>
<span class="icon-name">eicon-v-align-stretch</span>
<span class="icon-code">0xe892</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-mail">&#xe894;</i>
<span class="icon-name">eicon-mail</span>
<span class="icon-code">0xe894</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-lock-user">&#xe895;</i>
<span class="icon-name">eicon-lock-user</span>
<span class="icon-code">0xe895</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-testimonial-carousel">&#xe896;</i>
<span class="icon-name">eicon-testimonial-carousel</span>
<span class="icon-code">0xe896</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-media-carousel">&#xe897;</i>
<span class="icon-name">eicon-media-carousel</span>
<span class="icon-code">0xe897</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-section">&#xe898;</i>
<span class="icon-name">eicon-section</span>
<span class="icon-code">0xe898</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-column">&#xe899;</i>
<span class="icon-name">eicon-column</span>
<span class="icon-code">0xe899</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-edit">&#xe89a;</i>
<span class="icon-name">eicon-edit</span>
<span class="icon-code">0xe89a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-clone">&#xe89b;</i>
<span class="icon-name">eicon-clone</span>
<span class="icon-code">0xe89b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-trash">&#xe89c;</i>
<span class="icon-name">eicon-trash</span>
<span class="icon-code">0xe89c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-play">&#xe89d;</i>
<span class="icon-name">eicon-play</span>
<span class="icon-code">0xe89d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-angle-right">&#xe89e;</i>
<span class="icon-name">eicon-angle-right</span>
<span class="icon-code">0xe89e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-angle-left">&#xe89f;</i>
<span class="icon-name">eicon-angle-left</span>
<span class="icon-code">0xe89f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-animated-headline">&#xe8a0;</i>
<span class="icon-name">eicon-animated-headline</span>
<span class="icon-code">0xe8a0</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-menu-toggle">&#xe8a1;</i>
<span class="icon-name">eicon-menu-toggle</span>
<span class="icon-code">0xe8a1</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-fb-embed">&#xe8a2;</i>
<span class="icon-name">eicon-fb-embed</span>
<span class="icon-code">0xe8a2</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-fb-feed">&#xe8a3;</i>
<span class="icon-name">eicon-fb-feed</span>
<span class="icon-code">0xe8a3</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-twitter-embed">&#xe8a4;</i>
<span class="icon-name">eicon-twitter-embed</span>
<span class="icon-code">0xe8a4</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-twitter-feed">&#xe8a5;</i>
<span class="icon-name">eicon-twitter-feed</span>
<span class="icon-code">0xe8a5</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-sync">&#xe8a6;</i>
<span class="icon-name">eicon-sync</span>
<span class="icon-code">0xe8a6</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-import-export">&#xe8a7;</i>
<span class="icon-name">eicon-import-export</span>
<span class="icon-code">0xe8a7</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-check-circle">&#xe8a8;</i>
<span class="icon-name">eicon-check-circle</span>
<span class="icon-code">0xe8a8</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-save">&#xe8a9;</i>
<span class="icon-name">eicon-library-save</span>
<span class="icon-code">0xe8a9</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-insert">&#xe8ab;</i>
<span class="icon-name">eicon-insert</span>
<span class="icon-code">0xe8ab</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-preview-medium">&#xe8ac;</i>
<span class="icon-name">eicon-preview-medium</span>
<span class="icon-code">0xe8ac</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-sort-down">&#xe8ad;</i>
<span class="icon-name">eicon-sort-down</span>
<span class="icon-code">0xe8ad</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-sort-up">&#xe8ae;</i>
<span class="icon-name">eicon-sort-up</span>
<span class="icon-code">0xe8ae</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-heading">&#xe8af;</i>
<span class="icon-name">eicon-heading</span>
<span class="icon-code">0xe8af</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-logo">&#xe8b0;</i>
<span class="icon-name">eicon-logo</span>
<span class="icon-code">0xe8b0</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-meta-data">&#xe8b1;</i>
<span class="icon-name">eicon-meta-data</span>
<span class="icon-code">0xe8b1</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-post-content">&#xe8b2;</i>
<span class="icon-name">eicon-post-content</span>
<span class="icon-code">0xe8b2</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-post-excerpt">&#xe8b3;</i>
<span class="icon-name">eicon-post-excerpt</span>
<span class="icon-code">0xe8b3</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-post-navigation">&#xe8b4;</i>
<span class="icon-name">eicon-post-navigation</span>
<span class="icon-code">0xe8b4</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-yoast">&#xe8b5;</i>
<span class="icon-name">eicon-yoast</span>
<span class="icon-code">0xe8b5</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-nerd-chuckle">&#xe8b6;</i>
<span class="icon-name">eicon-nerd-chuckle</span>
<span class="icon-code">0xe8b6</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-nerd-wink">&#xe8b7;</i>
<span class="icon-name">eicon-nerd-wink</span>
<span class="icon-code">0xe8b7</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-comments">&#xe8b8;</i>
<span class="icon-name">eicon-comments</span>
<span class="icon-code">0xe8b8</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-download-circle-o">&#xe8b9;</i>
<span class="icon-name">eicon-download-circle-o</span>
<span class="icon-code">0xe8b9</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-upload">&#xe8ba;</i>
<span class="icon-name">eicon-library-upload</span>
<span class="icon-code">0xe8ba</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-save-o">&#xe8bb;</i>
<span class="icon-name">eicon-save-o</span>
<span class="icon-code">0xe8bb</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-upload-circle-o">&#xe8bc;</i>
<span class="icon-name">eicon-upload-circle-o</span>
<span class="icon-code">0xe8bc</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-ellipsis-h">&#xe8bd;</i>
<span class="icon-name">eicon-ellipsis-h</span>
<span class="icon-code">0xe8bd</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-ellipsis-v">&#xe8be;</i>
<span class="icon-name">eicon-ellipsis-v</span>
<span class="icon-code">0xe8be</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-arrow-left">&#xe8bf;</i>
<span class="icon-name">eicon-arrow-left</span>
<span class="icon-code">0xe8bf</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-arrow-right">&#xe8c0;</i>
<span class="icon-name">eicon-arrow-right</span>
<span class="icon-code">0xe8c0</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-arrow-up">&#xe8c1;</i>
<span class="icon-name">eicon-arrow-up</span>
<span class="icon-code">0xe8c1</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-arrow-down">&#xe8c2;</i>
<span class="icon-name">eicon-arrow-down</span>
<span class="icon-code">0xe8c2</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-play-o">&#xe8c3;</i>
<span class="icon-name">eicon-play-o</span>
<span class="icon-code">0xe8c3</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-archive-posts">&#xe8c4;</i>
<span class="icon-name">eicon-archive-posts</span>
<span class="icon-code">0xe8c4</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-archive-title">&#xe8c5;</i>
<span class="icon-name">eicon-archive-title</span>
<span class="icon-code">0xe8c5</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-featured-image">&#xe8c6;</i>
<span class="icon-name">eicon-featured-image</span>
<span class="icon-code">0xe8c6</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-post-info">&#xe8c7;</i>
<span class="icon-name">eicon-post-info</span>
<span class="icon-code">0xe8c7</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-post-title">&#xe8c8;</i>
<span class="icon-name">eicon-post-title</span>
<span class="icon-code">0xe8c8</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-site-logo">&#xe8c9;</i>
<span class="icon-name">eicon-site-logo</span>
<span class="icon-code">0xe8c9</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-site-search">&#xe8ca;</i>
<span class="icon-name">eicon-site-search</span>
<span class="icon-code">0xe8ca</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-site-title">&#xe8cb;</i>
<span class="icon-name">eicon-site-title</span>
<span class="icon-code">0xe8cb</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-plus-square">&#xe8cc;</i>
<span class="icon-name">eicon-plus-square</span>
<span class="icon-code">0xe8cc</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-minus-square">&#xe8cd;</i>
<span class="icon-name">eicon-minus-square</span>
<span class="icon-code">0xe8cd</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-cloud-check">&#xe8ce;</i>
<span class="icon-name">eicon-cloud-check</span>
<span class="icon-code">0xe8ce</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-drag-n-drop">&#xe8cf;</i>
<span class="icon-name">eicon-drag-n-drop</span>
<span class="icon-code">0xe8cf</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-welcome">&#xe8d0;</i>
<span class="icon-name">eicon-welcome</span>
<span class="icon-code">0xe8d0</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-handle">&#xe8d1;</i>
<span class="icon-name">eicon-handle</span>
<span class="icon-code">0xe8d1</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-cart">&#xe8d2;</i>
<span class="icon-name">eicon-cart</span>
<span class="icon-code">0xe8d2</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-add-to-cart">&#xe8d3;</i>
<span class="icon-name">eicon-product-add-to-cart</span>
<span class="icon-code">0xe8d3</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-breadcrumbs">&#xe8d4;</i>
<span class="icon-name">eicon-product-breadcrumbs</span>
<span class="icon-code">0xe8d4</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-categories">&#xe8d5;</i>
<span class="icon-name">eicon-product-categories</span>
<span class="icon-code">0xe8d5</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-description">&#xe8d6;</i>
<span class="icon-name">eicon-product-description</span>
<span class="icon-code">0xe8d6</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-images">&#xe8d7;</i>
<span class="icon-name">eicon-product-images</span>
<span class="icon-code">0xe8d7</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-info">&#xe8d8;</i>
<span class="icon-name">eicon-product-info</span>
<span class="icon-code">0xe8d8</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-meta">&#xe8d9;</i>
<span class="icon-name">eicon-product-meta</span>
<span class="icon-code">0xe8d9</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-pages">&#xe8da;</i>
<span class="icon-name">eicon-product-pages</span>
<span class="icon-code">0xe8da</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-price">&#xe8db;</i>
<span class="icon-name">eicon-product-price</span>
<span class="icon-code">0xe8db</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-rating">&#xe8dc;</i>
<span class="icon-name">eicon-product-rating</span>
<span class="icon-code">0xe8dc</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-related">&#xe8dd;</i>
<span class="icon-name">eicon-product-related</span>
<span class="icon-code">0xe8dd</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-stock">&#xe8de;</i>
<span class="icon-name">eicon-product-stock</span>
<span class="icon-code">0xe8de</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-tabs">&#xe8df;</i>
<span class="icon-name">eicon-product-tabs</span>
<span class="icon-code">0xe8df</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-title">&#xe8e0;</i>
<span class="icon-name">eicon-product-title</span>
<span class="icon-code">0xe8e0</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-product-upsell">&#xe8e1;</i>
<span class="icon-name">eicon-product-upsell</span>
<span class="icon-code">0xe8e1</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-products">&#xe8e2;</i>
<span class="icon-name">eicon-products</span>
<span class="icon-code">0xe8e2</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-bag-light">&#xe8e3;</i>
<span class="icon-name">eicon-bag-light</span>
<span class="icon-code">0xe8e3</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-bag-medium">&#xe8e4;</i>
<span class="icon-name">eicon-bag-medium</span>
<span class="icon-code">0xe8e4</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-bag-solid">&#xe8e5;</i>
<span class="icon-name">eicon-bag-solid</span>
<span class="icon-code">0xe8e5</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-basket-light">&#xe8e6;</i>
<span class="icon-name">eicon-basket-light</span>
<span class="icon-code">0xe8e6</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-basket-medium">&#xe8e7;</i>
<span class="icon-name">eicon-basket-medium</span>
<span class="icon-code">0xe8e7</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-basket-solid">&#xe8e8;</i>
<span class="icon-name">eicon-basket-solid</span>
<span class="icon-code">0xe8e8</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-cart-light">&#xe8e9;</i>
<span class="icon-name">eicon-cart-light</span>
<span class="icon-code">0xe8e9</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-cart-medium">&#xe8ea;</i>
<span class="icon-name">eicon-cart-medium</span>
<span class="icon-code">0xe8ea</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-cart-solid">&#xe8eb;</i>
<span class="icon-name">eicon-cart-solid</span>
<span class="icon-code">0xe8eb</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-exchange">&#xe8ec;</i>
<span class="icon-name">eicon-exchange</span>
<span class="icon-code">0xe8ec</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-preview-thin">&#xe8ed;</i>
<span class="icon-name">eicon-preview-thin</span>
<span class="icon-code">0xe8ed</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-device-laptop">&#xe8ee;</i>
<span class="icon-name">eicon-device-laptop</span>
<span class="icon-code">0xe8ee</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-collapse">&#xe8ef;</i>
<span class="icon-name">eicon-collapse</span>
<span class="icon-code">0xe8ef</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-expand">&#xe8f0;</i>
<span class="icon-name">eicon-expand</span>
<span class="icon-code">0xe8f0</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-navigator">&#xe8f1;</i>
<span class="icon-name">eicon-navigator</span>
<span class="icon-code">0xe8f1</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-plug">&#xe8f2;</i>
<span class="icon-name">eicon-plug</span>
<span class="icon-code">0xe8f2</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-dashboard">&#xe8f3;</i>
<span class="icon-name">eicon-dashboard</span>
<span class="icon-code">0xe8f3</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-typography">&#xe8f4;</i>
<span class="icon-name">eicon-typography</span>
<span class="icon-code">0xe8f4</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-info-circle-o">&#xe8f5;</i>
<span class="icon-name">eicon-info-circle-o</span>
<span class="icon-code">0xe8f5</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-integration">&#xe8f6;</i>
<span class="icon-name">eicon-integration</span>
<span class="icon-code">0xe8f6</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-plus-circle-o">&#xe8f7;</i>
<span class="icon-name">eicon-plus-circle-o</span>
<span class="icon-code">0xe8f7</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-rating">&#xe8f8;</i>
<span class="icon-name">eicon-rating</span>
<span class="icon-code">0xe8f8</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-review">&#xe8f9;</i>
<span class="icon-name">eicon-review</span>
<span class="icon-code">0xe8f9</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-tools">&#xe8fa;</i>
<span class="icon-name">eicon-tools</span>
<span class="icon-code">0xe8fa</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-loading">&#xe8fb;</i>
<span class="icon-name">eicon-loading</span>
<span class="icon-code">0xe8fb</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-sitemap">&#xe8fc;</i>
<span class="icon-name">eicon-sitemap</span>
<span class="icon-code">0xe8fc</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-click">&#xe8fd;</i>
<span class="icon-name">eicon-click</span>
<span class="icon-code">0xe8fd</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-clock">&#xe8fe;</i>
<span class="icon-name">eicon-clock</span>
<span class="icon-code">0xe8fe</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-open">&#xe8ff;</i>
<span class="icon-name">eicon-library-open</span>
<span class="icon-code">0xe8ff</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-warning">&#xe900;</i>
<span class="icon-name">eicon-warning</span>
<span class="icon-code">0xe900</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-flow">&#xe901;</i>
<span class="icon-name">eicon-flow</span>
<span class="icon-code">0xe901</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-cursor-move">&#xe902;</i>
<span class="icon-name">eicon-cursor-move</span>
<span class="icon-code">0xe902</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-arrow-circle-left">&#xe903;</i>
<span class="icon-name">eicon-arrow-circle-left</span>
<span class="icon-code">0xe903</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-flash">&#xe904;</i>
<span class="icon-name">eicon-flash</span>
<span class="icon-code">0xe904</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-redo">&#xe905;</i>
<span class="icon-name">eicon-redo</span>
<span class="icon-code">0xe905</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-ban">&#xe906;</i>
<span class="icon-name">eicon-ban</span>
<span class="icon-code">0xe906</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-barcode">&#xe907;</i>
<span class="icon-name">eicon-barcode</span>
<span class="icon-code">0xe907</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-calendar">&#xe908;</i>
<span class="icon-name">eicon-calendar</span>
<span class="icon-code">0xe908</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-caret-left">&#xe909;</i>
<span class="icon-name">eicon-caret-left</span>
<span class="icon-code">0xe909</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-caret-right">&#xe90a;</i>
<span class="icon-name">eicon-caret-right</span>
<span class="icon-code">0xe90a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-caret-up">&#xe90b;</i>
<span class="icon-name">eicon-caret-up</span>
<span class="icon-code">0xe90b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-chain-broken">&#xe90c;</i>
<span class="icon-name">eicon-chain-broken</span>
<span class="icon-code">0xe90c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-check-circle-o">&#xe90d;</i>
<span class="icon-name">eicon-check-circle-o</span>
<span class="icon-code">0xe90d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-check">&#xe90e;</i>
<span class="icon-name">eicon-check</span>
<span class="icon-code">0xe90e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-chevron-double-left">&#xe90f;</i>
<span class="icon-name">eicon-chevron-double-left</span>
<span class="icon-code">0xe90f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-chevron-double-right">&#xe910;</i>
<span class="icon-name">eicon-chevron-double-right</span>
<span class="icon-code">0xe910</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-undo">&#xe911;</i>
<span class="icon-name">eicon-undo</span>
<span class="icon-code">0xe911</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-filter">&#xe912;</i>
<span class="icon-name">eicon-filter</span>
<span class="icon-code">0xe912</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-circle-o">&#xe913;</i>
<span class="icon-name">eicon-circle-o</span>
<span class="icon-code">0xe913</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-circle">&#xe914;</i>
<span class="icon-name">eicon-circle</span>
<span class="icon-code">0xe914</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-clock-o">&#xe915;</i>
<span class="icon-name">eicon-clock-o</span>
<span class="icon-code">0xe915</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-cog">&#xe916;</i>
<span class="icon-name">eicon-cog</span>
<span class="icon-code">0xe916</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-cogs">&#xe917;</i>
<span class="icon-name">eicon-cogs</span>
<span class="icon-code">0xe917</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-commenting-o">&#xe918;</i>
<span class="icon-name">eicon-commenting-o</span>
<span class="icon-code">0xe918</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-copy">&#xe919;</i>
<span class="icon-name">eicon-copy</span>
<span class="icon-code">0xe919</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-database">&#xe91a;</i>
<span class="icon-name">eicon-database</span>
<span class="icon-code">0xe91a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-dot-circle-o">&#xe91b;</i>
<span class="icon-name">eicon-dot-circle-o</span>
<span class="icon-code">0xe91b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-envelope">&#xe91c;</i>
<span class="icon-name">eicon-envelope</span>
<span class="icon-code">0xe91c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-external-link-square">&#xe91d;</i>
<span class="icon-name">eicon-external-link-square</span>
<span class="icon-code">0xe91d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-eyedropper">&#xe91e;</i>
<span class="icon-name">eicon-eyedropper</span>
<span class="icon-code">0xe91e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-folder">&#xe91f;</i>
<span class="icon-name">eicon-folder</span>
<span class="icon-code">0xe91f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-font">&#xe920;</i>
<span class="icon-name">eicon-font</span>
<span class="icon-code">0xe920</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-adjust">&#xe921;</i>
<span class="icon-name">eicon-adjust</span>
<span class="icon-code">0xe921</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-lightbox">&#xe922;</i>
<span class="icon-name">eicon-lightbox</span>
<span class="icon-code">0xe922</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-heart-o">&#xe923;</i>
<span class="icon-name">eicon-heart-o</span>
<span class="icon-code">0xe923</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-history">&#xe924;</i>
<span class="icon-name">eicon-history</span>
<span class="icon-code">0xe924</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-image-bold">&#xe925;</i>
<span class="icon-name">eicon-image-bold</span>
<span class="icon-code">0xe925</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-info-circle">&#xe926;</i>
<span class="icon-name">eicon-info-circle</span>
<span class="icon-code">0xe926</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-link">&#xe927;</i>
<span class="icon-name">eicon-link</span>
<span class="icon-code">0xe927</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-long-arrow-left">&#xe928;</i>
<span class="icon-name">eicon-long-arrow-left</span>
<span class="icon-code">0xe928</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-long-arrow-right">&#xe929;</i>
<span class="icon-name">eicon-long-arrow-right</span>
<span class="icon-code">0xe929</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-caret-down">&#xe92a;</i>
<span class="icon-name">eicon-caret-down</span>
<span class="icon-code">0xe92a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-paint-brush">&#xe92b;</i>
<span class="icon-name">eicon-paint-brush</span>
<span class="icon-code">0xe92b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-pencil">&#xe92c;</i>
<span class="icon-name">eicon-pencil</span>
<span class="icon-code">0xe92c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-plus-circle">&#xe92d;</i>
<span class="icon-name">eicon-plus-circle</span>
<span class="icon-code">0xe92d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-zoom-in-bold">&#xe92e;</i>
<span class="icon-name">eicon-zoom-in-bold</span>
<span class="icon-code">0xe92e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-sort-amount-desc">&#xe92f;</i>
<span class="icon-name">eicon-sort-amount-desc</span>
<span class="icon-code">0xe92f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-sign-out">&#xe930;</i>
<span class="icon-name">eicon-sign-out</span>
<span class="icon-code">0xe930</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-spinner">&#xe931;</i>
<span class="icon-name">eicon-spinner</span>
<span class="icon-code">0xe931</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-square">&#xe932;</i>
<span class="icon-name">eicon-square</span>
<span class="icon-code">0xe932</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-star-o">&#xe933;</i>
<span class="icon-name">eicon-star-o</span>
<span class="icon-code">0xe933</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-star">&#xe934;</i>
<span class="icon-name">eicon-star</span>
<span class="icon-code">0xe934</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-text-align-justify">&#xe935;</i>
<span class="icon-name">eicon-text-align-justify</span>
<span class="icon-code">0xe935</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-text-align-center">&#xe936;</i>
<span class="icon-name">eicon-text-align-center</span>
<span class="icon-code">0xe936</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-tags">&#xe937;</i>
<span class="icon-name">eicon-tags</span>
<span class="icon-code">0xe937</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-text-align-left">&#xe938;</i>
<span class="icon-name">eicon-text-align-left</span>
<span class="icon-code">0xe938</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-text-align-right">&#xe939;</i>
<span class="icon-name">eicon-text-align-right</span>
<span class="icon-code">0xe939</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-close-circle">&#xe93a;</i>
<span class="icon-name">eicon-close-circle</span>
<span class="icon-code">0xe93a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-trash-o">&#xe93b;</i>
<span class="icon-name">eicon-trash-o</span>
<span class="icon-code">0xe93b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-font-awesome">&#xe93c;</i>
<span class="icon-name">eicon-font-awesome</span>
<span class="icon-code">0xe93c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-user-circle-o">&#xe93d;</i>
<span class="icon-name">eicon-user-circle-o</span>
<span class="icon-code">0xe93d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-video-camera">&#xe93e;</i>
<span class="icon-name">eicon-video-camera</span>
<span class="icon-code">0xe93e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-heart">&#xe93f;</i>
<span class="icon-name">eicon-heart</span>
<span class="icon-code">0xe93f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-wrench">&#xe940;</i>
<span class="icon-name">eicon-wrench</span>
<span class="icon-code">0xe940</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-help">&#xe941;</i>
<span class="icon-name">eicon-help</span>
<span class="icon-code">0xe941</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-help-o">&#xe942;</i>
<span class="icon-name">eicon-help-o</span>
<span class="icon-code">0xe942</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-zoom-out-bold">&#xe943;</i>
<span class="icon-name">eicon-zoom-out-bold</span>
<span class="icon-code">0xe943</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-plus-square-o">&#xe944;</i>
<span class="icon-name">eicon-plus-square-o</span>
<span class="icon-code">0xe944</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-minus-square-o">&#xe945;</i>
<span class="icon-name">eicon-minus-square-o</span>
<span class="icon-code">0xe945</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-minus-circle">&#xe946;</i>
<span class="icon-name">eicon-minus-circle</span>
<span class="icon-code">0xe946</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-minus-circle-o">&#xe947;</i>
<span class="icon-name">eicon-minus-circle-o</span>
<span class="icon-code">0xe947</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-code-bold">&#xe948;</i>
<span class="icon-name">eicon-code-bold</span>
<span class="icon-code">0xe948</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-cloud-upload">&#xe949;</i>
<span class="icon-name">eicon-cloud-upload</span>
<span class="icon-code">0xe949</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-search-bold">&#xe94a;</i>
<span class="icon-name">eicon-search-bold</span>
<span class="icon-code">0xe94a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-map-pin">&#xe94b;</i>
<span class="icon-name">eicon-map-pin</span>
<span class="icon-code">0xe94b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-meetup">&#xe94c;</i>
<span class="icon-name">eicon-meetup</span>
<span class="icon-code">0xe94c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-slideshow">&#xe94d;</i>
<span class="icon-name">eicon-slideshow</span>
<span class="icon-code">0xe94d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-t-letter-bold">&#xe94e;</i>
<span class="icon-name">eicon-t-letter-bold</span>
<span class="icon-code">0xe94e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-preferences">&#xe94f;</i>
<span class="icon-name">eicon-preferences</span>
<span class="icon-code">0xe94f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-table-of-contents">&#xe950;</i>
<span class="icon-name">eicon-table-of-contents</span>
<span class="icon-code">0xe950</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-tv">&#xe951;</i>
<span class="icon-name">eicon-tv</span>
<span class="icon-code">0xe951</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-upload">&#xe952;</i>
<span class="icon-name">eicon-upload</span>
<span class="icon-code">0xe952</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-instagram-comments">&#xe953;</i>
<span class="icon-name">eicon-instagram-comments</span>
<span class="icon-code">0xe953</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-instagram-nested-gallery">&#xe954;</i>
<span class="icon-name">eicon-instagram-nested-gallery</span>
<span class="icon-code">0xe954</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-instagram-post">&#xe955;</i>
<span class="icon-name">eicon-instagram-post</span>
<span class="icon-code">0xe955</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-instagram-video">&#xe956;</i>
<span class="icon-name">eicon-instagram-video</span>
<span class="icon-code">0xe956</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-instagram-gallery">&#xe957;</i>
<span class="icon-name">eicon-instagram-gallery</span>
<span class="icon-code">0xe957</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-instagram-likes">&#xe958;</i>
<span class="icon-name">eicon-instagram-likes</span>
<span class="icon-code">0xe958</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-facebook">&#xe959;</i>
<span class="icon-name">eicon-facebook</span>
<span class="icon-code">0xe959</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-twitter">&#xe95a;</i>
<span class="icon-name">eicon-twitter</span>
<span class="icon-code">0xe95a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-pinterest">&#xe95b;</i>
<span class="icon-name">eicon-pinterest</span>
<span class="icon-code">0xe95b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-frame-expand">&#xe95c;</i>
<span class="icon-name">eicon-frame-expand</span>
<span class="icon-code">0xe95c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-frame-minimize">&#xe95d;</i>
<span class="icon-name">eicon-frame-minimize</span>
<span class="icon-code">0xe95d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-archive">&#xe95e;</i>
<span class="icon-name">eicon-archive</span>
<span class="icon-code">0xe95e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-colors-typography">&#xe95f;</i>
<span class="icon-name">eicon-colors-typography</span>
<span class="icon-code">0xe95f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-custom">&#xe960;</i>
<span class="icon-name">eicon-custom</span>
<span class="icon-code">0xe960</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-footer">&#xe961;</i>
<span class="icon-name">eicon-footer</span>
<span class="icon-code">0xe961</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-header">&#xe962;</i>
<span class="icon-name">eicon-header</span>
<span class="icon-code">0xe962</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-layout-settings">&#xe963;</i>
<span class="icon-name">eicon-layout-settings</span>
<span class="icon-code">0xe963</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-lightbox-expand">&#xe964;</i>
<span class="icon-name">eicon-lightbox-expand</span>
<span class="icon-code">0xe964</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-error-404">&#xe965;</i>
<span class="icon-name">eicon-error-404</span>
<span class="icon-code">0xe965</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-theme-style">&#xe966;</i>
<span class="icon-name">eicon-theme-style</span>
<span class="icon-code">0xe966</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-search-results">&#xe967;</i>
<span class="icon-name">eicon-search-results</span>
<span class="icon-code">0xe967</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-single-post">&#xe968;</i>
<span class="icon-name">eicon-single-post</span>
<span class="icon-code">0xe968</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-site-identity">&#xe969;</i>
<span class="icon-name">eicon-site-identity</span>
<span class="icon-code">0xe969</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-theme-builder">&#xe96a;</i>
<span class="icon-name">eicon-theme-builder</span>
<span class="icon-code">0xe96a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-download-bold">&#xe96b;</i>
<span class="icon-name">eicon-download-bold</span>
<span class="icon-code">0xe96b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-share-arrow">&#xe96c;</i>
<span class="icon-name">eicon-share-arrow</span>
<span class="icon-code">0xe96c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-global-settings">&#xe96d;</i>
<span class="icon-name">eicon-global-settings</span>
<span class="icon-code">0xe96d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-user-preferences">&#xe96e;</i>
<span class="icon-name">eicon-user-preferences</span>
<span class="icon-code">0xe96e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-lock">&#xe96f;</i>
<span class="icon-name">eicon-lock</span>
<span class="icon-code">0xe96f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-export-kit">&#xe970;</i>
<span class="icon-name">eicon-export-kit</span>
<span class="icon-code">0xe970</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-import-kit">&#xe971;</i>
<span class="icon-name">eicon-import-kit</span>
<span class="icon-code">0xe971</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-lottie">&#xe972;</i>
<span class="icon-name">eicon-lottie</span>
<span class="icon-code">0xe972</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-products-archive">&#xe973;</i>
<span class="icon-name">eicon-products-archive</span>
<span class="icon-code">0xe973</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-single-product">&#xe974;</i>
<span class="icon-name">eicon-single-product</span>
<span class="icon-code">0xe974</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-disable-trash-o">&#xe975;</i>
<span class="icon-name">eicon-disable-trash-o</span>
<span class="icon-code">0xe975</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-single-page">&#xe976;</i>
<span class="icon-name">eicon-single-page</span>
<span class="icon-code">0xe976</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-cogs-check">&#xe978;</i>
<span class="icon-name">eicon-cogs-check</span>
<span class="icon-code">0xe978</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-custom-css">&#xe979;</i>
<span class="icon-name">eicon-custom-css</span>
<span class="icon-code">0xe979</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-global-colors">&#xe97a;</i>
<span class="icon-name">eicon-global-colors</span>
<span class="icon-code">0xe97a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-globe">&#xe97b;</i>
<span class="icon-name">eicon-globe</span>
<span class="icon-code">0xe97b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-typography-1">&#xe97c;</i>
<span class="icon-name">eicon-typography-1</span>
<span class="icon-code">0xe97c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-background">&#xe97d;</i>
<span class="icon-name">eicon-background</span>
<span class="icon-code">0xe97d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-device-responsive">&#xe97e;</i>
<span class="icon-name">eicon-device-responsive</span>
<span class="icon-code">0xe97e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-device-wide">&#xe97f;</i>
<span class="icon-name">eicon-device-wide</span>
<span class="icon-code">0xe97f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-code-highlight">&#xe980;</i>
<span class="icon-name">eicon-code-highlight</span>
<span class="icon-code">0xe980</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-video-playlist">&#xe981;</i>
<span class="icon-name">eicon-video-playlist</span>
<span class="icon-code">0xe981</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-download-kit">&#xe982;</i>
<span class="icon-name">eicon-download-kit</span>
<span class="icon-code">0xe982</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-kit-details">&#xe983;</i>
<span class="icon-name">eicon-kit-details</span>
<span class="icon-code">0xe983</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-kit-parts">&#xe984;</i>
<span class="icon-name">eicon-kit-parts</span>
<span class="icon-code">0xe984</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-kit-upload">&#xe985;</i>
<span class="icon-name">eicon-kit-upload</span>
<span class="icon-code">0xe985</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-kit-plugins">&#xe986;</i>
<span class="icon-name">eicon-kit-plugins</span>
<span class="icon-code">0xe986</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-kit-upload-alt">&#xe987;</i>
<span class="icon-name">eicon-kit-upload-alt</span>
<span class="icon-code">0xe987</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-hotspot">&#xe988;</i>
<span class="icon-name">eicon-hotspot</span>
<span class="icon-code">0xe988</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-paypal-button">&#xe989;</i>
<span class="icon-name">eicon-paypal-button</span>
<span class="icon-code">0xe989</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-shape">&#xe98a;</i>
<span class="icon-name">eicon-shape</span>
<span class="icon-code">0xe98a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-wordart">&#xe98b;</i>
<span class="icon-name">eicon-wordart</span>
<span class="icon-code">0xe98b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-checkout">&#xe98c;</i>
<span class="icon-name">eicon-checkout</span>
<span class="icon-code">0xe98c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-container">&#xe98d;</i>
<span class="icon-name">eicon-container</span>
<span class="icon-code">0xe98d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-flip">&#xe98e;</i>
<span class="icon-name">eicon-flip</span>
<span class="icon-code">0xe98e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-info">&#xe98f;</i>
<span class="icon-name">eicon-info</span>
<span class="icon-code">0xe98f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-my-account">&#xe990;</i>
<span class="icon-name">eicon-my-account</span>
<span class="icon-code">0xe990</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-purchase-summary">&#xe991;</i>
<span class="icon-name">eicon-purchase-summary</span>
<span class="icon-code">0xe991</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-page-transition">&#xe992;</i>
<span class="icon-name">eicon-page-transition</span>
<span class="icon-code">0xe992</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-spotify">&#xe993;</i>
<span class="icon-name">eicon-spotify</span>
<span class="icon-code">0xe993</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-stripe-button">&#xe994;</i>
<span class="icon-name">eicon-stripe-button</span>
<span class="icon-code">0xe994</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-woo-settings">&#xe995;</i>
<span class="icon-name">eicon-woo-settings</span>
<span class="icon-code">0xe995</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-woo-cart">&#xe996;</i>
<span class="icon-name">eicon-woo-cart</span>
<span class="icon-code">0xe996</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-grow">&#xe997;</i>
<span class="icon-name">eicon-grow</span>
<span class="icon-code">0xe997</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-order-end">&#xe998;</i>
<span class="icon-name">eicon-order-end</span>
<span class="icon-code">0xe998</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-nowrap">&#xe999;</i>
<span class="icon-name">eicon-nowrap</span>
<span class="icon-code">0xe999</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-order-start">&#xe99a;</i>
<span class="icon-name">eicon-order-start</span>
<span class="icon-code">0xe99a</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-progress-tracker">&#xe99b;</i>
<span class="icon-name">eicon-progress-tracker</span>
<span class="icon-code">0xe99b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-shrink">&#xe99c;</i>
<span class="icon-name">eicon-shrink</span>
<span class="icon-code">0xe99c</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-wrap">&#xe99d;</i>
<span class="icon-name">eicon-wrap</span>
<span class="icon-code">0xe99d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-align-center-h">&#xe99e;</i>
<span class="icon-name">eicon-align-center-h</span>
<span class="icon-code">0xe99e</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-align-center-v">&#xe99f;</i>
<span class="icon-name">eicon-align-center-v</span>
<span class="icon-code">0xe99f</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-align-end-h">&#xe9a0;</i>
<span class="icon-name">eicon-align-end-h</span>
<span class="icon-code">0xe9a0</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-align-end-v">&#xe9a1;</i>
<span class="icon-name">eicon-align-end-v</span>
<span class="icon-code">0xe9a1</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-align-start-h">&#xe9a2;</i>
<span class="icon-name">eicon-align-start-h</span>
<span class="icon-code">0xe9a2</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-align-start-v">&#xe9a3;</i>
<span class="icon-name">eicon-align-start-v</span>
<span class="icon-code">0xe9a3</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-align-stretch-h">&#xe9a4;</i>
<span class="icon-name">eicon-align-stretch-h</span>
<span class="icon-code">0xe9a4</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-align-stretch-v">&#xe9a5;</i>
<span class="icon-name">eicon-align-stretch-v</span>
<span class="icon-code">0xe9a5</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-justify-center-h">&#xe9a6;</i>
<span class="icon-name">eicon-justify-center-h</span>
<span class="icon-code">0xe9a6</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-justify-center-v">&#xe9a7;</i>
<span class="icon-name">eicon-justify-center-v</span>
<span class="icon-code">0xe9a7</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-justify-end-h">&#xe9a8;</i>
<span class="icon-name">eicon-justify-end-h</span>
<span class="icon-code">0xe9a8</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-justify-end-v">&#xe9a9;</i>
<span class="icon-name">eicon-justify-end-v</span>
<span class="icon-code">0xe9a9</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-justify-space-around-h">&#xe9aa;</i>
<span class="icon-name">eicon-justify-space-around-h</span>
<span class="icon-code">0xe9aa</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-justify-space-around-v">&#xe9ab;</i>
<span class="icon-name">eicon-justify-space-around-v</span>
<span class="icon-code">0xe9ab</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-justify-space-between-h">&#xe9ac;</i>
<span class="icon-name">eicon-justify-space-between-h</span>
<span class="icon-code">0xe9ac</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-justify-space-between-v">&#xe9ad;</i>
<span class="icon-name">eicon-justify-space-between-v</span>
<span class="icon-code">0xe9ad</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-justify-space-evenly-h">&#xe9ae;</i>
<span class="icon-name">eicon-justify-space-evenly-h</span>
<span class="icon-code">0xe9ae</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-justify-space-evenly-v">&#xe9af;</i>
<span class="icon-name">eicon-justify-space-evenly-v</span>
<span class="icon-code">0xe9af</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-justify-start-h">&#xe9b0;</i>
<span class="icon-name">eicon-justify-start-h</span>
<span class="icon-code">0xe9b0</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-justify-start-v">&#xe9b1;</i>
<span class="icon-name">eicon-justify-start-v</span>
<span class="icon-code">0xe9b1</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-woocommerce-cross-sells">&#xe9b2;</i>
<span class="icon-name">eicon-woocommerce-cross-sells</span>
<span class="icon-code">0xe9b2</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-woocommerce-notices">&#xe9b3;</i>
<span class="icon-name">eicon-woocommerce-notices</span>
<span class="icon-code">0xe9b3</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-inner-container">&#xe9b4;</i>
<span class="icon-name">eicon-inner-container</span>
<span class="icon-code">0xe9b4</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-warning-full">&#xe9b5;</i>
<span class="icon-name">eicon-warning-full</span>
<span class="icon-code">0xe9b5</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-exit">&#xe9b6;</i>
<span class="icon-name">eicon-exit</span>
<span class="icon-code">0xe9b6</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-loop-builder">&#xe9b7;</i>
<span class="icon-name">eicon-loop-builder</span>
<span class="icon-code">0xe9b7</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-notes">&#xe9b8;</i>
<span class="icon-name">eicon-notes</span>
<span class="icon-code">0xe9b8</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-read">&#xe9b9;</i>
<span class="icon-name">eicon-read</span>
<span class="icon-code">0xe9b9</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-unread">&#xe9ba;</i>
<span class="icon-name">eicon-unread</span>
<span class="icon-code">0xe9ba</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-carousel-loop">&#xe9bb;</i>
<span class="icon-name">eicon-carousel-loop</span>
<span class="icon-code">0xe9bb</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-mega-menu">&#xeb78;</i>
<span class="icon-name">eicon-mega-menu</span>
<span class="icon-code">0xeb78</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-nested-carousel">&#xe9bd;</i>
<span class="icon-name">eicon-nested-carousel</span>
<span class="icon-code">0xe9bd</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-ai">&#xe9be;</i>
<span class="icon-name">eicon-ai</span>
<span class="icon-code">0xe9be</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-taxonomy-filter">&#xeb7d;</i>
<span class="icon-name">eicon-taxonomy-filter</span>
<span class="icon-code">0xeb7d</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-atomic">&#xebae;</i>
<span class="icon-name">eicon-atomic</span>
<span class="icon-code">0xebae</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-container-grid">&#xef02;</i>
<span class="icon-name">eicon-container-grid</span>
<span class="icon-code">0xef02</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-pro-icon">&#xe893;</i>
<span class="icon-name">eicon-pro-icon</span>
<span class="icon-code">0xe893</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-upgrade">&#xe9c1;</i>
<span class="icon-name">eicon-upgrade</span>
<span class="icon-code">0xe9c1</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-advanced">&#xeb84;</i>
<span class="icon-name">eicon-advanced</span>
<span class="icon-code">0xeb84</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-div-block">&#xeb9b;</i>
<span class="icon-name">eicon-div-block</span>
<span class="icon-code">0xeb9b</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-notification">&#xe9c3;</i>
<span class="icon-name">eicon-notification</span>
<span class="icon-code">0xe9c3</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-light-mode">&#xe9c4;</i>
<span class="icon-name">eicon-light-mode</span>
<span class="icon-code">0xe9c4</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-dark-mode">&#xe9c5;</i>
<span class="icon-name">eicon-dark-mode</span>
<span class="icon-code">0xe9c5</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-upgrade-crown">&#xe9c6</i>
<span class="icon-name">eicon-upgrade-crown</span>
<span class="icon-code">0xe9c6</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-off-canvas">&#xe9c7;</i>
<span class="icon-name">eicon-off-canvas</span>
<span class="icon-code">0xe9c7</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-speakerphone">&#xe9c9;</i>
<span class="icon-name">eicon-speakerphone</span>
<span class="icon-code">0xe9c9</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-ehp-zigzag">&#xe9cc;</i>
<span class="icon-name">eicon-ehp-zigzag</span>
<span class="icon-code">0xe9cc</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-ehp-hero">&#xe9ca;</i>
<span class="icon-name">eicon-ehp-hero</span>
<span class="icon-code">0xe9ca</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-ehp-cta">&#xe9cb;</i>
<span class="icon-name">eicon-ehp-cta</span>
<span class="icon-code">0xe9cb</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-ehp-forms">&#xe9bc;</i>
<span class="icon-name">eicon-ehp-forms</span>
<span class="icon-code">0xe9bc</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-e-button">&#xe9ce;</i>
<span class="icon-name">eicon-e-button</span>
<span class="icon-code">0xe9ce</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-flexbox">&#xe9d0;</i>
<span class="icon-name">eicon-flexbox</span>
<span class="icon-code">0xe9d0</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-paragraph">&#xe9d1;</i>
<span class="icon-name">eicon-paragraph</span>
<span class="icon-code">0xe9d1</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-icon">&#xe9d2;</i>
<span class="icon-name">eicon-icon</span>
<span class="icon-code">0xe9d2</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-e-image">&#xe9d3;</i>
<span class="icon-name">eicon-e-image</span>
<span class="icon-code">0xe9d3</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-video">&#xe9d4;</i>
<span class="icon-name">eicon-video</span>
<span class="icon-code">0xe9d4</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-svg">&#xe9d5;</i>
<span class="icon-name">eicon-svg</span>
<span class="icon-code">0xe9d5</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-e-divider">&#xe9d6;</i>
<span class="icon-name">eicon-e-divider</span>
<span class="icon-code">0xe9d6</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-e-heading">&#xe9d7;</i>
<span class="icon-name">eicon-e-heading</span>
<span class="icon-code">0xe9d7</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-delete">&#xe9d8;</i>
<span class="icon-name">eicon-library-delete</span>
<span class="icon-code">0xe9d8</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-copy">&#xe9d9;</i>
<span class="icon-name">eicon-library-copy</span>
<span class="icon-code">0xe9d9</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-folder-empty">&#xe9da;</i>
<span class="icon-name">eicon-library-folder-empty</span>
<span class="icon-code">0xe9da</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-move">&#xe9db;</i>
<span class="icon-name">eicon-library-move</span>
<span class="icon-code">0xe9db</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-edit">&#xe9dc;</i>
<span class="icon-name">eicon-library-edit</span>
<span class="icon-code">0xe9dc</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-download">&#xe9dd;</i>
<span class="icon-name">eicon-library-download</span>
<span class="icon-code">0xe9dd</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-subscription-upgrade">&#xe9de;</i>
<span class="icon-name">eicon-library-subscription-upgrade</span>
<span class="icon-code">0xe9de</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-folder-view">&#xe9df;</i>
<span class="icon-name">eicon-library-folder-view</span>
<span class="icon-code">0xe9df</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-grid">&#xe9e1;</i>
<span class="icon-name">eicon-library-grid</span>
<span class="icon-code">0xe9e1</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-cloud-connect">&#xe9e2;</i>
<span class="icon-name">eicon-library-cloud-connect</span>
<span class="icon-code">0xe9e2</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-import">&#xe9e3;</i>
<span class="icon-name">eicon-library-import</span>
<span class="icon-code">0xe9e3</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-list">&#xe9e4;</i>
<span class="icon-name">eicon-library-list</span>
<span class="icon-code">0xe9e4</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-element eicon-library-cloud-empty">&#xe9e5;</i>
<span class="icon-name">eicon-library-cloud-empty</span>
<span class="icon-code">0xe9e5</span>
</button>
<button type="button" class="icon-wrapper">
<i class="icon-elemen eicon-folder-plus">&#xe8aa;</i>
<span class="icon-name">eicon-folder-plus</span>
<span class="icon-code">0xe8aa</span>
</button>
<button type="button" class="icon-wrapper">
<span class="icon-code-code">0xe8aa</span>
<i class="icon-elemen eicon-library-folder">&#xe9e6;</i>
<span class="icon-name">eicon-library-folder</span>
<span class="icon-code">0xe9e6</span>
</button>
</main>
<footer class="container" id="footer">
Font generated by <a href="https://fontello.com">fontello.com</a>
</footer>
</body>
</html>