# ¿Cómo hacer los iconos SVG de la Navbar blancos?

**URL:** <https://meta.discourse.org/t/how-to-make-navbar-svg-icons-white/301003>\
**Category:** Development\
**Tags:** css\
**Created:** [26 Marzo, 2024 14:20 UTC](https://meta.discourse.org/t/how-to-make-navbar-svg-icons-white/301003 "2024-03-26T14:20:46Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![bryce](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bryce/32/377822_2.png) [@bryce](https://meta.discourse.org/u/bryce)\
**Post date:** [26 Marzo, 2024 16:09 UTC](https://meta.discourse.org/t/how-to-make-navbar-svg-icons-white/301003/2 "2024-03-26T16:09:15Z")

</div>

Parece que el componente utiliza un elemento con una clase de `custom-header-icon-link` para contener cada icono. Si estás utilizando iconos svg, deberías poder dirigirte a ellos de esta manera:

```plaintext
.custom-header-icon-link svg {
    stroke: white;
}

```

A veces, los svg parecen estar hechos de líneas, pero en realidad están hechos de formas rellenas, por lo que es posible que necesites cambiar `stroke: white` por `fill: white`.

---

_[View the full topic](https://meta.discourse.org/t/how-to-make-navbar-svg-icons-white/301003)._