> For the complete documentation index, see [llms.txt](https://docs.swish.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.swish.app/can-i-add-a-custom-icon.md).

# Can I add a custom icon?

Yes, you can replace the default heart icon with a custom SVG icon across your store.

To do this, your icon must meet the following requirements:

* **Format**: SVG
* **Dimensions**: 64x64 pixels
* **Design**: Include both `stroke` and `fill` properties

Once your icon is ready, upload it via **Swish’s Settings > Code Editor > Custom Icons**.

(You can refer to the attached sample for guidance.)

```svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
    <style type="text/css">
    .st0{fill:#FFFF00;stroke:#00275C;stroke-miterlimit:10;}
    </style>
    <path class="st0" d="M32,11.3l-3.2-3.3C21.3,0.4,7.6,3,2.7,12.7c-2.3,4.5-2.8,11.1,1.4,19.5C8.2,40.2,16.7,49.9,32,60.4  c15.3-10.5,23.8-20.2,27.9-28.2c4.2-8.4,3.7-14.9,1.4-19.5C56.4,3,42.7,0.4,35.2,8.1L32,11.3z"/>
</svg>
```