lucide-static
Version:
Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons.
1,523 lines (1,301 loc) • 343 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Lucide</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="description" content="Lucide icons as TTF/EOT/WOFF/WOFF2/SVG.">
<meta name="keywords" content="Lucide,TTF,EOT,WOFF,WOFF2,SVG">
<style>
*{margin: 0;padding: 0;list-style: none;}
body { color: #696969; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; }
a { color: #333; text-decoration: underline; }
a:hover { color: rgb(9, 73, 209); }
.header { color: #333; text-align: center; padding: 80px 0 60px 0; min-height: 153px; font-size: 14px; }
.header .logo svg { height: 120px; width: 120px; }
.header h1 { font-size: 42px; padding: 26px 0 10px 0; }
.header sup {font-size: 14px; margin: 8px 0 0 8px; position: absolute; color: #7b7b7b; }
.info {
color: #999;
font-weight: normal;
max-width: 346px;
margin: 0 auto;
padding: 20px 0;
font-size: 14px;
}
.icons { max-width: 1190px; margin: 0 auto; }
.icons ul { text-align: center; }
.icons ul li {
vertical-align: top;
width: 120px;
display: inline-block;
text-align: center;
background-color: rgba(0,0,0,.02);
border-radius: 3px;
padding: 29px 0 10px 0;
margin-right: 10px;
margin-top: 10px;
transition: all 0.6s ease;
}
.icons ul li:hover { background-color: rgba(0,0,0,.06); }
.icons ul li:hover span { color: #3c75e4; opacity: 1; }
.icons ul li .unicode { color: #8c8c8c; opacity: 0.3; }
.icons ul li h4 {
font-weight: normal;
padding: 10px 0 5px 0;
display: block;
color: #8c8c8c;
font-size: 14px;
line-height: 12px;
opacity: 0.8;
}
.icons ul li:hover h4 { opacity: 1; }
.icons ul li svg { width: 24px; height: 24px; }
.icons ul li:hover { color: #3c75e4; }
.footer { text-align: center; padding: 10px 0 90px 0; }
.footer a { text-align: center; padding: 10px 0 90px 0; color: #696969;}
.footer a:hover { color: #0949d1; }
.links { text-align: center; padding: 50px 0 0 0; font-size: 14px; }
.icons ul li.symbol {padding: 28px 10px 16px 10px; width: 100px;}
.icons ul li.symbol svg {width: 34px; height: 34px;}
.icons ul li.symbol h4 {font-size: 12px;}
</style>
<style>
.github-corner:hover .octo-arm { animation: octocat-wave 560ms ease-in-out; }
.github-corner svg { position: fixed; z-index: 999; border: 0px; top: 0px; right: 0px;}
@keyframes octocat-wave{
0%, 100% { transform: rotate(0); }
20%, 60% { transform: rotate(-25deg); }
40%, 80% { transform: rotate(10deg); }
}
@media (max-width:500px){
.github-corner:hover .octo-arm { animation: none; }
.github-corner .octo-arm { animation: octocat-wave 560ms ease-in-out; }
}
</style>
</head>
<body>
<a href="https://github.com/lucide-icons/lucide" target="__blank" class="github-corner">
<svg width="62" height="62" viewBox="0 0 250 250" aria-hidden="true" style="fill: #dc3545; color: rgb(255, 255, 255); ">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" class="octo-arm" style="transform-origin: 130px 106px;"></path>
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
</svg>
</a>
<div class="header">
<h1>Lucide<sup>1.0.0</sup></h1>
<div class="info">
Lucide icons as TTF/EOT/WOFF/WOFF2/SVG.
</div>
<p>
<a href="https://github.com/lucide-icons/lucide">GitHub</a> ·
<a href="https://github.com/lucide-icons/lucide/issues">Feedback</a> ·
<a href="index.html">Font Class</a> ·
<a href="unicode.html">Unicode</a>
</p>
</div>
<div class="icons">
<ul>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-a-arrow-down"></use>
</svg>
<h4>icon-a-arrow-down</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-a-arrow-up"></use>
</svg>
<h4>icon-a-arrow-up</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-a-large-small"></use>
</svg>
<h4>icon-a-large-small</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-accessibility"></use>
</svg>
<h4>icon-accessibility</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-activity"></use>
</svg>
<h4>icon-activity</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-air-vent"></use>
</svg>
<h4>icon-air-vent</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-airplay"></use>
</svg>
<h4>icon-airplay</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-alarm-clock-check"></use>
</svg>
<h4>icon-alarm-clock-check</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-alarm-clock-minus"></use>
</svg>
<h4>icon-alarm-clock-minus</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-alarm-clock-off"></use>
</svg>
<h4>icon-alarm-clock-off</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-alarm-clock-plus"></use>
</svg>
<h4>icon-alarm-clock-plus</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-alarm-clock"></use>
</svg>
<h4>icon-alarm-clock</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-alarm-smoke"></use>
</svg>
<h4>icon-alarm-smoke</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-album"></use>
</svg>
<h4>icon-album</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-center-horizontal"></use>
</svg>
<h4>icon-align-center-horizontal</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-center-vertical"></use>
</svg>
<h4>icon-align-center-vertical</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-center"></use>
</svg>
<h4>icon-align-center</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-end-horizontal"></use>
</svg>
<h4>icon-align-end-horizontal</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-end-vertical"></use>
</svg>
<h4>icon-align-end-vertical</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-horizontal-distribute-center"></use>
</svg>
<h4>icon-align-horizontal-distribute-center</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-horizontal-distribute-end"></use>
</svg>
<h4>icon-align-horizontal-distribute-end</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-horizontal-distribute-start"></use>
</svg>
<h4>icon-align-horizontal-distribute-start</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-horizontal-justify-center"></use>
</svg>
<h4>icon-align-horizontal-justify-center</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-horizontal-justify-end"></use>
</svg>
<h4>icon-align-horizontal-justify-end</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-horizontal-justify-start"></use>
</svg>
<h4>icon-align-horizontal-justify-start</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-horizontal-space-around"></use>
</svg>
<h4>icon-align-horizontal-space-around</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-horizontal-space-between"></use>
</svg>
<h4>icon-align-horizontal-space-between</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-justify"></use>
</svg>
<h4>icon-align-justify</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-left"></use>
</svg>
<h4>icon-align-left</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-right"></use>
</svg>
<h4>icon-align-right</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-start-horizontal"></use>
</svg>
<h4>icon-align-start-horizontal</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-start-vertical"></use>
</svg>
<h4>icon-align-start-vertical</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-vertical-distribute-center"></use>
</svg>
<h4>icon-align-vertical-distribute-center</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-vertical-distribute-end"></use>
</svg>
<h4>icon-align-vertical-distribute-end</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-vertical-distribute-start"></use>
</svg>
<h4>icon-align-vertical-distribute-start</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-vertical-justify-center"></use>
</svg>
<h4>icon-align-vertical-justify-center</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-vertical-justify-end"></use>
</svg>
<h4>icon-align-vertical-justify-end</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-vertical-justify-start"></use>
</svg>
<h4>icon-align-vertical-justify-start</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-vertical-space-around"></use>
</svg>
<h4>icon-align-vertical-space-around</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-align-vertical-space-between"></use>
</svg>
<h4>icon-align-vertical-space-between</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-ambulance"></use>
</svg>
<h4>icon-ambulance</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-ampersand"></use>
</svg>
<h4>icon-ampersand</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-ampersands"></use>
</svg>
<h4>icon-ampersands</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-amphora"></use>
</svg>
<h4>icon-amphora</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-anchor"></use>
</svg>
<h4>icon-anchor</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-angry"></use>
</svg>
<h4>icon-angry</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-annoyed"></use>
</svg>
<h4>icon-annoyed</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-antenna"></use>
</svg>
<h4>icon-antenna</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-anvil"></use>
</svg>
<h4>icon-anvil</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-aperture"></use>
</svg>
<h4>icon-aperture</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-app-window-mac"></use>
</svg>
<h4>icon-app-window-mac</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-app-window"></use>
</svg>
<h4>icon-app-window</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-apple"></use>
</svg>
<h4>icon-apple</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-archive-restore"></use>
</svg>
<h4>icon-archive-restore</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-archive-x"></use>
</svg>
<h4>icon-archive-x</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-archive"></use>
</svg>
<h4>icon-archive</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-armchair"></use>
</svg>
<h4>icon-armchair</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-big-down-dash"></use>
</svg>
<h4>icon-arrow-big-down-dash</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-big-down"></use>
</svg>
<h4>icon-arrow-big-down</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-big-left-dash"></use>
</svg>
<h4>icon-arrow-big-left-dash</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-big-left"></use>
</svg>
<h4>icon-arrow-big-left</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-big-right-dash"></use>
</svg>
<h4>icon-arrow-big-right-dash</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-big-right"></use>
</svg>
<h4>icon-arrow-big-right</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-big-up-dash"></use>
</svg>
<h4>icon-arrow-big-up-dash</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-big-up"></use>
</svg>
<h4>icon-arrow-big-up</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down-0-1"></use>
</svg>
<h4>icon-arrow-down-0-1</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down-1-0"></use>
</svg>
<h4>icon-arrow-down-1-0</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down-a-z"></use>
</svg>
<h4>icon-arrow-down-a-z</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down-from-line"></use>
</svg>
<h4>icon-arrow-down-from-line</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down-left"></use>
</svg>
<h4>icon-arrow-down-left</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down-narrow-wide"></use>
</svg>
<h4>icon-arrow-down-narrow-wide</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down-right"></use>
</svg>
<h4>icon-arrow-down-right</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down-to-dot"></use>
</svg>
<h4>icon-arrow-down-to-dot</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down-to-line"></use>
</svg>
<h4>icon-arrow-down-to-line</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down-up"></use>
</svg>
<h4>icon-arrow-down-up</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down-wide-narrow"></use>
</svg>
<h4>icon-arrow-down-wide-narrow</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down-z-a"></use>
</svg>
<h4>icon-arrow-down-z-a</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-down"></use>
</svg>
<h4>icon-arrow-down</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-left-from-line"></use>
</svg>
<h4>icon-arrow-left-from-line</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-left-right"></use>
</svg>
<h4>icon-arrow-left-right</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-left-to-line"></use>
</svg>
<h4>icon-arrow-left-to-line</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-left"></use>
</svg>
<h4>icon-arrow-left</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-right-from-line"></use>
</svg>
<h4>icon-arrow-right-from-line</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-right-left"></use>
</svg>
<h4>icon-arrow-right-left</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-right-to-line"></use>
</svg>
<h4>icon-arrow-right-to-line</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-right"></use>
</svg>
<h4>icon-arrow-right</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up-0-1"></use>
</svg>
<h4>icon-arrow-up-0-1</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up-1-0"></use>
</svg>
<h4>icon-arrow-up-1-0</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up-a-z"></use>
</svg>
<h4>icon-arrow-up-a-z</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up-down"></use>
</svg>
<h4>icon-arrow-up-down</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up-from-dot"></use>
</svg>
<h4>icon-arrow-up-from-dot</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up-from-line"></use>
</svg>
<h4>icon-arrow-up-from-line</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up-left"></use>
</svg>
<h4>icon-arrow-up-left</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up-narrow-wide"></use>
</svg>
<h4>icon-arrow-up-narrow-wide</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up-right"></use>
</svg>
<h4>icon-arrow-up-right</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up-to-line"></use>
</svg>
<h4>icon-arrow-up-to-line</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up-wide-narrow"></use>
</svg>
<h4>icon-arrow-up-wide-narrow</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up-z-a"></use>
</svg>
<h4>icon-arrow-up-z-a</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrow-up"></use>
</svg>
<h4>icon-arrow-up</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-arrows-up-from-line"></use>
</svg>
<h4>icon-arrows-up-from-line</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-asterisk"></use>
</svg>
<h4>icon-asterisk</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-at-sign"></use>
</svg>
<h4>icon-at-sign</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-atom"></use>
</svg>
<h4>icon-atom</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-audio-lines"></use>
</svg>
<h4>icon-audio-lines</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-audio-waveform"></use>
</svg>
<h4>icon-audio-waveform</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-award"></use>
</svg>
<h4>icon-award</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-axe"></use>
</svg>
<h4>icon-axe</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-axis-3d"></use>
</svg>
<h4>icon-axis-3d</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-baby"></use>
</svg>
<h4>icon-baby</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-backpack"></use>
</svg>
<h4>icon-backpack</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-alert"></use>
</svg>
<h4>icon-badge-alert</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-cent"></use>
</svg>
<h4>icon-badge-cent</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-check"></use>
</svg>
<h4>icon-badge-check</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-dollar-sign"></use>
</svg>
<h4>icon-badge-dollar-sign</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-euro"></use>
</svg>
<h4>icon-badge-euro</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-help"></use>
</svg>
<h4>icon-badge-help</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-indian-rupee"></use>
</svg>
<h4>icon-badge-indian-rupee</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-info"></use>
</svg>
<h4>icon-badge-info</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-japanese-yen"></use>
</svg>
<h4>icon-badge-japanese-yen</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-minus"></use>
</svg>
<h4>icon-badge-minus</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-percent"></use>
</svg>
<h4>icon-badge-percent</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-plus"></use>
</svg>
<h4>icon-badge-plus</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-pound-sterling"></use>
</svg>
<h4>icon-badge-pound-sterling</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-russian-ruble"></use>
</svg>
<h4>icon-badge-russian-ruble</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-swiss-franc"></use>
</svg>
<h4>icon-badge-swiss-franc</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge-x"></use>
</svg>
<h4>icon-badge-x</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-badge"></use>
</svg>
<h4>icon-badge</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-baggage-claim"></use>
</svg>
<h4>icon-baggage-claim</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-ban"></use>
</svg>
<h4>icon-ban</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-banana"></use>
</svg>
<h4>icon-banana</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bandage"></use>
</svg>
<h4>icon-bandage</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-banknote"></use>
</svg>
<h4>icon-banknote</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-barcode"></use>
</svg>
<h4>icon-barcode</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-baseline"></use>
</svg>
<h4>icon-baseline</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bath"></use>
</svg>
<h4>icon-bath</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-battery-charging"></use>
</svg>
<h4>icon-battery-charging</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-battery-full"></use>
</svg>
<h4>icon-battery-full</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-battery-low"></use>
</svg>
<h4>icon-battery-low</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-battery-medium"></use>
</svg>
<h4>icon-battery-medium</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-battery-warning"></use>
</svg>
<h4>icon-battery-warning</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-battery"></use>
</svg>
<h4>icon-battery</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-beaker"></use>
</svg>
<h4>icon-beaker</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bean-off"></use>
</svg>
<h4>icon-bean-off</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bean"></use>
</svg>
<h4>icon-bean</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bed-double"></use>
</svg>
<h4>icon-bed-double</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bed-single"></use>
</svg>
<h4>icon-bed-single</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bed"></use>
</svg>
<h4>icon-bed</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-beef"></use>
</svg>
<h4>icon-beef</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-beer-off"></use>
</svg>
<h4>icon-beer-off</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-beer"></use>
</svg>
<h4>icon-beer</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bell-dot"></use>
</svg>
<h4>icon-bell-dot</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bell-electric"></use>
</svg>
<h4>icon-bell-electric</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bell-minus"></use>
</svg>
<h4>icon-bell-minus</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bell-off"></use>
</svg>
<h4>icon-bell-off</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bell-plus"></use>
</svg>
<h4>icon-bell-plus</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bell-ring"></use>
</svg>
<h4>icon-bell-ring</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bell"></use>
</svg>
<h4>icon-bell</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-between-horizontal-end"></use>
</svg>
<h4>icon-between-horizontal-end</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-between-horizontal-start"></use>
</svg>
<h4>icon-between-horizontal-start</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-between-vertical-end"></use>
</svg>
<h4>icon-between-vertical-end</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-between-vertical-start"></use>
</svg>
<h4>icon-between-vertical-start</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-biceps-flexed"></use>
</svg>
<h4>icon-biceps-flexed</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bike"></use>
</svg>
<h4>icon-bike</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-binary"></use>
</svg>
<h4>icon-binary</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-binoculars"></use>
</svg>
<h4>icon-binoculars</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-biohazard"></use>
</svg>
<h4>icon-biohazard</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bird"></use>
</svg>
<h4>icon-bird</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bitcoin"></use>
</svg>
<h4>icon-bitcoin</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-blend"></use>
</svg>
<h4>icon-blend</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-blinds"></use>
</svg>
<h4>icon-blinds</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-blocks"></use>
</svg>
<h4>icon-blocks</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bluetooth-connected"></use>
</svg>
<h4>icon-bluetooth-connected</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bluetooth-off"></use>
</svg>
<h4>icon-bluetooth-off</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bluetooth-searching"></use>
</svg>
<h4>icon-bluetooth-searching</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bluetooth"></use>
</svg>
<h4>icon-bluetooth</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bold"></use>
</svg>
<h4>icon-bold</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bolt"></use>
</svg>
<h4>icon-bolt</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bomb"></use>
</svg>
<h4>icon-bomb</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-bone"></use>
</svg>
<h4>icon-bone</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-a"></use>
</svg>
<h4>icon-book-a</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-audio"></use>
</svg>
<h4>icon-book-audio</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-check"></use>
</svg>
<h4>icon-book-check</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-copy"></use>
</svg>
<h4>icon-book-copy</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-dashed"></use>
</svg>
<h4>icon-book-dashed</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-down"></use>
</svg>
<h4>icon-book-down</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-headphones"></use>
</svg>
<h4>icon-book-headphones</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-heart"></use>
</svg>
<h4>icon-book-heart</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-image"></use>
</svg>
<h4>icon-book-image</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-key"></use>
</svg>
<h4>icon-book-key</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-lock"></use>
</svg>
<h4>icon-book-lock</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-marked"></use>
</svg>
<h4>icon-book-marked</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-minus"></use>
</svg>
<h4>icon-book-minus</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-open-check"></use>
</svg>
<h4>icon-book-open-check</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-open-text"></use>
</svg>
<h4>icon-book-open-text</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-open"></use>
</svg>
<h4>icon-book-open</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-plus"></use>
</svg>
<h4>icon-book-plus</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-text"></use>
</svg>
<h4>icon-book-text</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-type"></use>
</svg>
<h4>icon-book-type</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-up-2"></use>
</svg>
<h4>icon-book-up-2</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#icon-book-up"></use>
</svg>
<h4>icon-book-up</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="lucide.symbol.svg#ic