Ikoner Inline ikoner.

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

user

user-circle

mail

email

send

tel

mob

place

clock

like

dislike

heart

star

home

link

web

search

filter

burger-menu

kebab-menu

meatballs-menu

candybox-menu

settings

fix

lock

unlock

key

login

logout

cal

cal-start

cal-end

printer

save

picture

bell

archive

bin

download

upload

attachment

pin

+

-

x

zoom-in

zoom-out

@

#

Alle ikoner

computer-logo-android

computer-logo-apple

computer-logo-facebook-1

computer-logo-facebook-2

computer-logo-google

computer-logo-linkedin

computer-logo-paypal

computer-logo-skype

computer-logo-twitter

computer-logo-youtube

computer-printer

computer-storage-floppy-disk

ecology-science-erlenmeyer-flask

entertainment-control-button-record-1

entertainment-play-list-1

entertainment-play-list-4

entertainment-volume-down

entertainment-volume-high

entertainment-volume-off

entertainment-volume-remove

entertainment-volume-up

entertainment-volume

image-photo-focus-frame

image-picture-landscape-1

image-picture-landscape-2

interface-add-1

interface-add-2

interface-add-circle

interface-add-square

interface-alert-alarm-bell-1

interface-alert-alarm-bell-2

interface-alert-alarm-bell-off

interface-alert-warning-circle

interface-alert-warning-diamond

interface-alert-warning-triangle

interface-align-back

interface-align-front

interface-align-layers-1

interface-align-layers-2

interface-arrows-bend-down-left-1

interface-arrows-bend-down-left-2

interface-arrows-bend-down-left-3

interface-arrows-bend-down-right-2

interface-arrows-bend-left-1

interface-arrows-bend-right-1

interface-arrows-bend-up-left-1

interface-arrows-bend-up-left-2

interface-arrows-bend-up-left-3

interface-arrows-bend-up-right-1

interface-arrows-bend-up-right-2

interface-arrows-bottom

interface-arrows-button-down-double

interface-arrows-button-down

interface-arrows-button-left-double

interface-arrows-button-left

interface-arrows-button-right-duoble

interface-arrows-button-right

interface-arrows-button-up-double

interface-arrows-button-up

interface-arrows-corner-down-left

interface-arrows-corner-down-right

interface-arrows-corner-up-left

interface-arrows-corner-up-right

interface-arrows-down

interface-arrows-expand-5

interface-arrows-left

interface-arrows-right

interface-arrows-round-left

interface-arrows-round-right

interface-arrows-shrink-5

interface-arrows-top

interface-arrows-turn-backward

interface-arrows-turn-down

interface-arrows-turn-forward

interface-arrows-turn-up

interface-arrows-up

interface-block

interface-bookmark

interface-calendar-add

interface-calendar-block

interface-calendar-check

interface-calendar-date-month-thirty

interface-calendar-date-one

interface-calendar-disable

interface-calendar-download

interface-calendar-favorite

interface-calendar-heart

interface-calendar-home

interface-calendar-lock

interface-calendar-remove

interface-calendar-warning

interface-calendar

interface-content-archive

interface-content-save

interface-cursor-arrow-2

interface-dashboard-layout-square

interface-delete-1

interface-delete-2

interface-delete-3

interface-delete-bin-1

interface-delete-bin-2

interface-delete-bin-3

interface-delete-bin-5

interface-delete-circle

interface-delete-square

interface-download-box-1

interface-download-button-1

interface-download-button-2

interface-download-circle

interface-download-desktop

interface-download-laptop

interface-download-square

interface-download-website

interface-edit-attachment-1

interface-edit-attachment-2

interface-edit-brush-1

interface-edit-brush-3

interface-edit-brush-4

interface-edit-copy

interface-edit-design-tool-selection-wand

interface-edit-layer-add-1

interface-edit-layer-add-2

interface-edit-magnet

interface-edit-paint

interface-edit-pin-2

interface-edit-pin-3

interface-edit-printer

interface-edit-scissors

interface-edit-select-frame

interface-edit-view-off

interface-edit-view

interface-edit-write-1

interface-edit-zoom-in

interface-edit-zoom-out

interface-favorite-dislike-1

interface-favorite-heart

interface-favorite-like-1

interface-favorite-star

interface-file-add-alternate

interface-file-add

interface-file-sticky-note

interface-file-text

interface-folder-add

interface-folder-delete

interface-folder-remove

interface-folder

interface-geometric-circle

interface-geometric-pentagon

interface-geometric-polygon

interface-geometric-square

interface-geometric-triangle

interface-help-customer-support-1

interface-help-question-circle

interface-help-question-message

interface-help-question-square

interface-home-1

interface-home-2

interface-home-3

interface-home-5

interface-id-finger-print

interface-link-broken

interface-link

interface-lock-circle

interface-lock-shield

interface-lock

interface-login-circle

interface-login-dial-pad-1

interface-login-dial-pad-2

interface-login-dial-pad-finger-password

interface-login-key

interface-login-password_2

interface-login

interface-logout-circle

interface-logout

interface-pad-lock-shield

interface-page-controller-button-loop-1

interface-page-controller-button-loop-2

interface-page-controller-fit-screen

interface-remove-1

interface-remove-2

interface-remove-circle

interface-search-circle

interface-search-square

interface-search

interface-security-shield-person—shield-secure-security-person

interface-setting-cog

interface-setting-menu-1

interface-setting-menu-horizontal-circle

interface-setting-menu-horizontal-square

interface-setting-menu-horizontal

interface-setting-menu-parallel-hamburger-circle

interface-setting-menu-parallel-hamburger-square

interface-setting-menu-vertical

interface-setting-slider-horizontal

interface-setting-slider-vertical_2

interface-setting-tool-box

interface-setting-wrench

interface-share-mega-phone-1

interface-share

interface-text-formatting-filter-1

interface-text-formatting-list-bullets

interface-text-formatting-text-bar

interface-time-clock-circle

interface-time-hour-glass

interface-unlink

interface-unlock

interface-upload-box-1

interface-upload-button-1

interface-upload-button-2

interface-upload-circle

interface-upload-desktop

interface-upload-laptop

interface-upload-square

interface-upload-website

interface-user-add

interface-user-block

interface-user-check

interface-user-circle

interface-user-delete

interface-user-edit

interface-user-full-body

interface-user-home

interface-user-human

interface-user-lock

interface-user-multiple

interface-user-profile-focus

interface-user-remove

interface-user-single

interface-user-square-alternate

interface-validation-check-circle

interface-validation-check-square-1

interface-validation-check

interface-weather-rain-drop

mail-chat-bubble-square

mail-chat-bubble-typing-oval

mail-chat-bubble-typing-square

mail-chat-bubble-warning

mail-inbox

mail-send-email

mail-send-envelope

mail-send-forward-email

mail-send-reply-all

mail-send-reply

mail-sign-at

mail-sign-hashtag

mail-smiley-happy-face

mail-smiley-sad-face

mail-smiley-straight-face

money-bank

money-cash-bill-1

money-cash-bill-2

nature-ecology-leaf

nature-ecology-pine-tree

phone-mobile-phone

phone-telephone

programming-cloud

programming-module-three

programming-module

programming-web

travel-hotel-parking-sign

travel-map-earth-1

travel-map-earth-2

travel-map-location-pin

travel-map-location-target-1

travel-map-location-target-2

travel-map-navigation-arrow-1

travel-map

<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>
        <lk-read-more>
            <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>
        </lk-read-more>
    </div>

</lk-filter>

Hvor finner jeg denne koden?