# Eigenes png als Icon (Warenkorb, Benutzerkonto, Merkzettel)

**URL:** <https://forum.shopware.com/t/eigenes-png-als-icon-warenkorb-benutzerkonto-merkzettel/46554>\
**Category:** Themes & Design\
**Created:** [27. Juni 2017 um 11:49 UTC](https://forum.shopware.com/t/eigenes-png-als-icon-warenkorb-benutzerkonto-merkzettel/46554 "2017-06-27T11:49:07Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [28. Juni 2017 um 07:41 UTC](https://forum.shopware.com/t/eigenes-png-als-icon-warenkorb-benutzerkonto-merkzettel/46554/5 "2017-06-28T07:41:43Z")

</div>

Hallo,

wie hier schon erwähnt könntest du das bestehende Icon “ausblenden”, beispielsweise über:

```
.shop--navigation .navigation--entry.entry--cart .icon--basket::before {
    content: "";
}

```

und dann beispielsweise dich an das “\< li \>” - Element hängen und dort einen Background mit einem neuen Bild hinterlegen, beispielsweise über:

```
.shop--navigation .navigation--entry.entry--cart {
    background: rgba(0,0,0,0) url("pfad_zu_meinem_png_icon") no-repeat scroll .375rem .375rem;
    height: 2.125rem;
}

```

Die ganzen CSS-Anweisungen solltest du natürlich in einer eigenen LESS-Datei deines eigenen Themes ablegen, damit dann auch die Pfade etc passen. Die von mir angesprochene Lösung funktioniert so auch.

Beste Grüße

Sebastian

---

_[View the full topic](https://forum.shopware.com/t/eigenes-png-als-icon-warenkorb-benutzerkonto-merkzettel/46554)._