Shopware Iconset

Table of Contents

Bei so vielen neuen Produkten und Marken, die auf den Markt kommen, kann Dein Online-Shop leicht durcheinander geraten. Hier kommt das Shopware Iconset ins Spiel! Du kannst eine benutzerdefinierte Grafik erstellen, indem Du die Sammlung des Iconsets von Shopware selbst verwendest. Einfach und unkompliziert! Bleib dran, um mehr zu erfahren…

Ich gehe davon aus, dass Du einen Shop mit einem Shopware CMS erstellt hast oder zumindest einen Onlineshop betreibst. Falls ja, bist Du hier genau richtig. In diesem kleinen Blog-Beitrag werde ich Dir die Shopware Iconsets vorstellen.

Shopware Iconset: Kleine Einleitung

Das Shopware Iconset ist eine Sammlung von Icons, die als Teil der Shopware Online Shop Software installiert oder verlinkt wird. Sie hilft Dir, Deiner Website ein professionelles Aussehen zu verleihen und unterstützt verschiedene Geräte und Plattformen. Mit dem Shortcode von Shopware kannst Du die Icons ganz einfach in Deinen Onlineshop einbinden. Durch die Verwendung der Icons erhälst Du ein großartiges Aussehen und Gefühl für Deine Web-App.

Falls Du ein eigenes Shopware-Iconset für Dich selbst erstellen möchtest, ist das auch kein Problem. Da es bereits einige fertige Lösungen von Shopware gibt kannst Du diese natürlich nutzen und zusätzliche Arbeit ersparen.

Wenn Du mit der Entwicklung von WordPress-Websites vertraut bist, wirst Du feststellen, dass die Icons von Font Awesome sehr häufig verwendet werden. Sie haben auch eine große Sammlung von großartigen Icons für Deinen Web- oder mobilen App-Entwicklungsprozess.

Shopware Iconset

Shopware Iconset: Ein Ort der großen Sammlung

Das Iconset für Shopware wurde mit einem modernen und schlanken Design im Hinterkopf erstellt. Die Icons sind in jeder Größe und Farbe verfügbar, um zu jedem Thema oder Design zu passen. Du hast die freie Wahl. Die Icons lassen sich für Deinen eigenen Shop, Website oder Projekte individuell anpassen. Es spielt keine Rolle, ob Du ein Online-Händler bist, oder privat die Icons nutzen willst für Deine persönlichen geschäftlichen Projekte. Das Shopware-Iconset ist perfekt für Dich geeignet.

Shopware Iconset

Wenn es um die Erstellung eines Online-Shops mit einem der populärsten Tools zur Erstellung von Online-Shops namens Shopware geht, hast Du wahrscheinlich schon von dem Shopware Icon Set gehört. Dieses Iconset ist in der Shopware Community sehr beliebt. Es gibt zwei Arten von Shopware Iconsets. Eins ist für die Shopware Version 5+ und ein anderes für Shopware 6. Übrigens, Shopware 6 wird von Tag zu Tag beliebter.

Du kannst jeden beliebigen Shortcode aus der unten stehenden Liste für Dein Projekt hinzufügen, wenn es mit Shopware 5+ erstellt wurde.

Shopware 6 Iconset

Wie Du weißt, ist Shopware 6 eine verrückte Version, denn viele Entwickler stellen ihre Online-Shops auf Shopware 6 um. Sie hat eine Menge zusätzlicher Funktionen und Vorteile. Wenn Du also Deinen Shop auf Shopware 6 umstellst, solltest Du vielleicht eines oder mehrere dieser Symbole für Dein Projekt verwenden. Bitte füge einen der unten stehenden Shortcodes nach Deinem Bedarf hinzu.

