Shopware 6 kommt von Haus aus mit einem Icon Set, welches Icons für alle möglichen Verwendungen mitliefert.
Wir haben alle rausgesucht um einen Überblick zu bieten. Außerdem zeigen wir, wie einfach die Icons zu verwenden sind.
Wie verwendet man die Shopware 6 Icons?
Die Variablen sind immer wie folgt aufgebaut: {% sw_icon ‘minus’ %}
Statt dem ‘minus’ könnt ihr, auch in einfachen Anführungszeichen, das gewünschte Icon angeben.
Übersicht über alle Icons
icon-address
icon-alert
icon-align-center
icon-align-justify
icon-align-left
icon-align-right
icon-arrow-360-left
icon-arrow-360-right
icon-arrow-circle-down
icon-arrow-circle-left
icon-arrow-circle-right
icon-arrow-circle-up
icon-arrow-down
icon-arrow-head-down
icon-arrow-head-left
icon-arrow-head-right
icon-arrow-head-up
icon-arrow-left
icon-arrow-move-horizontal-axis
icon-arrow-move-vertical-axis
icon-arrow-right
icon-arrow-scroll
icon-arrow-simple-long-right
icon-arrow-switch
icon-arrow-turn-left
icon-arrow-turn-right
icon-arrow-up
icon-arrow-up-down
icon-avatar
icon-avatar-multiple
icon-bag
icon-bag-product
icon-basket
icon-beer
icon-bell-bell
icon-bell-crossed
icon-blocked
icon-bold
icon-bookmark
icon-books
icon-briefcase
icon-browser
icon-bug
icon-bulk-edit
icon-calendar
icon-calendar-empty
icon-cart
icon-chart
icon-chart-bar
icon-chart-bar-filled
icon-chart-pie
icon-chart-sales
icon-checkmark
icon-checkmark-block
icon-checkmark-circle
icon-checkmark-wide
icon-checkmark-wide-block
icon-circle
icon-circle-download
icon-circle-upload
icon-clock
icon-cloud-download
icon-cloud-upload
icon-cockpit
icon-code
icon-colorpicker
icon-content
icon-dashboard
icon-database
icon-debug
icon-desktop
icon-document-view
icon-drag-horizontal
icon-drag-vertical
icon-duplicate
icon-editor-align-left
icon-editor-align-right
icon-editor-bold
icon-editor-code
icon-editor-expand
icon-editor-italic
icon-editor-link
icon-editor-list
icon-editor-list-numberd
icon-editor-list-unordered
icon-editor-media
icon-editor-redo
icon-editor-re-undo
icon-editor-shrink
icon-editor-strikethrough
icon-editor-style
icon-editor-subscript
icon-editor-superscript
icon-editor-table
icon-editor-underline
icon-editor-undo-2
icon-editor-undo
icon-emoji
icon-envelope
icon-error
icon-euro
icon-external
icon-eye-crossed
icon-eye-open
icon-file
icon-filter
icon-flag
icon-folder-thumbnail
icon-forward
icon-gamecontroler
icon-globe
icon-gps
icon-grab
icon-graduate-cap
icon-harddisk
icon-headset
icon-heart
icon-help
icon-history
icon-home
icon-hourglass
icon-image
icon-inbox
icon-infinity
icon-info
icon-italic
icon-keyboard
icon-lab-flask
icon-laptop
icon-layers
icon-layout
icon-lightbulb
icon-link
icon-list
icon-loading-circle
icon-loading-star
icon-lock-closed
icon-lock-fingerprint
icon-lock-key
icon-lock-open
icon-log-in
icon-log-out
icon-map
icon-map-closed
icon-map-open
icon-marker
icon-marketing
icon-medal
icon-micophone
icon-minus
icon-minus-block
icon-minus-circle
icon-minus-wide
icon-mobile
icon-money-card
icon-money-cash
icon-money-wallet
icon-moon
icon-more-horizontal
icon-more-vertical
icon-move-file
icon-package-closed
icon-package-gift
icon-package-open
icon-paint
icon-paperclip
icon-paper-pencil
icon-paper-pencil-signed
icon-paperplane
icon-pawn
icon-pencil-brush
icon-photocamera
icon-placeholder
icon-plastic-bag
icon-plug
icon-plus
icon-plus-block
icon-plus-circle
icon-plus-wide
icon-preview
icon-printer
icon-products
icon-pulse
icon-pushpin
icon-puzzle-piece
icon-quickjump
icon-quote
icon-replace
icon-reply
icon-rocket
icon-rule
icon-ruler-pencil
icon-save
icon-screen-full
icon-screen-minimize
icon-search
icon-server
icon-settings
icon-share
icon-shield
icon-shop
icon-shopware
icon-sidebar-close
icon-sidebar-open
icon-sliders
icon-sliders-horizontal
icon-sofa
icon-sort-down
icon-sort-up
icon-speech-bubble
icon-speech-bubbles
icon-square
icon-stack
icon-stack-block
icon-stack-circle
icon-star
icon-star-half
icon-sun
icon-tablet
icon-tags
icon-target-big
icon-target-with-block
icon-terminal
icon-text-table
icon-thumb-down
icon-thumb-up
icon-tools
icon-traffic-pawn
icon-trash
icon-tray-down
icon-tray-up
icon-triangle
icon-trophy
icon-underline
icon-variants
icon-video-camera
icon-view-compact
icon-view-grid
icon-view-normal
icon-view-split
icon-warning
icon-x
icon-x-block
icon-x-circle
icon-x-wide