Icons

Large
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.
Question flow
feedback-result
code
feedback-retry
code
feedback-correct
code
feedback-wrong
code
Arrows
chevron-up-down
code
chevron-end-right
code
chevron-end-left
code
chevron-right
code
chevron-left
code
chevron-up
code
chevron-down
code
Path
code
Uncategorized
Alinea A
code
swipe
code
inactive
code
emoji-smile
code
emoji-sad
code
no-suite
code
fact-info
code
Answer-wrong
code
Answer-right
code
Hand-in
code
questionmark
code
globe
code
advanced-media
code
delete
code
pane-open
code
pane-close
code
Headphones
code
check
code
Numbered-text
code
Table
code
Quote
code
Paragraph
code
Carousel
code
Slideshow
code
Slideshow-gallery
code
Montage
code
H1
code
H2
code
Author-source
code
Return
code
settings
code
gear
code
Menu
code
Share
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
Outside-link
code
Speaker-off
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
Inside-link
code
Download
code
Help
code
Student-answer
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