# Nach dem Ersetzen von Symbolen habe ich Schwierigkeiten, sie auszurichten

**URL:** <https://meta.discourse.org/t/after-replacing-icons-im-having-trouble-aligning-them/257166>\
**Category:** Product Support\
**Created:** [5. März 2023 um 23:48 UTC](https://meta.discourse.org/t/after-replacing-icons-im-having-trouble-aligning-them/257166 "2023-03-05T23:48:06Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [6. März 2023 um 21:07 UTC](https://meta.discourse.org/t/after-replacing-icons-im-having-trouble-aligning-them/257166/2 "2023-03-06T21:07:18Z")

</div>

Der einfachste Weg, dies zu verwalten, ist die Bearbeitung der Icons selbst.

Ein Faktor, den ich sehe, ist, dass das Icon-Set, das wir standardmäßig verwenden, FontAwesome, keine Abmessungen in seinen SVG-Dateien enthält, während Google dies tut.

FontAwesomes öffnendes Tag:

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">

```

Googles (beachten Sie die Höhe und Breite, die um die viewBox hinzugefügt wurden)

```svg
<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48">

```

Ich würde also versuchen, die Höhe/Breite von Googles Icons zu entfernen… das resultierende Sprite-Sheet sieht so aus:

```svg
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
   <symbol id="google-bars" viewBox="0 96 960 960" ><path d="M150 816q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T150 756h660q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T810 816H150Zm0-210q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T150 546h660q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T810 606H150Zm0-210q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T150 336h660q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T810 396H150Z"/></symbol>
</svg>

```

und das Ergebnis ist ausgerichtet 🎉

![Screenshot 2023-03-06 at 4.05.37 PM](https://global.discourse-cdn.com/meta/original/4X/4/0/2/402abc27fb696e1ec1d350c8bbbfb745173bb577.png)

---

_[View the full topic](https://meta.discourse.org/t/after-replacing-icons-im-having-trouble-aligning-them/257166)._