activity
align-center-xs
align-center
align-justify
align-left-xs
align-left
align-right-xs
align-right
analytics
archive
arrows
audio-description
balance-scale
ban
barcode-scan
barcode
bars-alt-s
bars-circle-s
bars-circle
bars-s
bars-square-s
bars-square
bars
beer
bell-slash
bell
blocked-circle
bold-xs
bold
book-user
bookmark
books
box-alt
box
boxes
brands
briefcase
bug
bulk-edit
calendar
camera
chart-bar
chart-line-arrow
chart-line-down-s
chart-line-up-s
chart-line
chart-pie
check-circle-s
check-circle
check-square-s
check-square
checkmark-s
checkmark-xs
checkmark-xxs
checkmark
chevron-circle-down
chevron-circle-left
chevron-circle-right
chevron-circle-up
chevron-down-s
chevron-down-xs
chevron-down-xxs
chevron-down
chevron-left-s
chevron-left-xs
chevron-left-xxs
chevron-left
chevron-right-s
chevron-right-xs
chevron-right-xxs
chevron-right
chevron-up-s
chevron-up-xs
chevron-up-xxs
chevron-up
circle-download
circle-s
circle-upload
circle-xs
circle-xxs
circle-xxxs
circle
clipboard
clock
closed-captioning
cloud-download
cloud-upload
code-xs
code
cog-s
cog
comment
comments
compress-arrows-s
compress-arrows-xs
compress-arrows
compress
content
copy-s
copy
copyright
credit-card
crosshair-block
crosshair
crossselling
dashboard
database
delete-coloumn
delete-row
desktop-slash
desktop
discord
discount
dolly
double-chevron-down-s
double-chevron-down-xs
double-chevron-down-xxs
double-chevron-left-s
double-chevron-left-xs
double-chevron-left-xxs
double-chevron-right-s
double-chevron-right-xs
double-chevron-right-xxs
double-chevron-up-s
double-chevron-up-xs
double-chevron-up-xxs
download
dribbble
duplicate
e-scooter
ellipsis-h-s
ellipsis-h
ellipsis-v
envelope
euro
exchange-alt-s
exchange-s
exclamation-circle
exclamation-s
exclamation-triangle
expand-arrows-s
expand-arrows-xs
expand-arrows
expand
external-link-s
external-link
eye-dropper
eye-s
eye-slash
eye
facebook
factory
figma
file-edit-s
file-edit
file-export
file-search
file-signature
file-text
file
files
filter-s
filter
fingerprint
flag
flask
flow
folder-open
folder
forklift
forward
gamecontroller
genderless
gift
github
globe-stand
globe
google
graduation-cap
grip-horizontal-s
grip-horizontal
grip-lines
grip-vertical-s
grip-vertical
guide
harddisk
hashtag
headset
heart-s
heart
highlight
history
home-simple
home
hourglass
image-s
image-xs
image
inbox
infinity
info-circle
insert-coloumn-after
insert-coloumn-before
insert-row-after
insert-row-before
instagram
inventory
iot-connection
iot
italic-xs
italic
key
keyboard
language-alt
language
laptop
layer-group
layout
lightbulb
link-horizontal-slash
link-horizontal
link-xs
link
linkedin
list-alphabetical-xs
list-numbered-xs
list-unordered-xs
list-xs
list
location-arrow
lock-open-s
lock-open
lock-s
lock
long-arrow-down-right-s
long-arrow-down-xs
long-arrow-down
long-arrow-left
long-arrow-right
long-arrow-up
low-vision
map-marker
map
marker
marketplace-stall
mars-double
mars-stroke-h
mars-stroke-v
mars-stroke
mars
medal
medium
megaphone
mercury
messanger
microphone-slash
microphone
minus-circle-s
minus-circle
minus-s
minus-square-s
minus-square
minus-xs
minus-xxs
minus
mobile-slash
mobile
money-bill
moon
officebuilding
paper-plane
paperclip
party-horn
pause-s
pause
pawn
pencil-s
phone-slash
phone
pinterest
play-s
play
plug
plus-circle-s
plus-circle
plus-s
plus-square-s
plus-square
plus-xs
plus-xxs
plus
printer-s
printer
products-s
products
puzzle-piece
question-circle-s
question-circle
questionmark-s
quote
receipt
recycle
redo-s
redo-xs
redo
register
repeat
reply
rocket
rule-s
rule
save
scanner
search-s
search
server
share-s
share
shield
shopping-bag-alt
shopping-bag-product
shopping-bag
shopping-basket
shopping-cart
shopware
shuffle
sidebar-overlay
sidebar
sign-in
sign-out
sitemap
sliders-v
smile-beam
sofa
sort
spinner-star
square-s
square
star-half
star
storefront
strikethrough-xs
style-alt-xs
style-xs
subscript-xs
sun
superscript-xs
sync
table-xs
table
tablet-slash
tablet
tachometer
tag
thumbs-down-s
thumbs-down
thumbs-up-s
thumbs-up
thumbtack
times-circle-s
times-circle
times-hexagon
times-s
times-square-s
times-square
times-xs
times-xxs
times
tools-alt
tools
trademark
traffic-pawn
transgender
trash-s
trash
triangle
trophy
truck
tshirt
turn-left
turn-right
twitter
underline-xs
underline
undo-s
undo-xs
undo
universal-access
upload
user-minus
user-plus
user-shield
user
users
variables-xs
variants
venus-double
venus-mars
venus
video-slash
video
view-compact
view-grid
view-normal
vimeo
volume-mute
volume-up
wallet
warehouse
watch
whatsapp
window-eye
window-terminal
window
wrap-s
xing
youtube

