Struktur
<lk-icon>
<svg/>
</lk-icon>
Attributter
Merknader: må*, bør, husk, ekstra.
Attributt | Tillatte verdier | Default | Beskrivelse |
---|---|---|---|
name* | string | "" | Ref. Streamline: UI Line |
color | string | "" | Legger til "svg-container--color " i <lk-icon> sin class= |
inline | boolean | "true" | Legger til "display: inline-block" på <lk-icon> ; og "height/width: 1em" på <svg> istede for "100%" |
bold | boolean | "false" | Legger til "stroke-width: 1.5" i <svg> sine objecter med stroke |
large | boolean | "false" | Legger til "height/width: 1.25em" på <svg> |
small | boolean | "false" | Legger til "height/width: 0.75em" på <svg> |
align-bottom | boolean | "false" | Fjerner "vertical-align" fra <svg> sin css |
title | string | "" | <lk-icon> sin title= |
Nye ikoner
Ikonene er hentet fra Streamline / UI Line.
For å legge til nye ikoner: last ned SVG-filen, og legg til filen i src/webcomponents/lk-icon/assets/
uten å endre navnet på filen.
Navnet skal følge formatet streamline-icon-name@48x48.svg
Eksempler
Denne komponenten er implementert som en webkomponent, og kan enkelt legges inn med en enkelt custom HTML-tag.
Mest brukt
Alle ikoner
<lk-filter item-selector="p" group-selector="div" placeholder="Søk etter ikon">
<div>
<h3>Mest brukt</h3>
<p><lk-icon name="user" title="Bruker"></lk-icon> user</p>
<p><lk-icon name="user-circle" title="Bruker"></lk-icon> user-circle</p>
<p><lk-icon name="mail" title="Post"></lk-icon> mail</p>
<p><lk-icon name="email" title="Epost"></lk-icon> email</p>
<p><lk-icon name="send" title="Send"></lk-icon> send</p>
<p><lk-icon name="tel" title="Telefon"></lk-icon> tel</p>
<p><lk-icon name="mob" title="Mobil"></lk-icon> mob</p>
<p><lk-icon name="place" title="Sted"></lk-icon> place</p>
<p><lk-icon name="clock" title="Tid"></lk-icon> clock</p>
<p><lk-icon name="like" title="Liker"></lk-icon> like</p>
<p><lk-icon name="dislike" title="Misliker"></lk-icon> dislike</p>
<p><lk-icon name="heart" title="Hjerte"></lk-icon> heart</p>
<p><lk-icon name="star" title="Stjerne"></lk-icon> star</p>
<p><lk-icon name="home" title="Hjem"></lk-icon> home</p>
<p><lk-icon name="link" title="Lenke"></lk-icon> link</p>
<p><lk-icon name="web" title="Nettadresse"></lk-icon> web</p>
<p><lk-icon name="search" title="Søk"></lk-icon> search</p>
<p><lk-icon name="filter" title="Filter"></lk-icon> filter</p>
<p><lk-icon name="burger-menu" title="Meny"></lk-icon> burger-menu</p>
<p><lk-icon name="kebab-menu" title="Meny"></lk-icon> kebab-menu</p>
<p><lk-icon name="meatballs-menu" title="Meny"></lk-icon> meatballs-menu</p>
<p><lk-icon name="candybox-menu" title="Meny"></lk-icon> candybox-menu</p>
<p><lk-icon name="settings" title="Instillinger"></lk-icon> settings</p>
<p><lk-icon name="fix" title="Fiks"></lk-icon> fix</p>
<p><lk-icon name="lock" title="Lås"></lk-icon> lock</p>
<p><lk-icon name="unlock" title="Åpen"></lk-icon> unlock</p>
<p><lk-icon name="key" title="Nøkkel"></lk-icon> key</p>
<p><lk-icon name="login" title="Logg inn"></lk-icon> login</p>
<p><lk-icon name="logout" title="Logg ut"></lk-icon> logout</p>
<p><lk-icon name="cal" title="Dato"></lk-icon> cal</p>
<p><lk-icon name="cal-start" title="Dato fra"></lk-icon> cal-start</p>
<p><lk-icon name="cal-end" title="Dato til"></lk-icon> cal-end</p>
<p><lk-icon name="printer" title="Print"></lk-icon> printer</p>
<p><lk-icon name="save" title="Lagre"></lk-icon> save</p>
<p><lk-icon name="picture" title="Bilde"></lk-icon> picture</p>
<p><lk-icon name="bell" title="Bjelle"></lk-icon> bell</p>
<p><lk-icon name="archive" title="Arkiver"></lk-icon> archive</p>
<p><lk-icon name="bin" title="Søppelkasse"></lk-icon> bin</p>
<p><lk-icon name="download" title="Last ned"></lk-icon> download</p>
<p><lk-icon name="upload" title="Last opp"></lk-icon> upload</p>
<p><lk-icon name="attachment" title="Vedlegg"></lk-icon> attachment</p>
<p><lk-icon name="pin" title="Fest til"></lk-icon> pin</p>
<p><lk-icon name="+" title="Pluss"></lk-icon> +</p>
<p><lk-icon name="-" title="Minus"></lk-icon> -</p>
<p><lk-icon name="x" title="Kryss"></lk-icon> x</p>
<p><lk-icon name="zoom-in" title="Zoome inn"></lk-icon> zoom-in</p>
<p><lk-icon name="zoom-out" title="Zoome ut"></lk-icon> zoom-out</p>
<p><lk-icon name="@" title="Alfakrøll"></lk-icon> @</p>
<p><lk-icon name="#" title="Emneknagg"></lk-icon> #</p>
</div>
<div>
<h3>Alle ikoner</h3>
<p><lk-icon name="computer-logo-android"></lk-icon> computer-logo-android</p>
<p><lk-icon name="computer-logo-apple"></lk-icon> computer-logo-apple</p>
<p><lk-icon name="computer-logo-facebook-1"></lk-icon> computer-logo-facebook-1</p>
<p><lk-icon name="computer-logo-facebook-2"></lk-icon> computer-logo-facebook-2</p>
<p><lk-icon name="computer-logo-google"></lk-icon> computer-logo-google</p>
<p><lk-icon name="computer-logo-linkedin"></lk-icon> computer-logo-linkedin</p>
<p><lk-icon name="computer-logo-paypal"></lk-icon> computer-logo-paypal</p>
<p><lk-icon name="computer-logo-skype"></lk-icon> computer-logo-skype</p>
<p><lk-icon name="computer-logo-twitter"></lk-icon> computer-logo-twitter</p>
<p><lk-icon name="computer-logo-youtube"></lk-icon> computer-logo-youtube</p>
<p><lk-icon name="computer-printer"></lk-icon> computer-printer</p>
<p><lk-icon name="computer-storage-floppy-disk"></lk-icon> computer-storage-floppy-disk</p>
<p><lk-icon name="ecology-science-erlenmeyer-flask"></lk-icon> ecology-science-erlenmeyer-flask</p>
<p><lk-icon name="entertainment-control-button-record-1"></lk-icon> entertainment-control-button-record-1</p>
<p><lk-icon name="entertainment-play-list-1"></lk-icon> entertainment-play-list-1</p>
<p><lk-icon name="entertainment-play-list-4"></lk-icon> entertainment-play-list-4</p>
<p><lk-icon name="entertainment-volume-down"></lk-icon> entertainment-volume-down</p>
<p><lk-icon name="entertainment-volume-high"></lk-icon> entertainment-volume-high</p>
<p><lk-icon name="entertainment-volume-off"></lk-icon> entertainment-volume-off</p>
<p><lk-icon name="entertainment-volume-remove"></lk-icon> entertainment-volume-remove</p>
<p><lk-icon name="entertainment-volume-up"></lk-icon> entertainment-volume-up</p>
<p><lk-icon name="entertainment-volume"></lk-icon> entertainment-volume</p>
<p><lk-icon name="image-photo-focus-frame"></lk-icon> image-photo-focus-frame</p>
<p><lk-icon name="image-picture-landscape-1"></lk-icon> image-picture-landscape-1</p>
<p><lk-icon name="image-picture-landscape-2"></lk-icon> image-picture-landscape-2</p>
<p><lk-icon name="interface-add-1"></lk-icon> interface-add-1</p>
<p><lk-icon name="interface-add-2"></lk-icon> interface-add-2</p>
<p><lk-icon name="interface-add-circle"></lk-icon> interface-add-circle</p>
<p><lk-icon name="interface-add-square"></lk-icon> interface-add-square</p>
<p><lk-icon name="interface-alert-alarm-bell-1"></lk-icon> interface-alert-alarm-bell-1</p>
<p><lk-icon name="interface-alert-alarm-bell-2"></lk-icon> interface-alert-alarm-bell-2</p>
<p><lk-icon name="interface-alert-alarm-bell-off"></lk-icon> interface-alert-alarm-bell-off</p>
<p><lk-icon name="interface-alert-warning-circle"></lk-icon> interface-alert-warning-circle</p>
<p><lk-icon name="interface-alert-warning-diamond"></lk-icon> interface-alert-warning-diamond</p>
<p><lk-icon name="interface-alert-warning-triangle"></lk-icon> interface-alert-warning-triangle</p>
<p><lk-icon name="interface-align-back"></lk-icon> interface-align-back</p>
<p><lk-icon name="interface-align-front"></lk-icon> interface-align-front</p>
<p><lk-icon name="interface-align-layers-1"></lk-icon> interface-align-layers-1</p>
<p><lk-icon name="interface-align-layers-2"></lk-icon> interface-align-layers-2</p>
<p><lk-icon name="interface-arrows-bend-down-left-1"></lk-icon> interface-arrows-bend-down-left-1</p>
<p><lk-icon name="interface-arrows-bend-down-left-2"></lk-icon> interface-arrows-bend-down-left-2</p>
<p><lk-icon name="interface-arrows-bend-down-left-3"></lk-icon> interface-arrows-bend-down-left-3</p>
<p><lk-icon name="interface-arrows-bend-down-right-2"></lk-icon> interface-arrows-bend-down-right-2</p>
<p><lk-icon name="interface-arrows-bend-left-1"></lk-icon> interface-arrows-bend-left-1</p>
<p><lk-icon name="interface-arrows-bend-right-1"></lk-icon> interface-arrows-bend-right-1</p>
<p><lk-icon name="interface-arrows-bend-up-left-1"></lk-icon> interface-arrows-bend-up-left-1</p>
<p><lk-icon name="interface-arrows-bend-up-left-2"></lk-icon> interface-arrows-bend-up-left-2</p>
<p><lk-icon name="interface-arrows-bend-up-left-3"></lk-icon> interface-arrows-bend-up-left-3</p>
<p><lk-icon name="interface-arrows-bend-up-right-1"></lk-icon> interface-arrows-bend-up-right-1</p>
<p><lk-icon name="interface-arrows-bend-up-right-2"></lk-icon> interface-arrows-bend-up-right-2</p>
<p><lk-icon name="interface-arrows-bottom"></lk-icon> interface-arrows-bottom</p>
<p><lk-icon name="interface-arrows-button-down-double"></lk-icon> interface-arrows-button-down-double</p>
<p><lk-icon name="interface-arrows-button-down"></lk-icon> interface-arrows-button-down</p>
<p><lk-icon name="interface-arrows-button-left-double"></lk-icon> interface-arrows-button-left-double</p>
<p><lk-icon name="interface-arrows-button-left"></lk-icon> interface-arrows-button-left</p>
<p><lk-icon name="interface-arrows-button-right-duoble"></lk-icon> interface-arrows-button-right-duoble</p>
<p><lk-icon name="interface-arrows-button-right"></lk-icon> interface-arrows-button-right</p>
<p><lk-icon name="interface-arrows-button-up-double"></lk-icon> interface-arrows-button-up-double</p>
<p><lk-icon name="interface-arrows-button-up"></lk-icon> interface-arrows-button-up</p>
<p><lk-icon name="interface-arrows-corner-down-left"></lk-icon> interface-arrows-corner-down-left</p>
<p><lk-icon name="interface-arrows-corner-down-right"></lk-icon> interface-arrows-corner-down-right</p>
<p><lk-icon name="interface-arrows-corner-up-left"></lk-icon> interface-arrows-corner-up-left</p>
<p><lk-icon name="interface-arrows-corner-up-right"></lk-icon> interface-arrows-corner-up-right</p>
<p><lk-icon name="interface-arrows-down"></lk-icon> interface-arrows-down</p>
<p><lk-icon name="interface-arrows-expand-5"></lk-icon> interface-arrows-expand-5</p>
<p><lk-icon name="interface-arrows-left"></lk-icon> interface-arrows-left</p>
<p><lk-icon name="interface-arrows-right"></lk-icon> interface-arrows-right</p>
<p><lk-icon name="interface-arrows-round-left"></lk-icon> interface-arrows-round-left</p>
<p><lk-icon name="interface-arrows-round-right"></lk-icon> interface-arrows-round-right</p>
<p><lk-icon name="interface-arrows-shrink-5"></lk-icon> interface-arrows-shrink-5</p>
<p><lk-icon name="interface-arrows-top"></lk-icon> interface-arrows-top</p>
<p><lk-icon name="interface-arrows-turn-backward"></lk-icon> interface-arrows-turn-backward</p>
<p><lk-icon name="interface-arrows-turn-down"></lk-icon> interface-arrows-turn-down</p>
<p><lk-icon name="interface-arrows-turn-forward"></lk-icon> interface-arrows-turn-forward</p>
<p><lk-icon name="interface-arrows-turn-up"></lk-icon> interface-arrows-turn-up</p>
<p><lk-icon name="interface-arrows-up"></lk-icon> interface-arrows-up</p>
<p><lk-icon name="interface-block"></lk-icon> interface-block</p>
<p><lk-icon name="interface-bookmark"></lk-icon> interface-bookmark</p>
<p><lk-icon name="interface-calendar-add"></lk-icon> interface-calendar-add</p>
<p><lk-icon name="interface-calendar-block"></lk-icon> interface-calendar-block</p>
<p><lk-icon name="interface-calendar-check"></lk-icon> interface-calendar-check</p>
<p><lk-icon name="interface-calendar-date-month-thirty"></lk-icon> interface-calendar-date-month-thirty</p>
<p><lk-icon name="interface-calendar-date-one"></lk-icon> interface-calendar-date-one</p>
<p><lk-icon name="interface-calendar-disable"></lk-icon> interface-calendar-disable</p>
<p><lk-icon name="interface-calendar-download"></lk-icon> interface-calendar-download</p>
<p><lk-icon name="interface-calendar-favorite"></lk-icon> interface-calendar-favorite</p>
<p><lk-icon name="interface-calendar-heart"></lk-icon> interface-calendar-heart</p>
<p><lk-icon name="interface-calendar-home"></lk-icon> interface-calendar-home</p>
<p><lk-icon name="interface-calendar-lock"></lk-icon> interface-calendar-lock</p>
<p><lk-icon name="interface-calendar-remove"></lk-icon> interface-calendar-remove</p>
<p><lk-icon name="interface-calendar-warning"></lk-icon> interface-calendar-warning</p>
<p><lk-icon name="interface-calendar"></lk-icon> interface-calendar</p>
<p><lk-icon name="interface-content-archive"></lk-icon> interface-content-archive</p>
<p><lk-icon name="interface-content-save"></lk-icon> interface-content-save</p>
<p><lk-icon name="interface-cursor-arrow-2"></lk-icon> interface-cursor-arrow-2</p>
<p><lk-icon name="interface-dashboard-layout-square"></lk-icon> interface-dashboard-layout-square</p>
<p><lk-icon name="interface-delete-1"></lk-icon> interface-delete-1</p>
<p><lk-icon name="interface-delete-2"></lk-icon> interface-delete-2</p>
<p><lk-icon name="interface-delete-3"></lk-icon> interface-delete-3</p>
<p><lk-icon name="interface-delete-bin-1"></lk-icon> interface-delete-bin-1</p>
<p><lk-icon name="interface-delete-bin-2"></lk-icon> interface-delete-bin-2</p>
<p><lk-icon name="interface-delete-bin-3"></lk-icon> interface-delete-bin-3</p>
<p><lk-icon name="interface-delete-bin-5"></lk-icon> interface-delete-bin-5</p>
<p><lk-icon name="interface-delete-circle"></lk-icon> interface-delete-circle</p>
<p><lk-icon name="interface-delete-square"></lk-icon> interface-delete-square</p>
<p><lk-icon name="interface-download-box-1"></lk-icon> interface-download-box-1</p>
<p><lk-icon name="interface-download-button-1"></lk-icon> interface-download-button-1</p>
<p><lk-icon name="interface-download-button-2"></lk-icon> interface-download-button-2</p>
<p><lk-icon name="interface-download-circle"></lk-icon> interface-download-circle</p>
<p><lk-icon name="interface-download-desktop"></lk-icon> interface-download-desktop</p>
<p><lk-icon name="interface-download-laptop"></lk-icon> interface-download-laptop</p>
<p><lk-icon name="interface-download-square"></lk-icon> interface-download-square</p>
<p><lk-icon name="interface-download-website"></lk-icon> interface-download-website</p>
<p><lk-icon name="interface-edit-attachment-1"></lk-icon> interface-edit-attachment-1</p>
<p><lk-icon name="interface-edit-attachment-2"></lk-icon> interface-edit-attachment-2</p>
<p><lk-icon name="interface-edit-brush-1"></lk-icon> interface-edit-brush-1</p>
<p><lk-icon name="interface-edit-brush-3"></lk-icon> interface-edit-brush-3</p>
<p><lk-icon name="interface-edit-brush-4"></lk-icon> interface-edit-brush-4</p>
<p><lk-icon name="interface-edit-copy"></lk-icon> interface-edit-copy</p>
<p><lk-icon name="interface-edit-design-tool-selection-wand"></lk-icon> interface-edit-design-tool-selection-wand</p>
<p><lk-icon name="interface-edit-layer-add-1"></lk-icon> interface-edit-layer-add-1</p>
<p><lk-icon name="interface-edit-layer-add-2"></lk-icon> interface-edit-layer-add-2</p>
<p><lk-icon name="interface-edit-magnet"></lk-icon> interface-edit-magnet</p>
<p><lk-icon name="interface-edit-paint"></lk-icon> interface-edit-paint</p>
<p><lk-icon name="interface-edit-pin-2"></lk-icon> interface-edit-pin-2</p>
<p><lk-icon name="interface-edit-pin-3"></lk-icon> interface-edit-pin-3</p>
<p><lk-icon name="interface-edit-printer"></lk-icon> interface-edit-printer</p>
<p><lk-icon name="interface-edit-scissors"></lk-icon> interface-edit-scissors</p>
<p><lk-icon name="interface-edit-select-frame"></lk-icon> interface-edit-select-frame</p>
<p><lk-icon name="interface-edit-view-off"></lk-icon> interface-edit-view-off</p>
<p><lk-icon name="interface-edit-view"></lk-icon> interface-edit-view</p>
<p><lk-icon name="interface-edit-write-1"></lk-icon> interface-edit-write-1</p>
<p><lk-icon name="interface-edit-zoom-in"></lk-icon> interface-edit-zoom-in</p>
<p><lk-icon name="interface-edit-zoom-out"></lk-icon> interface-edit-zoom-out</p>
<p><lk-icon name="interface-favorite-dislike-1"></lk-icon> interface-favorite-dislike-1</p>
<p><lk-icon name="interface-favorite-heart"></lk-icon> interface-favorite-heart</p>
<p><lk-icon name="interface-favorite-like-1"></lk-icon> interface-favorite-like-1</p>
<p><lk-icon name="interface-favorite-star"></lk-icon> interface-favorite-star</p>
<p><lk-icon name="interface-file-add-alternate"></lk-icon> interface-file-add-alternate</p>
<p><lk-icon name="interface-file-add"></lk-icon> interface-file-add</p>
<p><lk-icon name="interface-file-sticky-note"></lk-icon> interface-file-sticky-note</p>
<p><lk-icon name="interface-file-text"></lk-icon> interface-file-text</p>
<p><lk-icon name="interface-folder-add"></lk-icon> interface-folder-add</p>
<p><lk-icon name="interface-folder-delete"></lk-icon> interface-folder-delete</p>
<p><lk-icon name="interface-folder-remove"></lk-icon> interface-folder-remove</p>
<p><lk-icon name="interface-folder"></lk-icon> interface-folder</p>
<p><lk-icon name="interface-geometric-circle"></lk-icon> interface-geometric-circle</p>
<p><lk-icon name="interface-geometric-pentagon"></lk-icon> interface-geometric-pentagon</p>
<p><lk-icon name="interface-geometric-polygon"></lk-icon> interface-geometric-polygon</p>
<p><lk-icon name="interface-geometric-square"></lk-icon> interface-geometric-square</p>
<p><lk-icon name="interface-geometric-triangle"></lk-icon> interface-geometric-triangle</p>
<p><lk-icon name="interface-help-customer-support-1"></lk-icon> interface-help-customer-support-1</p>
<p><lk-icon name="interface-help-question-circle"></lk-icon> interface-help-question-circle</p>
<p><lk-icon name="interface-help-question-message"></lk-icon> interface-help-question-message</p>
<p><lk-icon name="interface-help-question-square"></lk-icon> interface-help-question-square</p>
<p><lk-icon name="interface-home-1"></lk-icon> interface-home-1</p>
<p><lk-icon name="interface-home-2"></lk-icon> interface-home-2</p>
<p><lk-icon name="interface-home-3"></lk-icon> interface-home-3</p>
<p><lk-icon name="interface-home-5"></lk-icon> interface-home-5</p>
<p><lk-icon name="interface-id-finger-print"></lk-icon> interface-id-finger-print</p>
<p><lk-icon name="interface-link-broken"></lk-icon> interface-link-broken</p>
<p><lk-icon name="interface-link"></lk-icon> interface-link</p>
<p><lk-icon name="interface-lock-circle"></lk-icon> interface-lock-circle</p>
<p><lk-icon name="interface-lock-shield"></lk-icon> interface-lock-shield</p>
<p><lk-icon name="interface-lock"></lk-icon> interface-lock</p>
<p><lk-icon name="interface-login-circle"></lk-icon> interface-login-circle</p>
<p><lk-icon name="interface-login-dial-pad-1"></lk-icon> interface-login-dial-pad-1</p>
<p><lk-icon name="interface-login-dial-pad-2"></lk-icon> interface-login-dial-pad-2</p>
<p><lk-icon name="interface-login-dial-pad-finger-password"></lk-icon> interface-login-dial-pad-finger-password</p>
<p><lk-icon name="interface-login-key"></lk-icon> interface-login-key</p>
<p><lk-icon name="interface-login-password_2"></lk-icon> interface-login-password_2</p>
<p><lk-icon name="interface-login"></lk-icon> interface-login</p>
<p><lk-icon name="interface-logout-circle"></lk-icon> interface-logout-circle</p>
<p><lk-icon name="interface-logout"></lk-icon> interface-logout</p>
<p><lk-icon name="interface-pad-lock-shield"></lk-icon> interface-pad-lock-shield</p>
<p><lk-icon name="interface-page-controller-button-loop-1"></lk-icon> interface-page-controller-button-loop-1</p>
<p><lk-icon name="interface-page-controller-button-loop-2"></lk-icon> interface-page-controller-button-loop-2</p>
<p><lk-icon name="interface-page-controller-fit-screen"></lk-icon> interface-page-controller-fit-screen</p>
<p><lk-icon name="interface-remove-1"></lk-icon> interface-remove-1</p>
<p><lk-icon name="interface-remove-2"></lk-icon> interface-remove-2</p>
<p><lk-icon name="interface-remove-circle"></lk-icon> interface-remove-circle</p>
<p><lk-icon name="interface-search-circle"></lk-icon> interface-search-circle</p>
<p><lk-icon name="interface-search-square"></lk-icon> interface-search-square</p>
<p><lk-icon name="interface-search"></lk-icon> interface-search</p>
<p><lk-icon name="interface-security-shield-person—shield-secure-security-person"></lk-icon> interface-security-shield-person—shield-secure-security-person</p>
<p><lk-icon name="interface-setting-cog"></lk-icon> interface-setting-cog</p>
<p><lk-icon name="interface-setting-menu-1"></lk-icon> interface-setting-menu-1</p>
<p><lk-icon name="interface-setting-menu-horizontal-circle"></lk-icon> interface-setting-menu-horizontal-circle</p>
<p><lk-icon name="interface-setting-menu-horizontal-square"></lk-icon> interface-setting-menu-horizontal-square</p>
<p><lk-icon name="interface-setting-menu-horizontal"></lk-icon> interface-setting-menu-horizontal</p>
<p><lk-icon name="interface-setting-menu-parallel-hamburger-circle"></lk-icon> interface-setting-menu-parallel-hamburger-circle</p>
<p><lk-icon name="interface-setting-menu-parallel-hamburger-square"></lk-icon> interface-setting-menu-parallel-hamburger-square</p>
<p><lk-icon name="interface-setting-menu-vertical"></lk-icon> interface-setting-menu-vertical</p>
<p><lk-icon name="interface-setting-slider-horizontal"></lk-icon> interface-setting-slider-horizontal</p>
<p><lk-icon name="interface-setting-slider-vertical_2"></lk-icon> interface-setting-slider-vertical_2</p>
<p><lk-icon name="interface-setting-tool-box"></lk-icon> interface-setting-tool-box</p>
<p><lk-icon name="interface-setting-wrench"></lk-icon> interface-setting-wrench</p>
<p><lk-icon name="interface-share-mega-phone-1"></lk-icon> interface-share-mega-phone-1</p>
<p><lk-icon name="interface-share"></lk-icon> interface-share</p>
<p><lk-icon name="interface-text-formatting-filter-1"></lk-icon> interface-text-formatting-filter-1</p>
<p><lk-icon name="interface-text-formatting-list-bullets"></lk-icon> interface-text-formatting-list-bullets</p>
<p><lk-icon name="interface-text-formatting-text-bar"></lk-icon> interface-text-formatting-text-bar</p>
<p><lk-icon name="interface-time-clock-circle"></lk-icon> interface-time-clock-circle</p>
<p><lk-icon name="interface-time-hour-glass"></lk-icon> interface-time-hour-glass</p>
<p><lk-icon name="interface-unlink"></lk-icon> interface-unlink</p>
<p><lk-icon name="interface-unlock"></lk-icon> interface-unlock</p>
<p><lk-icon name="interface-upload-box-1"></lk-icon> interface-upload-box-1</p>
<p><lk-icon name="interface-upload-button-1"></lk-icon> interface-upload-button-1</p>
<p><lk-icon name="interface-upload-button-2"></lk-icon> interface-upload-button-2</p>
<p><lk-icon name="interface-upload-circle"></lk-icon> interface-upload-circle</p>
<p><lk-icon name="interface-upload-desktop"></lk-icon> interface-upload-desktop</p>
<p><lk-icon name="interface-upload-laptop"></lk-icon> interface-upload-laptop</p>
<p><lk-icon name="interface-upload-square"></lk-icon> interface-upload-square</p>
<p><lk-icon name="interface-upload-website"></lk-icon> interface-upload-website</p>
<p><lk-icon name="interface-user-add"></lk-icon> interface-user-add</p>
<p><lk-icon name="interface-user-block"></lk-icon> interface-user-block</p>
<p><lk-icon name="interface-user-check"></lk-icon> interface-user-check</p>
<p><lk-icon name="interface-user-circle"></lk-icon> interface-user-circle</p>
<p><lk-icon name="interface-user-delete"></lk-icon> interface-user-delete</p>
<p><lk-icon name="interface-user-edit"></lk-icon> interface-user-edit</p>
<p><lk-icon name="interface-user-full-body"></lk-icon> interface-user-full-body</p>
<p><lk-icon name="interface-user-home"></lk-icon> interface-user-home</p>
<p><lk-icon name="interface-user-human"></lk-icon> interface-user-human</p>
<p><lk-icon name="interface-user-lock"></lk-icon> interface-user-lock</p>
<p><lk-icon name="interface-user-multiple"></lk-icon> interface-user-multiple</p>
<p><lk-icon name="interface-user-profile-focus"></lk-icon> interface-user-profile-focus</p>
<p><lk-icon name="interface-user-remove"></lk-icon> interface-user-remove</p>
<p><lk-icon name="interface-user-single"></lk-icon> interface-user-single</p>
<p><lk-icon name="interface-user-square-alternate"></lk-icon> interface-user-square-alternate</p>
<p><lk-icon name="interface-validation-check-circle"></lk-icon> interface-validation-check-circle</p>
<p><lk-icon name="interface-validation-check-square-1"></lk-icon> interface-validation-check-square-1</p>
<p><lk-icon name="interface-validation-check"></lk-icon> interface-validation-check</p>
<p><lk-icon name="interface-weather-rain-drop"></lk-icon> interface-weather-rain-drop</p>
<p><lk-icon name="mail-chat-bubble-square"></lk-icon> mail-chat-bubble-square</p>
<p><lk-icon name="mail-chat-bubble-typing-oval"></lk-icon> mail-chat-bubble-typing-oval</p>
<p><lk-icon name="mail-chat-bubble-typing-square"></lk-icon> mail-chat-bubble-typing-square</p>
<p><lk-icon name="mail-chat-bubble-warning"></lk-icon> mail-chat-bubble-warning</p>
<p><lk-icon name="mail-inbox"></lk-icon> mail-inbox</p>
<p><lk-icon name="mail-send-email"></lk-icon> mail-send-email</p>
<p><lk-icon name="mail-send-envelope"></lk-icon> mail-send-envelope</p>
<p><lk-icon name="mail-send-forward-email"></lk-icon> mail-send-forward-email</p>
<p><lk-icon name="mail-send-reply-all"></lk-icon> mail-send-reply-all</p>
<p><lk-icon name="mail-send-reply"></lk-icon> mail-send-reply</p>
<p><lk-icon name="mail-sign-at"></lk-icon> mail-sign-at</p>
<p><lk-icon name="mail-sign-hashtag"></lk-icon> mail-sign-hashtag</p>
<p><lk-icon name="mail-smiley-happy-face"></lk-icon> mail-smiley-happy-face</p>
<p><lk-icon name="mail-smiley-sad-face"></lk-icon> mail-smiley-sad-face</p>
<p><lk-icon name="mail-smiley-straight-face"></lk-icon> mail-smiley-straight-face</p>
<p><lk-icon name="money-bank"></lk-icon> money-bank</p>
<p><lk-icon name="money-cash-bill-1"></lk-icon> money-cash-bill-1</p>
<p><lk-icon name="money-cash-bill-2"></lk-icon> money-cash-bill-2</p>
<p><lk-icon name="nature-ecology-leaf"></lk-icon> nature-ecology-leaf</p>
<p><lk-icon name="nature-ecology-pine-tree"></lk-icon> nature-ecology-pine-tree</p>
<p><lk-icon name="phone-mobile-phone"></lk-icon> phone-mobile-phone</p>
<p><lk-icon name="phone-telephone"></lk-icon> phone-telephone</p>
<p><lk-icon name="programming-cloud"></lk-icon> programming-cloud</p>
<p><lk-icon name="programming-module-three"></lk-icon> programming-module-three</p>
<p><lk-icon name="programming-module"></lk-icon> programming-module</p>
<p><lk-icon name="programming-web"></lk-icon> programming-web</p>
<p><lk-icon name="travel-hotel-parking-sign"></lk-icon> travel-hotel-parking-sign</p>
<p><lk-icon name="travel-map-earth-1"></lk-icon> travel-map-earth-1</p>
<p><lk-icon name="travel-map-earth-2"></lk-icon> travel-map-earth-2</p>
<p><lk-icon name="travel-map-location-pin"></lk-icon> travel-map-location-pin</p>
<p><lk-icon name="travel-map-location-target-1"></lk-icon> travel-map-location-target-1</p>
<p><lk-icon name="travel-map-location-target-2"></lk-icon> travel-map-location-target-2</p>
<p><lk-icon name="travel-map-navigation-arrow-1"></lk-icon> travel-map-navigation-arrow-1</p>
<p><lk-icon name="travel-map"></lk-icon> travel-map</p>
</div>
</lk-filter>