Icons

Large

Medium

Small

Til designeren:
Bemærk: Måden ikoner laves og bruges på har ændret sig. Alle ikoner bliver lagt ind som en HTML Embed med ikonets SVG code. Der bliver tilføjet attributten fill="currentColor" og klassen icon-svg sættes som selector. Udviklerne kan nu kopiere html'en fra denne side og dermed opdatere hele deres ikon pakke så den matcher alle de ikoner der findes på denne side.

1. For at lave et ikon skal du bruge icons8 app og bruge ikonerne fra fra ikon pakken ios Glyphs. Sørg for at formatet svg er valgt i menuen i højre hjørne af appen. Træk ikonet ind i Adobe XD og juster størrelsen så ikoner passer til 24x24 px. Eksporter nu ikonet som svg.

2. Gå dernæst til denne SVG minimizer og upload dit ikon. Kopier koden ved at klikke på "Copy" ikonet i nederste højre hjørne.

3. I webflow smider du en HTML embed ind på siden og paster SVG koden ind, tilføj attributen fill="currentColor" og selectoren icon-svg og publicerer.

SVG embed icons

swipe

code

inactive

code

emoji-smile

code

emoji-sad

code

no-suite

code

fact-info

code

globe

code

questionmark

code

advanced-media

code

chevron-up-down

code

chevron-end-right

code

chevron-end-left

code

chevron-right

code

chevron-left

code

chevron-up

code

chevron-down

code

delete

code

pane-open

code

pane-close

code

Headphones

code

check

code

Answer-right

code

Answer-wrong

code

Numbered-text

code

Table

code

Quote

code

Paragraph

code

Carousel

code

Slideshow

code

Slideshow-gallery

code

Montage

code

Author-source

code

Return

code

settings

code

gear

code

Menu

code

Share

code

Hand-in

code

Pencil

code

plus-circle-fill

code

link-circle-fill

code

Link

code

Assignment

code

Geogebra

code

Pie-chart

code

Document

code

Copysheet

code

Video

code

Speaker-on

code

Speaker-off

code

Path

code

Grid-fill

code

List-fill

code

Drag

code

Logout

code

User

code

Bookmark

code

Bookmark-fill

code

Email-fill

code

Phone-fill

code

Goal

code

Ellipsis-circle-fill

code

Ellipsis-circle

code

Ellipsis

code

Paperclip

code

book-fill

code

Book

code

Printer-fill

code

Printer

code

Lock-circle-fill

code

Read-aloud

code

Search

code

Record-on

code

Record-off

code

Outside-link

code

Inside-link

code

Download

code

Help

code

Camera-fill

code

Camera

code

Heart

code

Heart-fill

code

Duration

code

Maximize

code

Reload

code

Reload-circle-fill

code

Play-circle

code

Stop-circle

code

Pause-circle

code

Play

code

Pause

code

Step-forward

code

Rewind-10-sec

code

Forward-10-sec

code

Eye

code

Eye-off

code

X-mark

code

Twitter

code

Skoletube

code

Instagram

code

Facebook

code

colab-single

code

colab-inpairs

code

colab-class

code

colab-group

code

IWB

code

Word-document

code

Excel-document

code

PDF-document

code

MP3-document

code

Google

code

Office-365

code

Linkedin

code

German

code

English

code

French

code

Danish

code