Was ist ein Icon?

Du weißt bereits, was Shopware Iconsets oder Shopware Icons sind, aber kennst Du die Definition eines Icons?

Icons sind kleine Bilder, in der Regel ein Symbol, das Objekte oder Funktionen darstellt, die auf Deinem Computer- oder Handybildschirm leicht zu erkennen sind. Das Symbol wird oft auf eine Größe von 16x16px bis 512x512px, manchmal sogar 1024x1024px skaliert. Icons sind in der Regel quadratisch und in den Formaten .PNG, .SVG oder .GIF gespeichert.

Icons werden für eine Vielzahl unterschiedlicher Zwecke auf einzelnen Computerbildschirmen verwendet und stellen eine Anwendung, eine Funktion oder ein anderes Konzept dar, dass für den Benutzer von Bedeutung ist.

Shopware Iconset FAQs

Wo kann ich das Shopware Iconset herunterladen?

Eigentlich musst Du nichts herunterladen, um Shopware Icons zu verwenden. Verwende einfach den Shortcode, den wir oben hinzugefügt haben.

Wie verwendet man Icons in Shopware?

Das Hinzufügen von benutzerdefinierten Symbolen zu Shopware 6 ist nicht schwer. Wenn Du dem Shopware Schaufenster Icons hinzufügen möchtest, musst Du nur den Shopware Shortcode wie sw_iconname in der Twig-Aktion verwenden. Auf diese Weise kannst Du ein Icon Deiner Wahl in Shopware 6 hinzufügen und es wird sofort im Schaufenster angezeigt.

Was ist das Shopware Iconset?

Das Shopware Iconset ist eine Sammlung von Icons, die bei der Entwicklung des Online-Shops von Shopware verwendet werden können. In der Bibliothek von Shopware befinden sich mehr als 3300 Icons.

Wie groß dürfen die Symbole in Shopware sein?

Standardmäßig sucht Shopware im Ordner “default”.
{% sw_icon ‘done-outline-24px’ style {
namespace’: ‘TestPlugin’
} %}

Zusammenfassung

Das Shopware Iconset ist eine großartige Ressource für Benutzer, um Icons zu finden, die ihren Bedürfnissen entsprechen. Das Iconset gibt es schon eine Weile und es ist nach wie vor eine beliebte Ressource für Shopware-Entwickler oder Online-Shop-Besitzer mit SW CMS. Es gibt viele verschiedene Icons, die es den Benutzern leicht machen, das zu finden, wonach sie suchen. Klick hier falls du dich für eine ausführliche Shopware Beratung interessierst.

Related Content

Shopware SEO

Shopware SEO

Suchmaschinenoptimierung oder kurz SEO ist einer der beliebtesten Bereiche des digitalen Marketings. Und in der heutigen hart umkämpften eCommerce-Szene ist ein gut optimierter Online-Shop sehr

Weiterlesen »
Cookie Consent mit Real Cookie Banner