# Einkaufswagen logo

**URL:** <https://forum.shopware.com/t/einkaufswagen-logo/85770>\
**Category:** Shopware 6 (German)\
**Created:** [8. März 2021 um 08:29 UTC](https://forum.shopware.com/t/einkaufswagen-logo/85770 "2021-03-08T08:29:24Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![marcel-a](https://avatars.discourse-cdn.com/v4/letter/m/ecae2f/32.png) [@marcel-a](https://forum.shopware.com/u/marcel-a)\
**Post date:** [8. März 2021 um 08:29 UTC](https://forum.shopware.com/t/einkaufswagen-logo/85770/1 "2021-03-08T08:29:24Z")

</div>

Hallo wie kann ich das logo vom Einkaufswagen wechseln.  
brauche ich dafür eine Erweiterung ?

---

<div class="post-metadata">

**Author:** ![md\_dm](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/md_dm/32/8939_2.png) [@md\_dm](https://forum.shopware.com/u/md_dm)\
**Post date:** [8. März 2021 um 19:29 UTC](https://forum.shopware.com/t/einkaufswagen-logo/85770/2 "2021-03-08T19:29:54Z")

</div>

Hallo,

Sollte dir was komplett eigenes vorschweben wirst du eine eigene Schriftart oder ein Logo einbinden müssen. Wird das etwas aufwendiger. Hier in diesem Thread aber schön verlinkt und beschrieben. [Icon Font in Shopware 6?](https://forum.shopware.com/t/icon-font-in-shopware-6/64570)

Alternativ kannst du einfach in deinem Template ein anderes Icon angeben via CSS bzw. der Klasse  
Unter [Icon set - Shopware Component library](https://component-library.shopware.com/icons/) kannst du die Bezeichnung finden.  
Diese 5 bringt SW6 standardmäßig mit.

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/1/13d3daae5420a4ced461a633eed2526c116b491c.png)

Je nachdem was du im Detail vorhast.

---

<div class="post-metadata">

**Author:** ![marcel-a](https://avatars.discourse-cdn.com/v4/letter/m/ecae2f/32.png) [@marcel-a](https://forum.shopware.com/u/marcel-a)\
**Post date:** [11. März 2021 um 12:28 UTC](https://forum.shopware.com/t/einkaufswagen-logo/85770/3 "2021-03-11T12:28:31Z")

</div>

hey welchen wert muss ich denn ändern um andere Icons zu haben und woher weis ich wie die anderen Icons benannt sind ?

---

<div class="post-metadata">

**Author:** ![md\_dm](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/md_dm/32/8939_2.png) [@md\_dm](https://forum.shopware.com/u/md_dm)\
**Post date:** [11. März 2021 um 15:19 UTC](https://forum.shopware.com/t/einkaufswagen-logo/85770/4 "2021-03-11T15:19:48Z")

</div>

Schaue mal hier [Wie kann man das bestehende Icon System mit eigenen SVGs erweitern?](https://forum.shopware.com/t/wie-kann-man-das-bestehende-icon-system-mit-eigenen-svgs-erweitern/67707)  
Da ist es mMn gut beschrieben.

---

<div class="post-metadata">

**Author:** ![marcel-a](https://avatars.discourse-cdn.com/v4/letter/m/ecae2f/32.png) [@marcel-a](https://forum.shopware.com/u/marcel-a)\
**Post date:** [12. März 2021 um 07:48 UTC](https://forum.shopware.com/t/einkaufswagen-logo/85770/5 "2021-03-12T07:48:25Z")

</div>

_ **platform/src/Storefront/Resources/views/storefront/utilities/icon.html.twig** _

den Fard habe ich gar nicht bzw ab src nicht mehr

---

<div class="post-metadata">

**Author:** ![md\_dm](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/md_dm/32/8939_2.png) [@md\_dm](https://forum.shopware.com/u/md_dm)\
**Post date:** [3. April 2021 um 11:22 UTC](https://forum.shopware.com/t/einkaufswagen-logo/85770/6 "2021-04-03T11:22:06Z")

</div>

Ich denke dass du „platform“ am Anfang mit deiner „Plattform“ ersetzen musst.  
Oder liegt es ggf an der Version, dass das Tutorial von 6.1. oder vorher stammt und sich Pfade geringfügig verändert haben.  
Bei mir im Test auf Dockware wo sich der Shop befindet und die Datei liegt unter:  
/var/www/html/vendor/shopware/storefront/Resources/views/storefront/utilities/icon.html.twig

Alternative, Mal mit  
`find "/" -wholename "*icon.html.twig"`  
auf der console/terminal suchen oder wenn du sowas wie PHPStorm oder eben deinen Lieblings editor und kompletten Zugriff, dann einfach darin suchen.

---

<div class="post-metadata">

**Author:** ![AlexBS](https://avatars.discourse-cdn.com/v4/letter/a/ed655f/32.png) [@AlexBS](https://forum.shopware.com/u/AlexBS)\
**Post date:** [3. April 2021 um 13:08 UTC](https://forum.shopware.com/t/einkaufswagen-logo/85770/7 "2021-04-03T13:08:56Z")

</div>

Hey,

du musst als erstes in deinem Theme unter DEINTHEMENAME/src/Ressources/app/storefront/dist/assets/ den ordner „icon“ anlegen. Innerhalb des ordner „icon“ legst du dann einen Ordner mit dem Namen deines Icon-Packs an. Also zB.: DEINTHEMENAME/src/Ressources/app/storefront/dist/assets/icon/myIconPack

Dort kommen dann deine SVG-Dateien hinein. Du kannst dir quasi jedes x-beliebige SVG icon dort abspeichern.

Dann musst du noch in deinem Theme unter DEINTHEMENAME/src/Ressources/views/storefront falls noch nicht vorhanden, den ordner „utilities“ erstellen und dort drinnen die Datei „icon.html.twig“ mit folgendem Inhalt:

```
{% sw_extends '@Storefront/storefront/utilities/icon.html.twig' %}
{% block utilities_icon %}
    {% set styles = [size, color, rotation, flip, class] %}
    {% if pack is not defined %}
        {% set pack = 'default' %}
    {% endif %}
{% if namespace is not defined %}
    {% set namespace = 'Storefront' %}
{% endif %}
   <span
 class="icon icon-{{ name }}{% for entry in styles %}{% if entry != "" %} icon-{{ entry }}{% endif %}{% endfor %}">
 {% if pack == 'myIconPack' %}
 {{ source('@DEINTHEMENAME/../app/storefront/dist/assets/icon/myIconPack/'~ name ~'.svg', ignore_missing = false) }}
{% else %}
 {{ source('@' ~ namespace ~ '/../app/storefront/dist/assets/icon/'~ pack ~'/'~ name ~'.svg', ignore_missing = true) }}
 {% endif %}
 </span>
{% endblock %}

```

Damit „registrierst“ du dein Icon-Pack.  
Um jetzt irgendwo in deinen Templates ein Icon aus deinem eigenen Icon-Pack benutzen zu können, musst du folgendes schreiben (Beispielicon heißt „myHome.svg“)  
`{% sw_icon 'myHome' style {'pack' : 'myIconSet'} %}`

myIconSet und DEINTHEMENAME musst du natürlich auf deine Bezeichnungen und dein Theme umändern.

Wie man ein Icon überschreiben kann, so dass das Standardicon wie zB vom Einkaufswagen überschrieben wird, kann ich dir leider nicht sagen. Je nachdem wo es überall vorkommt, könntest du den Icon-Aufruf in deinem Theme an der Stelle überschreiben.

Lg Alex

---

<div class="post-metadata">

**Author:** ![marcel-a](https://avatars.discourse-cdn.com/v4/letter/m/ecae2f/32.png) [@marcel-a](https://forum.shopware.com/u/marcel-a)\
**Post date:** [8. April 2021 um 07:37 UTC](https://forum.shopware.com/t/einkaufswagen-logo/85770/8 "2021-04-08T07:37:52Z")

</div>

Vielen dank für die infos
