1
0
Fork 0
why-cant-we-deploy-today/lineicons-4.0-basic-free/web-font-files/demo.html

3663 lines
122 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="demo/css/style.css">
<link rel="icon" type="image/svg+xml" href="demo/favicon.svg">
<title>Lineicons Free Web Font</title>
</head>
<body>
<header>
<h1>Lineicons Free Web Font</h1>
<p>Crafted by <a href="https://lineicons.com">Lineicons.com</a> Team</p>
</header>
<div id="icons-wrapper">
<section>
<ul>
<li>
<i class="lni lni-zoom-out"></i>
<p class="js-classname">lni-zoom-out</p>
</li>
<li>
<i class="lni lni-zoom-in"></i>
<p class="js-classname">lni-zoom-in</p>
</li>
<li>
<i class="lni lni-zip"></i>
<p class="js-classname">lni-zip</p>
</li>
<li>
<i class="lni lni-website"></i>
<p class="js-classname">lni-website</p>
</li>
<li>
<i class="lni lni-website-alt"></i>
<p class="js-classname">lni-website-alt</p>
</li>
<li>
<i class="lni lni-users"></i>
<p class="js-classname">lni-users</p>
</li>
<li>
<i class="lni lni-user"></i>
<p class="js-classname">lni-user</p>
</li>
<li>
<i class="lni lni-upload"></i>
<p class="js-classname">lni-upload</p>
</li>
<li>
<i class="lni lni-unlink"></i>
<p class="js-classname">lni-unlink</p>
</li>
<li>
<i class="lni lni-trash-can"></i>
<p class="js-classname">lni-trash-can</p>
</li>
<li>
<i class="lni lni-timer"></i>
<p class="js-classname">lni-timer</p>
</li>
<li>
<i class="lni lni-tab"></i>
<p class="js-classname">lni-tab</p>
</li>
<li>
<i class="lni lni-star-half"></i>
<p class="js-classname">lni-star-half</p>
</li>
<li>
<i class="lni lni-star-fill"></i>
<p class="js-classname">lni-star-fill</p>
</li>
<li>
<i class="lni lni-star-empty"></i>
<p class="js-classname">lni-star-empty</p>
</li>
<li>
<i class="lni lni-signal"></i>
<p class="js-classname">lni-signal</p>
</li>
<li>
<i class="lni lni-shortcode"></i>
<p class="js-classname">lni-shortcode</p>
</li>
<li>
<i class="lni lni-shopping-basket"></i>
<p class="js-classname">lni-shopping-basket</p>
</li>
<li>
<i class="lni lni-share"></i>
<p class="js-classname">lni-share</p>
</li>
<li>
<i class="lni lni-share-alt"></i>
<p class="js-classname">lni-share-alt</p>
</li>
<li>
<i class="lni lni-search"></i>
<p class="js-classname">lni-search</p>
</li>
<li>
<i class="lni lni-search-alt"></i>
<p class="js-classname">lni-search-alt</p>
</li>
<li>
<i class="lni lni-scroll-down"></i>
<p class="js-classname">lni-scroll-down</p>
</li>
<li>
<i class="lni lni-save"></i>
<p class="js-classname">lni-save</p>
</li>
<li>
<i class="lni lni-rss-feed"></i>
<p class="js-classname">lni-rss-feed</p>
</li>
<li>
<i class="lni lni-rocket"></i>
<p class="js-classname">lni-rocket</p>
</li>
<li>
<i class="lni lni-remove-file"></i>
<p class="js-classname">lni-remove-file</p>
</li>
<li>
<i class="lni lni-reload"></i>
<p class="js-classname">lni-reload</p>
</li>
<li>
<i class="lni lni-printer"></i>
<p class="js-classname">lni-printer</p>
</li>
<li>
<i class="lni lni-plug"></i>
<p class="js-classname">lni-plug</p>
</li>
<li>
<i class="lni lni-package"></i>
<p class="js-classname">lni-package</p>
</li>
<li>
<i class="lni lni-mouse"></i>
<p class="js-classname">lni-mouse</p>
</li>
<li>
<i class="lni lni-mobile"></i>
<p class="js-classname">lni-mobile</p>
</li>
<li>
<i class="lni lni-microphone"></i>
<p class="js-classname">lni-microphone</p>
</li>
<li>
<i class="lni lni-mic"></i>
<p class="js-classname">lni-mic</p>
</li>
<li>
<i class="lni lni-menu"></i>
<p class="js-classname">lni-menu</p>
</li>
<li>
<i class="lni lni-map"></i>
<p class="js-classname">lni-map</p>
</li>
<li>
<i class="lni lni-map-marker"></i>
<p class="js-classname">lni-map-marker</p>
</li>
<li>
<i class="lni lni-magnifier"></i>
<p class="js-classname">lni-magnifier</p>
</li>
<li>
<i class="lni lni-magnet"></i>
<p class="js-classname">lni-magnet</p>
</li>
<li>
<i class="lni lni-link"></i>
<p class="js-classname">lni-link</p>
</li>
<li>
<i class="lni lni-laptop"></i>
<p class="js-classname">lni-laptop</p>
</li>
<li>
<i class="lni lni-laptop-phone"></i>
<p class="js-classname">lni-laptop-phone</p>
</li>
<li>
<i class="lni lni-keyboard"></i>
<p class="js-classname">lni-keyboard</p>
</li>
<li>
<i class="lni lni-image"></i>
<p class="js-classname">lni-image</p>
</li>
<li>
<i class="lni lni-headphone"></i>
<p class="js-classname">lni-headphone</p>
</li>
<li>
<i class="lni lni-harddrive"></i>
<p class="js-classname">lni-harddrive</p>
</li>
<li>
<i class="lni lni-game"></i>
<p class="js-classname">lni-game</p>
</li>
<li>
<i class="lni lni-folder"></i>
<p class="js-classname">lni-folder</p>
</li>
<li>
<i class="lni lni-files"></i>
<p class="js-classname">lni-files</p>
</li>
<li>
<i class="lni lni-empty-file"></i>
<p class="js-classname">lni-empty-file</p>
</li>
<li>
<i class="lni lni-download"></i>
<p class="js-classname">lni-download</p>
</li>
<li>
<i class="lni lni-domain"></i>
<p class="js-classname">lni-domain</p>
</li>
<li>
<i class="lni lni-display"></i>
<p class="js-classname">lni-display</p>
</li>
<li>
<i class="lni lni-display-alt"></i>
<p class="js-classname">lni-display-alt</p>
</li>
<li>
<i class="lni lni-database"></i>
<p class="js-classname">lni-database</p>
</li>
<li>
<i class="lni lni-dashboard"></i>
<p class="js-classname">lni-dashboard</p>
</li>
<li>
<i class="lni lni-cut"></i>
<p class="js-classname">lni-cut</p>
</li>
<li>
<i class="lni lni-control-panel"></i>
<p class="js-classname">lni-control-panel</p>
</li>
<li>
<i class="lni lni-cogs"></i>
<p class="js-classname">lni-cogs</p>
</li>
<li>
<i class="lni lni-cog"></i>
<p class="js-classname">lni-cog</p>
</li>
<li>
<i class="lni lni-code"></i>
<p class="js-classname">lni-code</p>
</li>
<li>
<i class="lni lni-code-alt"></i>
<p class="js-classname">lni-code-alt</p>
</li>
<li>
<i class="lni lni-cloud-upload"></i>
<p class="js-classname">lni-cloud-upload</p>
</li>
<li>
<i class="lni lni-cloud-sync"></i>
<p class="js-classname">lni-cloud-sync</p>
</li>
<li>
<i class="lni lni-cloud-network"></i>
<p class="js-classname">lni-cloud-network</p>
</li>
<li>
<i class="lni lni-cloud-download"></i>
<p class="js-classname">lni-cloud-download</p>
</li>
<li>
<i class="lni lni-cloud-check"></i>
<p class="js-classname">lni-cloud-check</p>
</li>
<li>
<i class="lni lni-camera"></i>
<p class="js-classname">lni-camera</p>
</li>
<li>
<i class="lni lni-calendar"></i>
<p class="js-classname">lni-calendar</p>
</li>
<li>
<i class="lni lni-bulb"></i>
<p class="js-classname">lni-bulb</p>
</li>
<li>
<i class="lni lni-bookmark"></i>
<p class="js-classname">lni-bookmark</p>
</li>
<li>
<i class="lni lni-bookmark-alt"></i>
<p class="js-classname">lni-bookmark-alt</p>
</li>
<li>
<i class="lni lni-bluetooth"></i>
<p class="js-classname">lni-bluetooth</p>
</li>
<li>
<i class="lni lni-ban"></i>
<p class="js-classname">lni-ban</p>
</li>
<li>
<i class="lni lni-archive"></i>
<p class="js-classname">lni-archive</p>
</li>
<li>
<i class="lni lni-alarm"></i>
<p class="js-classname">lni-alarm</p>
</li>
<li>
<i class="lni lni-alarm-clock"></i>
<p class="js-classname">lni-alarm-clock</p>
</li>
<li>
<i class="lni lni-add-files"></i>
<p class="js-classname">lni-add-files</p>
</li>
<li>
<i class="lni lni-thunder"></i>
<p class="js-classname">lni-thunder</p>
</li>
<li>
<i class="lni lni-thunder-alt"></i>
<p class="js-classname">lni-thunder-alt</p>
</li>
<li>
<i class="lni lni-sun"></i>
<p class="js-classname">lni-sun</p>
</li>
<li>
<i class="lni lni-rain"></i>
<p class="js-classname">lni-rain</p>
</li>
<li>
<i class="lni lni-night"></i>
<p class="js-classname">lni-night</p>
</li>
<li>
<i class="lni lni-drop"></i>
<p class="js-classname">lni-drop</p>
</li>
<li>
<i class="lni lni-cloudy-sun"></i>
<p class="js-classname">lni-cloudy-sun</p>
</li>
<li>
<i class="lni lni-cloud"></i>
<p class="js-classname">lni-cloud</p>
</li>
<li>
<i class="lni lni-travel"></i>
<p class="js-classname">lni-travel</p>
</li>
<li>
<i class="lni lni-surf-board"></i>
<p class="js-classname">lni-surf-board</p>
</li>
<li>
<i class="lni lni-pyramids"></i>
<p class="js-classname">lni-pyramids</p>
</li>
<li>
<i class="lni lni-underline"></i>
<p class="js-classname">lni-underline</p>
</li>
<li>
<i class="lni lni-text-format"></i>
<p class="js-classname">lni-text-format</p>
</li>
<li>
<i class="lni lni-text-format-remove"></i>
<p class="js-classname">lni-text-format-remove</p>
</li>
<li>
<i class="lni lni-text-align-right"></i>
<p class="js-classname">lni-text-align-right</p>
</li>
<li>
<i class="lni lni-text-align-left"></i>
<p class="js-classname">lni-text-align-left</p>
</li>
<li>
<i class="lni lni-text-align-justify"></i>
<p class="js-classname">lni-text-align-justify</p>
</li>
<li>
<i class="lni lni-text-align-center"></i>
<p class="js-classname">lni-text-align-center</p>
</li>
<li>
<i class="lni lni-strikethrough"></i>
<p class="js-classname">lni-strikethrough</p>
</li>
<li>
<i class="lni lni-spellcheck"></i>
<p class="js-classname">lni-spellcheck</p>
</li>
<li>
<i class="lni lni-sort-amount-dsc"></i>
<p class="js-classname">lni-sort-amount-dsc</p>
</li>
<li>
<i class="lni lni-sort-amount-asc"></i>
<p class="js-classname">lni-sort-amount-asc</p>
</li>
<li>
<i class="lni lni-sort-alpha-asc"></i>
<p class="js-classname">lni-sort-alpha-asc</p>
</li>
<li>
<i class="lni lni-pilcrow"></i>
<p class="js-classname">lni-pilcrow</p>
</li>
<li>
<i class="lni lni-pagination"></i>
<p class="js-classname">lni-pagination</p>
</li>
<li>
<i class="lni lni-page-break"></i>
<p class="js-classname">lni-page-break</p>
</li>
<li>
<i class="lni lni-line-spacing"></i>
<p class="js-classname">lni-line-spacing</p>
</li>
<li>
<i class="lni lni-line-double"></i>
<p class="js-classname">lni-line-double</p>
</li>
<li>
<i class="lni lni-line-dotted"></i>
<p class="js-classname">lni-line-dotted</p>
</li>
<li>
<i class="lni lni-line-dashed"></i>
<p class="js-classname">lni-line-dashed</p>
</li>
<li>
<i class="lni lni-italic"></i>
<p class="js-classname">lni-italic</p>
</li>
<li>
<i class="lni lni-indent-increase"></i>
<p class="js-classname">lni-indent-increase</p>
</li>
<li>
<i class="lni lni-indent-decrease"></i>
<p class="js-classname">lni-indent-decrease</p>
</li>
<li>
<i class="lni lni-bold"></i>
<p class="js-classname">lni-bold</p>
</li>
<li>
<i class="lni lni-spinner"></i>
<p class="js-classname">lni-spinner</p>
</li>
<li>
<i class="lni lni-spinner-solid"></i>
<p class="js-classname">lni-spinner-solid</p>
</li>
<li>
<i class="lni lni-spinner-arrow"></i>
<p class="js-classname">lni-spinner-arrow</p>
</li>
<li>
<i class="lni lni-hourglass"></i>
<p class="js-classname">lni-hourglass</p>
</li>
<li>
<i class="lni lni-tounge"></i>
<p class="js-classname">lni-tounge</p>
</li>
<li>
<i class="lni lni-suspect"></i>
<p class="js-classname">lni-suspect</p>
</li>
<li>
<i class="lni lni-speechless"></i>
<p class="js-classname">lni-speechless</p>
</li>
<li>
<i class="lni lni-smile"></i>
<p class="js-classname">lni-smile</p>
</li>
<li>
<i class="lni lni-sad"></i>
<p class="js-classname">lni-sad</p>
</li>
<li>
<i class="lni lni-happy"></i>
<p class="js-classname">lni-happy</p>
</li>
<li>
<i class="lni lni-friendly"></i>
<p class="js-classname">lni-friendly</p>
</li>
<li>
<i class="lni lni-cool"></i>
<p class="js-classname">lni-cool</p>
</li>
<li>
<i class="lni lni-thought"></i>
<p class="js-classname">lni-thought</p>
</li>
<li>
<i class="lni lni-t-shirt"></i>
<p class="js-classname">lni-t-shirt</p>
</li>
<li>
<i class="lni lni-home"></i>
<p class="js-classname">lni-home</p>
</li>
<li>
<i class="lni lni-gift"></i>
<p class="js-classname">lni-gift</p>
</li>
<li>
<i class="lni lni-cup"></i>
<p class="js-classname">lni-cup</p>
</li>
<li>
<i class="lni lni-crown"></i>
<p class="js-classname">lni-crown</p>
</li>
<li>
<i class="lni lni-briefcase"></i>
<p class="js-classname">lni-briefcase</p>
</li>
<li>
<i class="lni lni-spray"></i>
<p class="js-classname">lni-spray</p>
</li>
<li>
<i class="lni lni-flags-alt-1"></i>
<p class="js-classname">lni-flags-alt-1</p>
</li>
<li>
<i class="lni lni-fireworks"></i>
<p class="js-classname">lni-fireworks</p>
</li>
<li>
<i class="lni lni-candy"></i>
<p class="js-classname">lni-candy</p>
</li>
<li>
<i class="lni lni-candy-cane"></i>
<p class="js-classname">lni-candy-cane</p>
</li>
<li>
<i class="lni lni-cake"></i>
<p class="js-classname">lni-cake</p>
</li>
<li>
<i class="lni lni-baloon"></i>
<p class="js-classname">lni-baloon</p>
</li>
<li>
<i class="lni lni-trees"></i>
<p class="js-classname">lni-trees</p>
</li>
<li>
<i class="lni lni-tree"></i>
<p class="js-classname">lni-tree</p>
</li>
<li>
<i class="lni lni-sprout"></i>
<p class="js-classname">lni-sprout</p>
</li>
<li>
<i class="lni lni-mushroom"></i>
<p class="js-classname">lni-mushroom</p>
</li>
<li>
<i class="lni lni-mashroom"></i>
<p class="js-classname">lni-mashroom</p>
</li>
<li>
<i class="lni lni-leaf"></i>
<p class="js-classname">lni-leaf</p>
</li>
<li>
<i class="lni lni-island"></i>
<p class="js-classname">lni-island</p>
</li>
<li>
<i class="lni lni-flower"></i>
<p class="js-classname">lni-flower</p>
</li>
<li>
<i class="lni lni-bug"></i>
<p class="js-classname">lni-bug</p>
</li>
<li>
<i class="lni lni-volume"></i>
<p class="js-classname">lni-volume</p>
</li>
<li>
<i class="lni lni-volume-mute"></i>
<p class="js-classname">lni-volume-mute</p>
</li>
<li>
<i class="lni lni-volume-medium"></i>
<p class="js-classname">lni-volume-medium</p>
</li>
<li>
<i class="lni lni-volume-low"></i>
<p class="js-classname">lni-volume-low</p>
</li>
<li>
<i class="lni lni-volume-high"></i>
<p class="js-classname">lni-volume-high</p>
</li>
<li>
<i class="lni lni-video"></i>
<p class="js-classname">lni-video</p>
</li>
<li>
<i class="lni lni-stop"></i>
<p class="js-classname">lni-stop</p>
</li>
<li>
<i class="lni lni-shuffle"></i>
<p class="js-classname">lni-shuffle</p>
</li>
<li>
<i class="lni lni-play"></i>
<p class="js-classname">lni-play</p>
</li>
<li>
<i class="lni lni-pause"></i>
<p class="js-classname">lni-pause</p>
</li>
<li>
<i class="lni lni-gallery"></i>
<p class="js-classname">lni-gallery</p>
</li>
<li>
<i class="lni lni-full-screen"></i>
<p class="js-classname">lni-full-screen</p>
</li>
<li>
<i class="lni lni-frame-expand"></i>
<p class="js-classname">lni-frame-expand</p>
</li>
<li>
<i class="lni lni-forward"></i>
<p class="js-classname">lni-forward</p>
</li>
<li>
<i class="lni lni-backward"></i>
<p class="js-classname">lni-backward</p>
</li>
<li>
<i class="lni lni-target-customer"></i>
<p class="js-classname">lni-target-customer</p>
</li>
<li>
<i class="lni lni-seo"></i>
<p class="js-classname">lni-seo</p>
</li>
<li>
<i class="lni lni-network"></i>
<p class="js-classname">lni-network</p>
</li>
<li>
<i class="lni lni-keyword-research"></i>
<p class="js-classname">lni-keyword-research</p>
</li>
<li>
<i class="lni lni-graph"></i>
<p class="js-classname">lni-graph</p>
</li>
<li>
<i class="lni lni-bar-chart"></i>
<p class="js-classname">lni-bar-chart</p>
</li>
<li>
<i class="lni lni-warning"></i>
<p class="js-classname">lni-warning</p>
</li>
<li>
<i class="lni lni-unlock"></i>
<p class="js-classname">lni-unlock</p>
</li>
<li>
<i class="lni lni-ticket"></i>
<p class="js-classname">lni-ticket</p>
</li>
<li>
<i class="lni lni-ticket-alt"></i>
<p class="js-classname">lni-ticket-alt</p>
</li>
<li>
<i class="lni lni-thumbs-up"></i>
<p class="js-classname">lni-thumbs-up</p>
</li>
<li>
<i class="lni lni-thumbs-down"></i>
<p class="js-classname">lni-thumbs-down</p>
</li>
<li>
<i class="lni lni-teabag"></i>
<p class="js-classname">lni-teabag</p>
</li>
<li>
<i class="lni lni-shield"></i>
<p class="js-classname">lni-shield</p>
</li>
<li>
<i class="lni lni-radio-button"></i>
<p class="js-classname">lni-radio-button</p>
</li>
<li>
<i class="lni lni-question-circle"></i>
<p class="js-classname">lni-question-circle</p>
</li>
<li>
<i class="lni lni-protection"></i>
<p class="js-classname">lni-protection</p>
</li>
<li>
<i class="lni lni-power-switch"></i>
<p class="js-classname">lni-power-switch</p>
</li>
<li>
<i class="lni lni-pointer"></i>
<p class="js-classname">lni-pointer</p>
</li>
<li>
<i class="lni lni-plus"></i>
<p class="js-classname">lni-plus</p>
</li>
<li>
<i class="lni lni-music"></i>
<p class="js-classname">lni-music</p>
</li>
<li>
<i class="lni lni-more"></i>
<p class="js-classname">lni-more</p>
</li>
<li>
<i class="lni lni-more-alt"></i>
<p class="js-classname">lni-more-alt</p>
</li>
<li>
<i class="lni lni-minus"></i>
<p class="js-classname">lni-minus</p>
</li>
<li>
<i class="lni lni-lock"></i>
<p class="js-classname">lni-lock</p>
</li>
<li>
<i class="lni lni-lock-alt"></i>
<p class="js-classname">lni-lock-alt</p>
</li>
<li>
<i class="lni lni-list"></i>
<p class="js-classname">lni-list</p>
</li>
<li>
<i class="lni lni-lifering"></i>
<p class="js-classname">lni-lifering</p>
</li>
<li>
<i class="lni lni-key"></i>
<p class="js-classname">lni-key</p>
</li>
<li>
<i class="lni lni-invention"></i>
<p class="js-classname">lni-invention</p>
</li>
<li>
<i class="lni lni-information"></i>
<p class="js-classname">lni-information</p>
</li>
<li>
<i class="lni lni-infinite"></i>
<p class="js-classname">lni-infinite</p>
</li>
<li>
<i class="lni lni-help"></i>
<p class="js-classname">lni-help</p>
</li>
<li>
<i class="lni lni-heart"></i>
<p class="js-classname">lni-heart</p>
</li>
<li>
<i class="lni lni-heart-fill"></i>
<p class="js-classname">lni-heart-fill</p>
</li>
<li>
<i class="lni lni-hand"></i>
<p class="js-classname">lni-hand</p>
</li>
<li>
<i class="lni lni-funnel"></i>
<p class="js-classname">lni-funnel</p>
</li>
<li>
<i class="lni lni-flag"></i>
<p class="js-classname">lni-flag</p>
</li>
<li>
<i class="lni lni-flag-alt"></i>
<p class="js-classname">lni-flag-alt</p>
</li>
<li>
<i class="lni lni-eye"></i>
<p class="js-classname">lni-eye</p>
</li>
<li>
<i class="lni lni-cross-circle"></i>
<p class="js-classname">lni-cross-circle</p>
</li>
<li>
<i class="lni lni-close"></i>
<p class="js-classname">lni-close</p>
</li>
<li>
<i class="lni lni-circle-plus"></i>
<p class="js-classname">lni-circle-plus</p>
</li>
<li>
<i class="lni lni-circle-minus"></i>
<p class="js-classname">lni-circle-minus</p>
</li>
<li>
<i class="lni lni-checkmark"></i>
<p class="js-classname">lni-checkmark</p>
</li>
<li>
<i class="lni lni-checkmark-circle"></i>
<p class="js-classname">lni-checkmark-circle</p>
</li>
<li>
<i class="lni lni-check-box"></i>
<p class="js-classname">lni-check-box</p>
</li>
<li>
<i class="lni lni-bolt"></i>
<p class="js-classname">lni-bolt</p>
</li>
<li>
<i class="lni lni-bolt-alt"></i>
<p class="js-classname">lni-bolt-alt</p>
</li>
<li>
<i class="lni lni-wheelchair"></i>
<p class="js-classname">lni-wheelchair</p>
</li>
<li>
<i class="lni lni-weight"></i>
<p class="js-classname">lni-weight</p>
</li>
<li>
<i class="lni lni-syringe"></i>
<p class="js-classname">lni-syringe</p>
</li>
<li>
<i class="lni lni-sthethoscope"></i>
<p class="js-classname">lni-sthethoscope</p>
</li>
<li>
<i class="lni lni-slim"></i>
<p class="js-classname">lni-slim</p>
</li>
<li>
<i class="lni lni-skipping-rope"></i>
<p class="js-classname">lni-skipping-rope</p>
</li>
<li>
<i class="lni lni-pulse"></i>
<p class="js-classname">lni-pulse</p>
</li>
<li>
<i class="lni lni-microscope"></i>
<p class="js-classname">lni-microscope</p>
</li>
<li>
<i class="lni lni-hospital"></i>
<p class="js-classname">lni-hospital</p>
</li>
<li>
<i class="lni lni-heart-monitor"></i>
<p class="js-classname">lni-heart-monitor</p>
</li>
<li>
<i class="lni lni-first-aid"></i>
<p class="js-classname">lni-first-aid</p>
</li>
<li>
<i class="lni lni-dumbbell"></i>
<p class="js-classname">lni-dumbbell</p>
</li>
<li>
<i class="lni lni-capsule"></i>
<p class="js-classname">lni-capsule</p>
</li>
<li>
<i class="lni lni-basketball"></i>
<p class="js-classname">lni-basketball</p>
</li>
<li>
<i class="lni lni-ambulance"></i>
<p class="js-classname">lni-ambulance</p>
</li>
<li>
<i class="lni lni-service"></i>
<p class="js-classname">lni-service</p>
</li>
<li>
<i class="lni lni-restaurant"></i>
<p class="js-classname">lni-restaurant</p>
</li>
<li>
<i class="lni lni-pizza"></i>
<p class="js-classname">lni-pizza</p>
</li>
<li>
<i class="lni lni-juice"></i>
<p class="js-classname">lni-juice</p>
</li>
<li>
<i class="lni lni-fresh-juice"></i>
<p class="js-classname">lni-fresh-juice</p>
</li>
<li>
<i class="lni lni-dinner"></i>
<p class="js-classname">lni-dinner</p>
</li>
<li>
<i class="lni lni-coffee-cup"></i>
<p class="js-classname">lni-coffee-cup</p>
</li>
<li>
<i class="lni lni-chef-hat"></i>
<p class="js-classname">lni-chef-hat</p>
</li>
<li>
<i class="lni lni-burger"></i>
<p class="js-classname">lni-burger</p>
</li>
<li>
<i class="lni lni-write"></i>
<p class="js-classname">lni-write</p>
</li>
<li>
<i class="lni lni-world"></i>
<p class="js-classname">lni-world</p>
</li>
<li>
<i class="lni lni-world-alt"></i>
<p class="js-classname">lni-world-alt</p>
</li>
<li>
<i class="lni lni-school-bench"></i>
<p class="js-classname">lni-school-bench</p>
</li>
<li>
<i class="lni lni-school-bench-alt"></i>
<p class="js-classname">lni-school-bench-alt</p>
</li>
<li>
<i class="lni lni-pencil"></i>
<p class="js-classname">lni-pencil</p>
</li>
<li>
<i class="lni lni-pencil-alt"></i>
<p class="js-classname">lni-pencil-alt</p>
</li>
<li>
<i class="lni lni-library"></i>
<p class="js-classname">lni-library</p>
</li>
<li>
<i class="lni lni-graduation"></i>
<p class="js-classname">lni-graduation</p>
</li>
<li>
<i class="lni lni-eraser"></i>
<p class="js-classname">lni-eraser</p>
</li>
<li>
<i class="lni lni-compass"></i>
<p class="js-classname">lni-compass</p>
</li>
<li>
<i class="lni lni-clipboard"></i>
<p class="js-classname">lni-clipboard</p>
</li>
<li>
<i class="lni lni-certificate"></i>
<p class="js-classname">lni-certificate</p>
</li>
<li>
<i class="lni lni-book"></i>
<p class="js-classname">lni-book</p>
</li>
<li>
<i class="lni lni-blackboard"></i>
<p class="js-classname">lni-blackboard</p>
</li>
<li>
<i class="lni lni-shift-right"></i>
<p class="js-classname">lni-shift-right</p>
</li>
<li>
<i class="lni lni-shift-left"></i>
<p class="js-classname">lni-shift-left</p>
</li>
<li>
<i class="lni lni-pointer-top"></i>
<p class="js-classname">lni-pointer-top</p>
</li>
<li>
<i class="lni lni-pointer-right"></i>
<p class="js-classname">lni-pointer-right</p>
</li>
<li>
<i class="lni lni-pointer-left"></i>
<p class="js-classname">lni-pointer-left</p>
</li>
<li>
<i class="lni lni-pointer-down"></i>
<p class="js-classname">lni-pointer-down</p>
</li>
<li>
<i class="lni lni-exit"></i>
<p class="js-classname">lni-exit</p>
</li>
<li>
<i class="lni lni-exit-up"></i>
<p class="js-classname">lni-exit-up</p>
</li>
<li>
<i class="lni lni-exit-down"></i>
<p class="js-classname">lni-exit-down</p>
</li>
<li>
<i class="lni lni-enter"></i>
<p class="js-classname">lni-enter</p>
</li>
<li>
<i class="lni lni-direction"></i>
<p class="js-classname">lni-direction</p>
</li>
<li>
<i class="lni lni-direction-rtl"></i>
<p class="js-classname">lni-direction-rtl</p>
</li>
<li>
<i class="lni lni-direction-ltr"></i>
<p class="js-classname">lni-direction-ltr</p>
</li>
<li>
<i class="lni lni-direction-alt"></i>
<p class="js-classname">lni-direction-alt</p>
</li>
<li>
<i class="lni lni-chevron-up"></i>
<p class="js-classname">lni-chevron-up</p>
</li>
<li>
<i class="lni lni-chevron-up-circle"></i>
<p class="js-classname">lni-chevron-up-circle</p>
</li>
<li>
<i class="lni lni-chevron-right"></i>
<p class="js-classname">lni-chevron-right</p>
</li>
<li>
<i class="lni lni-chevron-right-circle"></i>
<p class="js-classname">lni-chevron-right-circle</p>
</li>
<li>
<i class="lni lni-chevron-left"></i>
<p class="js-classname">lni-chevron-left</p>
</li>
<li>
<i class="lni lni-chevron-left-circle"></i>
<p class="js-classname">lni-chevron-left-circle</p>
</li>
<li>
<i class="lni lni-chevron-down"></i>
<p class="js-classname">lni-chevron-down</p>
</li>
<li>
<i class="lni lni-chevron-down-circle"></i>
<p class="js-classname">lni-chevron-down-circle</p>
</li>
<li>
<i class="lni lni-arrows-vertical"></i>
<p class="js-classname">lni-arrows-vertical</p>
</li>
<li>
<i class="lni lni-arrows-horizontal"></i>
<p class="js-classname">lni-arrows-horizontal</p>
</li>
<li>
<i class="lni lni-arrow-up"></i>
<p class="js-classname">lni-arrow-up</p>
</li>
<li>
<i class="lni lni-arrow-up-circle"></i>
<p class="js-classname">lni-arrow-up-circle</p>
</li>
<li>
<i class="lni lni-arrow-top-right"></i>
<p class="js-classname">lni-arrow-top-right</p>
</li>
<li>
<i class="lni lni-arrow-top-left"></i>
<p class="js-classname">lni-arrow-top-left</p>
</li>
<li>
<i class="lni lni-arrow-right"></i>
<p class="js-classname">lni-arrow-right</p>
</li>
<li>
<i class="lni lni-arrow-right-circle"></i>
<p class="js-classname">lni-arrow-right-circle</p>
</li>
<li>
<i class="lni lni-arrow-left"></i>
<p class="js-classname">lni-arrow-left</p>
</li>
<li>
<i class="lni lni-arrow-left-circle"></i>
<p class="js-classname">lni-arrow-left-circle</p>
</li>
<li>
<i class="lni lni-arrow-down"></i>
<p class="js-classname">lni-arrow-down</p>
</li>
<li>
<i class="lni lni-arrow-down-circle"></i>
<p class="js-classname">lni-arrow-down-circle</p>
</li>
<li>
<i class="lni lni-angle-double-up"></i>
<p class="js-classname">lni-angle-double-up</p>
</li>
<li>
<i class="lni lni-angle-double-right"></i>
<p class="js-classname">lni-angle-double-right</p>
</li>
<li>
<i class="lni lni-angle-double-left"></i>
<p class="js-classname">lni-angle-double-left</p>
</li>
<li>
<i class="lni lni-angle-double-down"></i>
<p class="js-classname">lni-angle-double-down</p>
</li>
<li>
<i class="lni lni-vector"></i>
<p class="js-classname">lni-vector</p>
</li>
<li>
<i class="lni lni-ux"></i>
<p class="js-classname">lni-ux</p>
</li>
<li>
<i class="lni lni-slice"></i>
<p class="js-classname">lni-slice</p>
</li>
<li>
<i class="lni lni-select-cursor"></i>
<p class="js-classname">lni-select-cursor</p>
</li>
<li>
<i class="lni lni-pallet"></i>
<p class="js-classname">lni-pallet</p>
</li>
<li>
<i class="lni lni-move"></i>
<p class="js-classname">lni-move</p>
</li>
<li>
<i class="lni lni-layout"></i>
<p class="js-classname">lni-layout</p>
</li>
<li>
<i class="lni lni-layers"></i>
<p class="js-classname">lni-layers</p>
</li>
<li>
<i class="lni lni-highlight"></i>
<p class="js-classname">lni-highlight</p>
</li>
<li>
<i class="lni lni-highlight-alt"></i>
<p class="js-classname">lni-highlight-alt</p>
</li>
<li>
<i class="lni lni-grid"></i>
<p class="js-classname">lni-grid</p>
</li>
<li>
<i class="lni lni-grid-alt"></i>
<p class="js-classname">lni-grid-alt</p>
</li>
<li>
<i class="lni lni-crop"></i>
<p class="js-classname">lni-crop</p>
</li>
<li>
<i class="lni lni-brush"></i>
<p class="js-classname">lni-brush</p>
</li>
<li>
<i class="lni lni-brush-alt"></i>
<p class="js-classname">lni-brush-alt</p>
</li>
<li>
<i class="lni lni-yen"></i>
<p class="js-classname">lni-yen</p>
</li>
<li>
<i class="lni lni-wallet"></i>
<p class="js-classname">lni-wallet</p>
</li>
<li>
<i class="lni lni-rupee"></i>
<p class="js-classname">lni-rupee</p>
</li>
<li>
<i class="lni lni-pound"></i>
<p class="js-classname">lni-pound</p>
</li>
<li>
<i class="lni lni-money-protection"></i>
<p class="js-classname">lni-money-protection</p>
</li>
<li>
<i class="lni lni-money-location"></i>
<p class="js-classname">lni-money-location</p>
</li>
<li>
<i class="lni lni-euro"></i>
<p class="js-classname">lni-euro</p>
</li>
<li>
<i class="lni lni-dollar"></i>
<p class="js-classname">lni-dollar</p>
</li>
<li>
<i class="lni lni-diamond-shape"></i>
<p class="js-classname">lni-diamond-shape</p>
</li>
<li>
<i class="lni lni-diamond-alt"></i>
<p class="js-classname">lni-diamond-alt</p>
</li>
<li>
<i class="lni lni-credit-cards"></i>
<p class="js-classname">lni-credit-cards</p>
</li>
<li>
<i class="lni lni-coin"></i>
<p class="js-classname">lni-coin</p>
</li>
<li>
<i class="lni lni-calculator"></i>
<p class="js-classname">lni-calculator</p>
</li>
<li>
<i class="lni lni-calculator-alt"></i>
<p class="js-classname">lni-calculator-alt</p>
</li>
<li>
<i class="lni lni-wheelbarrow"></i>
<p class="js-classname">lni-wheelbarrow</p>
</li>
<li>
<i class="lni lni-trowel"></i>
<p class="js-classname">lni-trowel</p>
</li>
<li>
<i class="lni lni-shovel"></i>
<p class="js-classname">lni-shovel</p>
</li>
<li>
<i class="lni lni-ruler"></i>
<p class="js-classname">lni-ruler</p>
</li>
<li>
<i class="lni lni-ruler-pencil"></i>
<p class="js-classname">lni-ruler-pencil</p>
</li>
<li>
<i class="lni lni-ruler-alt"></i>
<p class="js-classname">lni-ruler-alt</p>
</li>
<li>
<i class="lni lni-paint-roller"></i>
<p class="js-classname">lni-paint-roller</p>
</li>
<li>
<i class="lni lni-paint-bucket-alt"></i>
<p class="js-classname">lni-paint-bucket-alt</p>
</li>
<li>
<i class="lni lni-helmet"></i>
<p class="js-classname">lni-helmet</p>
</li>
<li>
<i class="lni lni-hammer"></i>
<p class="js-classname">lni-hammer</p>
</li>
<li>
<i class="lni lni-construction"></i>
<p class="js-classname">lni-construction</p>
</li>
<li>
<i class="lni lni-construction-hammer"></i>
<p class="js-classname">lni-construction-hammer</p>
</li>
<li>
<i class="lni lni-bricks"></i>
<p class="js-classname">lni-bricks</p>
</li>
<li>
<i class="lni lni-train"></i>
<p class="js-classname">lni-train</p>
</li>
<li>
<i class="lni lni-train-alt"></i>
<p class="js-classname">lni-train-alt</p>
</li>
<li>
<i class="lni lni-taxi"></i>
<p class="js-classname">lni-taxi</p>
</li>
<li>
<i class="lni lni-support"></i>
<p class="js-classname">lni-support</p>
</li>
<li>
<i class="lni lni-ship"></i>
<p class="js-classname">lni-ship</p>
</li>
<li>
<i class="lni lni-scooter"></i>
<p class="js-classname">lni-scooter</p>
</li>
<li>
<i class="lni lni-road"></i>
<p class="js-classname">lni-road</p>
</li>
<li>
<i class="lni lni-reply"></i>
<p class="js-classname">lni-reply</p>
</li>
<li>
<i class="lni lni-postcard"></i>
<p class="js-classname">lni-postcard</p>
</li>
<li>
<i class="lni lni-popup"></i>
<p class="js-classname">lni-popup</p>
</li>
<li>
<i class="lni lni-plane"></i>
<p class="js-classname">lni-plane</p>
</li>
<li>
<i class="lni lni-phone"></i>
<p class="js-classname">lni-phone</p>
</li>
<li>
<i class="lni lni-phone-set"></i>
<p class="js-classname">lni-phone-set</p>
</li>
<li>
<i class="lni lni-inbox"></i>
<p class="js-classname">lni-inbox</p>
</li>
<li>
<i class="lni lni-helicopter"></i>
<p class="js-classname">lni-helicopter</p>
</li>
<li>
<i class="lni lni-envelope"></i>
<p class="js-classname">lni-envelope</p>
</li>
<li>
<i class="lni lni-comments"></i>
<p class="js-classname">lni-comments</p>
</li>
<li>
<i class="lni lni-comments-reply"></i>
<p class="js-classname">lni-comments-reply</p>
</li>
<li>
<i class="lni lni-comments-alt-2"></i>
<p class="js-classname">lni-comments-alt-2</p>
</li>
<li>
<i class="lni lni-caravan"></i>
<p class="js-classname">lni-caravan</p>
</li>
<li>
<i class="lni lni-car"></i>
<p class="js-classname">lni-car</p>
</li>
<li>
<i class="lni lni-car-alt"></i>
<p class="js-classname">lni-car-alt</p>
</li>
<li>
<i class="lni lni-bus"></i>
<p class="js-classname">lni-bus</p>
</li>
<li>
<i class="lni lni-bullhorn"></i>
<p class="js-classname">lni-bullhorn</p>
</li>
<li>
<i class="lni lni-bubble"></i>
<p class="js-classname">lni-bubble</p>
</li>
<li>
<i class="lni lni-bridge"></i>
<p class="js-classname">lni-bridge</p>
</li>
<li>
<i class="lni lni-bi-cycle"></i>
<p class="js-classname">lni-bi-cycle</p>
</li>
<li>
<i class="lni lni-anchor"></i>
<p class="js-classname">lni-anchor</p>
</li>
<li>
<i class="lni lni-target"></i>
<p class="js-classname">lni-target</p>
</li>
<li>
<i class="lni lni-target-revenue"></i>
<p class="js-classname">lni-target-revenue</p>
</li>
<li>
<i class="lni lni-tag"></i>
<p class="js-classname">lni-tag</p>
</li>
<li>
<i class="lni lni-stats-up"></i>
<p class="js-classname">lni-stats-up</p>
</li>
<li>
<i class="lni lni-stats-down"></i>
<p class="js-classname">lni-stats-down</p>
</li>
<li>
<i class="lni lni-stamp"></i>
<p class="js-classname">lni-stamp</p>
</li>
<li>
<i class="lni lni-revenue"></i>
<p class="js-classname">lni-revenue</p>
</li>
<li>
<i class="lni lni-quotation"></i>
<p class="js-classname">lni-quotation</p>
</li>
<li>
<i class="lni lni-pin"></i>
<p class="js-classname">lni-pin</p>
</li>
<li>
<i class="lni lni-pie-chart"></i>
<p class="js-classname">lni-pie-chart</p>
</li>
<li>
<i class="lni lni-paperclip"></i>
<p class="js-classname">lni-paperclip</p>
</li>
<li>
<i class="lni lni-offer"></i>
<p class="js-classname">lni-offer</p>
</li>
<li>
<i class="lni lni-notepad"></i>
<p class="js-classname">lni-notepad</p>
</li>
<li>
<i class="lni lni-license"></i>
<p class="js-classname">lni-license</p>
</li>
<li>
<i class="lni lni-investment"></i>
<p class="js-classname">lni-investment</p>
</li>
<li>
<i class="lni lni-invest-monitor"></i>
<p class="js-classname">lni-invest-monitor</p>
</li>
<li>
<i class="lni lni-handshake"></i>
<p class="js-classname">lni-handshake</p>
</li>
<li>
<i class="lni lni-grow"></i>
<p class="js-classname">lni-grow</p>
</li>
<li>
<i class="lni lni-delivery"></i>
<p class="js-classname">lni-delivery</p>
</li>
<li>
<i class="lni lni-customer"></i>
<p class="js-classname">lni-customer</p>
</li>
<li>
<i class="lni lni-consulting"></i>
<p class="js-classname">lni-consulting</p>
</li>
<li>
<i class="lni lni-cart"></i>
<p class="js-classname">lni-cart</p>
</li>
<li>
<i class="lni lni-cart-full"></i>
<p class="js-classname">lni-cart-full</p>
</li>
<li>
<i class="lni lni-briefcase-alt"></i>
<p class="js-classname">lni-briefcase-alt</p>
</li>
<li>
<i class="lni lni-apartment"></i>
<p class="js-classname">lni-apartment</p>
</li>
<li>
<i class="lni lni-agenda"></i>
<p class="js-classname">lni-agenda</p>
</li>
<li>
<i class="lni lni-zoom"></i>
<p class="js-classname">lni-zoom</p>
</li>
<li>
<i class="lni lni-zapier"></i>
<p class="js-classname">lni-zapier</p>
</li>
<li>
<i class="lni lni-youtube"></i>
<p class="js-classname">lni-youtube</p>
</li>
<li>
<i class="lni lni-ycombinator"></i>
<p class="js-classname">lni-ycombinator</p>
</li>
<li>
<i class="lni lni-yahoo"></i>
<p class="js-classname">lni-yahoo</p>
</li>
<li>
<i class="lni lni-xrp"></i>
<p class="js-classname">lni-xrp</p>
</li>
<li>
<i class="lni lni-xbox"></i>
<p class="js-classname">lni-xbox</p>
</li>
<li>
<i class="lni lni-wordpress"></i>
<p class="js-classname">lni-wordpress</p>
</li>
<li>
<i class="lni lni-wordpress-fill"></i>
<p class="js-classname">lni-wordpress-fill</p>
</li>
<li>
<i class="lni lni-windows"></i>
<p class="js-classname">lni-windows</p>
</li>
<li>
<i class="lni lni-whatsapp"></i>
<p class="js-classname">lni-whatsapp</p>
</li>
<li>
<i class="lni lni-wechat"></i>
<p class="js-classname">lni-wechat</p>
</li>
<li>
<i class="lni lni-webhooks"></i>
<p class="js-classname">lni-webhooks</p>
</li>
<li>
<i class="lni lni-vuejs"></i>
<p class="js-classname">lni-vuejs</p>
</li>
<li>
<i class="lni lni-vs-code"></i>
<p class="js-classname">lni-vs-code</p>
</li>
<li>
<i class="lni lni-volkswagen"></i>
<p class="js-classname">lni-volkswagen</p>
</li>
<li>
<i class="lni lni-vmware"></i>
<p class="js-classname">lni-vmware</p>
</li>
<li>
<i class="lni lni-vk"></i>
<p class="js-classname">lni-vk</p>
</li>
<li>
<i class="lni lni-visa"></i>
<p class="js-classname">lni-visa</p>
</li>
<li>
<i class="lni lni-vimeo"></i>
<p class="js-classname">lni-vimeo</p>
</li>
<li>
<i class="lni lni-vercel"></i>
<p class="js-classname">lni-vercel</p>
</li>
<li>
<i class="lni lni-unsplash"></i>
<p class="js-classname">lni-unsplash</p>
</li>
<li>
<i class="lni lni-ubuntu"></i>
<p class="js-classname">lni-ubuntu</p>
</li>
<li>
<i class="lni lni-typescript"></i>
<p class="js-classname">lni-typescript</p>
</li>
<li>
<i class="lni lni-twitter"></i>
<p class="js-classname">lni-twitter</p>
</li>
<li>
<i class="lni lni-twitter-original"></i>
<p class="js-classname">lni-twitter-original</p>
</li>
<li>
<i class="lni lni-twitter-fill"></i>
<p class="js-classname">lni-twitter-fill</p>
</li>
<li>
<i class="lni lni-twitch"></i>
<p class="js-classname">lni-twitch</p>
</li>
<li>
<i class="lni lni-tumblr"></i>
<p class="js-classname">lni-tumblr</p>
</li>
<li>
<i class="lni lni-trello"></i>
<p class="js-classname">lni-trello</p>
</li>
<li>
<i class="lni lni-toyota"></i>
<p class="js-classname">lni-toyota</p>
</li>
<li>
<i class="lni lni-tiktok"></i>
<p class="js-classname">lni-tiktok</p>
</li>
<li>
<i class="lni lni-tiktok-alt"></i>
<p class="js-classname">lni-tiktok-alt</p>
</li>
<li>
<i class="lni lni-tesla"></i>
<p class="js-classname">lni-tesla</p>
</li>
<li>
<i class="lni lni-telegram"></i>
<p class="js-classname">lni-telegram</p>
</li>
<li>
<i class="lni lni-telegram-original"></i>
<p class="js-classname">lni-telegram-original</p>
</li>
<li>
<i class="lni lni-tailwindcss"></i>
<p class="js-classname">lni-tailwindcss</p>
</li>
<li>
<i class="lni lni-swift"></i>
<p class="js-classname">lni-swift</p>
</li>
<li>
<i class="lni lni-svelte"></i>
<p class="js-classname">lni-svelte</p>
</li>
<li>
<i class="lni lni-stumbleupon"></i>
<p class="js-classname">lni-stumbleupon</p>
</li>
<li>
<i class="lni lni-stripe"></i>
<p class="js-classname">lni-stripe</p>
</li>
<li>
<i class="lni lni-steam"></i>
<p class="js-classname">lni-steam</p>
</li>
<li>
<i class="lni lni-stackoverflow"></i>
<p class="js-classname">lni-stackoverflow</p>
</li>
<li>
<i class="lni lni-squarespace"></i>
<p class="js-classname">lni-squarespace</p>
</li>
<li>
<i class="lni lni-spotify"></i>
<p class="js-classname">lni-spotify</p>
</li>
<li>
<i class="lni lni-spotify-original"></i>
<p class="js-classname">lni-spotify-original</p>
</li>
<li>
<i class="lni lni-soundcloud"></i>
<p class="js-classname">lni-soundcloud</p>
</li>
<li>
<i class="lni lni-soundcloud-original"></i>
<p class="js-classname">lni-soundcloud-original</p>
</li>
<li>
<i class="lni lni-snapchat"></i>
<p class="js-classname">lni-snapchat</p>
</li>
<li>
<i class="lni lni-slideshare"></i>
<p class="js-classname">lni-slideshare</p>
</li>
<li>
<i class="lni lni-slack"></i>
<p class="js-classname">lni-slack</p>
</li>
<li>
<i class="lni lni-slack-line"></i>
<p class="js-classname">lni-slack-line</p>
</li>
<li>
<i class="lni lni-skype"></i>
<p class="js-classname">lni-skype</p>
</li>
<li>
<i class="lni lni-sketch"></i>
<p class="js-classname">lni-sketch</p>
</li>
<li>
<i class="lni lni-signal-app"></i>
<p class="js-classname">lni-signal-app</p>
</li>
<li>
<i class="lni lni-shopify"></i>
<p class="js-classname">lni-shopify</p>
</li>
<li>
<i class="lni lni-safari"></i>
<p class="js-classname">lni-safari</p>
</li>
<li>
<i class="lni lni-reddit"></i>
<p class="js-classname">lni-reddit</p>
</li>
<li>
<i class="lni lni-react"></i>
<p class="js-classname">lni-react</p>
</li>
<li>
<i class="lni lni-quora"></i>
<p class="js-classname">lni-quora</p>
</li>
<li>
<i class="lni lni-python"></i>
<p class="js-classname">lni-python</p>
</li>
<li>
<i class="lni lni-producthunt"></i>
<p class="js-classname">lni-producthunt</p>
</li>
<li>
<i class="lni lni-postman"></i>
<p class="js-classname">lni-postman</p>
</li>
<li>
<i class="lni lni-postgresql"></i>
<p class="js-classname">lni-postgresql</p>
</li>
<li>
<i class="lni lni-playstation"></i>
<p class="js-classname">lni-playstation</p>
</li>
<li>
<i class="lni lni-play-store"></i>
<p class="js-classname">lni-play-store</p>
</li>
<li>
<i class="lni lni-play-store-fill"></i>
<p class="js-classname">lni-play-store-fill</p>
</li>
<li>
<i class="lni lni-play-store-alt"></i>
<p class="js-classname">lni-play-store-alt</p>
</li>
<li>
<i class="lni lni-pinterest"></i>
<p class="js-classname">lni-pinterest</p>
</li>
<li>
<i class="lni lni-php"></i>
<p class="js-classname">lni-php</p>
</li>
<li>
<i class="lni lni-paypal"></i>
<p class="js-classname">lni-paypal</p>
</li>
<li>
<i class="lni lni-paypal-original"></i>
<p class="js-classname">lni-paypal-original</p>
</li>
<li>
<i class="lni lni-patreon"></i>
<p class="js-classname">lni-patreon</p>
</li>
<li>
<i class="lni lni-paddle"></i>
<p class="js-classname">lni-paddle</p>
</li>
<li>
<i class="lni lni-opera"></i>
<p class="js-classname">lni-opera</p>
</li>
<li>
<i class="lni lni-oculus"></i>
<p class="js-classname">lni-oculus</p>
</li>
<li>
<i class="lni lni-npm"></i>
<p class="js-classname">lni-npm</p>
</li>
<li>
<i class="lni lni-notion"></i>
<p class="js-classname">lni-notion</p>
</li>
<li>
<i class="lni lni-nodejs"></i>
<p class="js-classname">lni-nodejs</p>
</li>
<li>
<i class="lni lni-nodejs-alt"></i>
<p class="js-classname">lni-nodejs-alt</p>
</li>
<li>
<i class="lni lni-nissan"></i>
<p class="js-classname">lni-nissan</p>
</li>
<li>
<i class="lni lni-nextjs"></i>
<p class="js-classname">lni-nextjs</p>
</li>
<li>
<i class="lni lni-netlify"></i>
<p class="js-classname">lni-netlify</p>
</li>
<li>
<i class="lni lni-netflix"></i>
<p class="js-classname">lni-netflix</p>
</li>
<li>
<i class="lni lni-mysql"></i>
<p class="js-classname">lni-mysql</p>
</li>
<li>
<i class="lni lni-mongodb"></i>
<p class="js-classname">lni-mongodb</p>
</li>
<li>
<i class="lni lni-microsoft"></i>
<p class="js-classname">lni-microsoft</p>
</li>
<li>
<i class="lni lni-microsoft-teams"></i>
<p class="js-classname">lni-microsoft-teams</p>
</li>
<li>
<i class="lni lni-microsoft-edge"></i>
<p class="js-classname">lni-microsoft-edge</p>
</li>
<li>
<i class="lni lni-meta"></i>
<p class="js-classname">lni-meta</p>
</li>
<li>
<i class="lni lni-meta-2"></i>
<p class="js-classname">lni-meta-2</p>
</li>
<li>
<i class="lni lni-meta-1"></i>
<p class="js-classname">lni-meta-1</p>
</li>
<li>
<i class="lni lni-mercedes"></i>
<p class="js-classname">lni-mercedes</p>
</li>
<li>
<i class="lni lni-medium"></i>
<p class="js-classname">lni-medium</p>
</li>
<li>
<i class="lni lni-medium-alt"></i>
<p class="js-classname">lni-medium-alt</p>
</li>
<li>
<i class="lni lni-mastercard"></i>
<p class="js-classname">lni-mastercard</p>
</li>
<li>
<i class="lni lni-markdown"></i>
<p class="js-classname">lni-markdown</p>
</li>
<li>
<i class="lni lni-mailchimp"></i>
<p class="js-classname">lni-mailchimp</p>
</li>
<li>
<i class="lni lni-magento"></i>
<p class="js-classname">lni-magento</p>
</li>
<li>
<i class="lni lni-linkedin"></i>
<p class="js-classname">lni-linkedin</p>
</li>
<li>
<i class="lni lni-linkedin-original"></i>
<p class="js-classname">lni-linkedin-original</p>
</li>
<li>
<i class="lni lni-lineicons"></i>
<p class="js-classname">lni-lineicons</p>
</li>
<li>
<i class="lni lni-lineicons-symbol"></i>
<p class="js-classname">lni-lineicons-symbol</p>
</li>
<li>
<i class="lni lni-lineicons-symbol-alt"></i>
<p class="js-classname">lni-lineicons-symbol-alt</p>
</li>
<li>
<i class="lni lni-lineicons-symbol-alt-2"></i>
<p class="js-classname">lni-lineicons-symbol-alt-2</p>
</li>
<li>
<i class="lni lni-lineicons-alt"></i>
<p class="js-classname">lni-lineicons-alt</p>
</li>
<li>
<i class="lni lni-line"></i>
<p class="js-classname">lni-line</p>
</li>
<li>
<i class="lni lni-laravel"></i>
<p class="js-classname">lni-laravel</p>
</li>
<li>
<i class="lni lni-kubernetes"></i>
<p class="js-classname">lni-kubernetes</p>
</li>
<li>
<i class="lni lni-jsfiddle"></i>
<p class="js-classname">lni-jsfiddle</p>
</li>
<li>
<i class="lni lni-joomla"></i>
<p class="js-classname">lni-joomla</p>
</li>
<li>
<i class="lni lni-joomla-original"></i>
<p class="js-classname">lni-joomla-original</p>
</li>
<li>
<i class="lni lni-jcb"></i>
<p class="js-classname">lni-jcb</p>
</li>
<li>
<i class="lni lni-javascript"></i>
<p class="js-classname">lni-javascript</p>
</li>
<li>
<i class="lni lni-java"></i>
<p class="js-classname">lni-java</p>
</li>
<li>
<i class="lni lni-jamstack"></i>
<p class="js-classname">lni-jamstack</p>
</li>
<li>
<i class="lni lni-jaguar"></i>
<p class="js-classname">lni-jaguar</p>
</li>
<li>
<i class="lni lni-ios"></i>
<p class="js-classname">lni-ios</p>
</li>
<li>
<i class="lni lni-instagram"></i>
<p class="js-classname">lni-instagram</p>
</li>
<li>
<i class="lni lni-instagram-original"></i>
<p class="js-classname">lni-instagram-original</p>
</li>
<li>
<i class="lni lni-instagram-fill"></i>
<p class="js-classname">lni-instagram-fill</p>
</li>
<li>
<i class="lni lni-imdb"></i>
<p class="js-classname">lni-imdb</p>
</li>
<li>
<i class="lni lni-html5"></i>
<p class="js-classname">lni-html5</p>
</li>
<li>
<i class="lni lni-hacker-news"></i>
<p class="js-classname">lni-hacker-news</p>
</li>
<li>
<i class="lni lni-grammarly"></i>
<p class="js-classname">lni-grammarly</p>
</li>
<li>
<i class="lni lni-google"></i>
<p class="js-classname">lni-google</p>
</li>
<li>
<i class="lni lni-google-wallet"></i>
<p class="js-classname">lni-google-wallet</p>
</li>
<li>
<i class="lni lni-google-pay"></i>
<p class="js-classname">lni-google-pay</p>
</li>
<li>
<i class="lni lni-google-drive"></i>
<p class="js-classname">lni-google-drive</p>
</li>
<li>
<i class="lni lni-google-cloud"></i>
<p class="js-classname">lni-google-cloud</p>
</li>
<li>
<i class="lni lni-google-meet"></i>
<p class="js-classname">lni-google-meet</p>
</li>
<li>
<i class="lni lni-goodreads"></i>
<p class="js-classname">lni-goodreads</p>
</li>
<li>
<i class="lni lni-go"></i>
<p class="js-classname">lni-go</p>
</li>
<li>
<i class="lni lni-github"></i>
<p class="js-classname">lni-github</p>
</li>
<li>
<i class="lni lni-github-original"></i>
<p class="js-classname">lni-github-original</p>
</li>
<li>
<i class="lni lni-git"></i>
<p class="js-classname">lni-git</p>
</li>
<li>
<i class="lni lni-gatsby"></i>
<p class="js-classname">lni-gatsby</p>
</li>
<li>
<i class="lni lni-ford"></i>
<p class="js-classname">lni-ford</p>
</li>
<li>
<i class="lni lni-flutter"></i>
<p class="js-classname">lni-flutter</p>
</li>
<li>
<i class="lni lni-flickr"></i>
<p class="js-classname">lni-flickr</p>
</li>
<li>
<i class="lni lni-fitbit"></i>
<p class="js-classname">lni-fitbit</p>
</li>
<li>
<i class="lni lni-firefox"></i>
<p class="js-classname">lni-firefox</p>
</li>
<li>
<i class="lni lni-firefox-original"></i>
<p class="js-classname">lni-firefox-original</p>
</li>
<li>
<i class="lni lni-firebase"></i>
<p class="js-classname">lni-firebase</p>
</li>
<li>
<i class="lni lni-figma"></i>
<p class="js-classname">lni-figma</p>
</li>
<li>
<i class="lni lni-facetime"></i>
<p class="js-classname">lni-facetime</p>
</li>
<li>
<i class="lni lni-facebook"></i>
<p class="js-classname">lni-facebook</p>
</li>
<li>
<i class="lni lni-facebook-oval"></i>
<p class="js-classname">lni-facebook-oval</p>
</li>
<li>
<i class="lni lni-facebook-original"></i>
<p class="js-classname">lni-facebook-original</p>
</li>
<li>
<i class="lni lni-facebook-messenger"></i>
<p class="js-classname">lni-facebook-messenger</p>
</li>
<li>
<i class="lni lni-facebook-line"></i>
<p class="js-classname">lni-facebook-line</p>
</li>
<li>
<i class="lni lni-facebook-fill"></i>
<p class="js-classname">lni-facebook-fill</p>
</li>
<li>
<i class="lni lni-ethereum"></i>
<p class="js-classname">lni-ethereum</p>
</li>
<li>
<i class="lni lni-envato"></i>
<p class="js-classname">lni-envato</p>
</li>
<li>
<i class="lni lni-edge"></i>
<p class="js-classname">lni-edge</p>
</li>
<li>
<i class="lni lni-drupal"></i>
<p class="js-classname">lni-drupal</p>
</li>
<li>
<i class="lni lni-drupal-original"></i>
<p class="js-classname">lni-drupal-original</p>
</li>
<li>
<i class="lni lni-dropbox"></i>
<p class="js-classname">lni-dropbox</p>
</li>
<li>
<i class="lni lni-dropbox-original"></i>
<p class="js-classname">lni-dropbox-original</p>
</li>
<li>
<i class="lni lni-dribbble"></i>
<p class="js-classname">lni-dribbble</p>
</li>
<li>
<i class="lni lni-docker"></i>
<p class="js-classname">lni-docker</p>
</li>
<li>
<i class="lni lni-discover"></i>
<p class="js-classname">lni-discover</p>
</li>
<li>
<i class="lni lni-discord"></i>
<p class="js-classname">lni-discord</p>
</li>
<li>
<i class="lni lni-discord-alt"></i>
<p class="js-classname">lni-discord-alt</p>
</li>
<li>
<i class="lni lni-diners-club"></i>
<p class="js-classname">lni-diners-club</p>
</li>
<li>
<i class="lni lni-digitalocean"></i>
<p class="js-classname">lni-digitalocean</p>
</li>
<li>
<i class="lni lni-dialogflow"></i>
<p class="js-classname">lni-dialogflow</p>
</li>
<li>
<i class="lni lni-dev"></i>
<p class="js-classname">lni-dev</p>
</li>
<li>
<i class="lni lni-css3"></i>
<p class="js-classname">lni-css3</p>
</li>
<li>
<i class="lni lni-creative-commons"></i>
<p class="js-classname">lni-creative-commons</p>
</li>
<li>
<i class="lni lni-cpanel"></i>
<p class="js-classname">lni-cpanel</p>
</li>
<li>
<i class="lni lni-coral"></i>
<p class="js-classname">lni-coral</p>
</li>
<li>
<i class="lni lni-connectdevelop"></i>
<p class="js-classname">lni-connectdevelop</p>
</li>
<li>
<i class="lni lni-coinbase"></i>
<p class="js-classname">lni-coinbase</p>
</li>
<li>
<i class="lni lni-codepen"></i>
<p class="js-classname">lni-codepen</p>
</li>
<li>
<i class="lni lni-cloudflare"></i>
<p class="js-classname">lni-cloudflare</p>
</li>
<li>
<i class="lni lni-cisco"></i>
<p class="js-classname">lni-cisco</p>
</li>
<li>
<i class="lni lni-chromecast"></i>
<p class="js-classname">lni-chromecast</p>
</li>
<li>
<i class="lni lni-chrome"></i>
<p class="js-classname">lni-chrome</p>
</li>
<li>
<i class="lni lni-cash-app"></i>
<p class="js-classname">lni-cash-app</p>
</li>
<li>
<i class="lni lni-btc"></i>
<p class="js-classname">lni-btc</p>
</li>
<li>
<i class="lni lni-brave"></i>
<p class="js-classname">lni-brave</p>
</li>
<li>
<i class="lni lni-bootstrap"></i>
<p class="js-classname">lni-bootstrap</p>
</li>
<li>
<i class="lni lni-bootstrap-5"></i>
<p class="js-classname">lni-bootstrap-5</p>
</li>
<li>
<i class="lni lni-bmw"></i>
<p class="js-classname">lni-bmw</p>
</li>
<li>
<i class="lni lni-bluetooth-original"></i>
<p class="js-classname">lni-bluetooth-original</p>
</li>
<li>
<i class="lni lni-blogger"></i>
<p class="js-classname">lni-blogger</p>
</li>
<li>
<i class="lni lni-bittorrent"></i>
<p class="js-classname">lni-bittorrent</p>
</li>
<li>
<i class="lni lni-bitcoin"></i>
<p class="js-classname">lni-bitcoin</p>
</li>
<li>
<i class="lni lni-bitbucket"></i>
<p class="js-classname">lni-bitbucket</p>
</li>
<li>
<i class="lni lni-behance"></i>
<p class="js-classname">lni-behance</p>
</li>
<li>
<i class="lni lni-behance-original"></i>
<p class="js-classname">lni-behance-original</p>
</li>
<li>
<i class="lni lni-azure"></i>
<p class="js-classname">lni-azure</p>
</li>
<li>
<i class="lni lni-aws"></i>
<p class="js-classname">lni-aws</p>
</li>
<li>
<i class="lni lni-audi"></i>
<p class="js-classname">lni-audi</p>
</li>
<li>
<i class="lni lni-atlassian"></i>
<p class="js-classname">lni-atlassian</p>
</li>
<li>
<i class="lni lni-apple-pay"></i>
<p class="js-classname">lni-apple-pay</p>
</li>
<li>
<i class="lni lni-apple-music"></i>
<p class="js-classname">lni-apple-music</p>
</li>
<li>
<i class="lni lni-apple-brand"></i>
<p class="js-classname">lni-apple-brand</p>
</li>
<li>
<i class="lni lni-app-store"></i>
<p class="js-classname">lni-app-store</p>
</li>
<li>
<i class="lni lni-angular"></i>
<p class="js-classname">lni-angular</p>
</li>
<li>
<i class="lni lni-angellist"></i>
<p class="js-classname">lni-angellist</p>
</li>
<li>
<i class="lni lni-android"></i>
<p class="js-classname">lni-android</p>
</li>
<li>
<i class="lni lni-android-original"></i>
<p class="js-classname">lni-android-original</p>
</li>
<li>
<i class="lni lni-amex"></i>
<p class="js-classname">lni-amex</p>
</li>
<li>
<i class="lni lni-amazon"></i>
<p class="js-classname">lni-amazon</p>
</li>
<li>
<i class="lni lni-amazon-pay"></i>
<p class="js-classname">lni-amazon-pay</p>
</li>
<li>
<i class="lni lni-amazon-original"></i>
<p class="js-classname">lni-amazon-original</p>
</li>
<li>
<i class="lni lni-airtable"></i>
<p class="js-classname">lni-airtable</p>
</li>
<li>
<i class="lni lni-airbnb"></i>
<p class="js-classname">lni-airbnb</p>
</li>
<li>
<i class="lni lni-adobe"></i>
<p class="js-classname">lni-adobe</p>
</li>
<li>
<i class="lni lni-500px"></i>
<p class="js-classname">lni-500px</p>
</li>
<!-- list of icons here with the proper class-->
</ul>
</section>
</div>
<script>
function SelectText(element) {
var doc = document
, text = element
, range, selection;
if (doc.body.createTextRange) {
range = document.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if (window.getSelection) {
selection = window.getSelection();
range = document.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
}
}
window.onload = function() {
var iconsWrapper = document.getElementById('icons-wrapper'),
listItems = iconsWrapper.getElementsByTagName('li');
for (var i = 0; i < listItems.length; i++) {
listItems[i].onclick = function fun(event) {
var selectedTagName = event.target.tagName.toLowerCase();
if( selectedTagName == 'p' || selectedTagName == 'em' ) {
SelectText(event.target);
} else if( selectedTagName == 'input' ) {
event.target.setSelectionRange(0, event.target.value.length);
}
}
var nameClass = listItems[i].getElementsByClassName('js-classname'),
ligatureEl = listItems[i].getElementsByClassName('js-ligature');
var beforeContentChar = window.getComputedStyle(listItems[i].getElementsByTagName('i')[0], '::before').getPropertyValue('content').replace(/'/g, "").replace(/"/g, ""),
beforeContent = beforeContentChar.codePointAt(0).toString(16);
var beforeContentElement = document.createElement("em");
beforeContentElement.textContent = "\\"+beforeContent;
//create input element to copy/paste chart
var charCharac = document.createElement('input');
charCharac.setAttribute('type', 'text');
charCharac.setAttribute('maxlength', '1');
charCharac.setAttribute('readonly', 'true');
charCharac.setAttribute('value', beforeContentChar);
// insert in DOM
nameClass[0].after(charCharac);
nameClass[0].after(beforeContentElement);
// update ligature value
if(ligatureEl.length > 0) {
ligatureEl[0].innerText = ligatureEl[0].innerText.replace(/-/gu, "_");
}
}
}
</script>
</body>
</html>