# Icon\_image

**URL:** <https://community.icinga.com/t/icon-image/1074>\
**Category:** Icinga Web\
**Created:** [May 2, 2019, 9:49am UTC](https://community.icinga.com/t/icon-image/1074 "2019-05-02T09:49:55Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![hamester\_citti](https://community.icinga.com/letter_avatar_proxy/v4/letter/h/ba8739/32.png) [@hamester\_citti](https://community.icinga.com/u/hamester_citti)\
**Post date:** [May 2, 2019, 9:49am UTC](https://community.icinga.com/t/icon-image/1074/1 "2019-05-02T09:49:55Z")

</div>

Hi,

I found the custom attribute icon\_image which works perfekt with the icons from /usr/share/icingaweb2/public/img/icons.  
I want to use some of my own icons and coby them to the directory, but there is no view on icingaweb2.

Any ideas why custom icons dont work?

---

<div class="post-metadata">

**Author:** ![nilmerg](https://community.icinga.com/user_avatar/community.icinga.com/nilmerg/32/277_2.png) [@nilmerg](https://community.icinga.com/u/nilmerg)\
**Post date:** [May 2, 2019, 10:56am UTC](https://community.icinga.com/t/icon-image/1074/2 "2019-05-02T10:56:39Z")

</div>

You should be able to place your own icons beneath `/usr/share/icingaweb2/public` somewhere. Though preferably a custom directory (path) as Web 2’s paths are managed by packages.

Then use the path relative to `.../public` (e.g. `.../public/your/icon.png` would be `your/icon.png`) and Web 2 should display the icons.

---

<div class="post-metadata">

**Author:** ![hamester\_citti](https://community.icinga.com/letter_avatar_proxy/v4/letter/h/ba8739/32.png) [@hamester\_citti](https://community.icinga.com/u/hamester_citti)\
**Post date:** [May 2, 2019, 11:11am UTC](https://community.icinga.com/t/icon-image/1074/3 "2019-05-02T11:11:50Z")

</div>

I created a custom directory beneath …/public

/usr/share/icingaweb2/public/custom#

drwxr-xr-x 6 root root 4096 Oct 30 2018 css  
drwxr-xr-x 2 root root 4096 May 2 13:01 custom  
-rw-r–r-- 1 root root 43 Aug 2 2018 error\_norewrite.html  
-rw-r–r-- 1 root root 418 Aug 2 2018 error\_unavailable.html

My icon is placed in this directory:  
/usr/share/icingaweb2/public/custom# ll  
total 4  
-rw-r–r-- 1 root root 1106 May 2 12:10 icons8-wi-fi-16.png

My template:

```
template Host "cisco-wlc" {
    import "generic-host"
    icon_image = "custom/icons8-wi-fi-16.png"
    vars.sla = "24x7"

```

Unfortunately no displayed icon ☹

---

<div class="post-metadata">

**Author:** ![nilmerg](https://community.icinga.com/user_avatar/community.icinga.com/nilmerg/32/277_2.png) [@nilmerg](https://community.icinga.com/u/nilmerg)\
**Post date:** [May 2, 2019, 12:40pm UTC](https://community.icinga.com/t/icon-image/1074/4 "2019-05-02T12:40:41Z")

</div>

Works very well for me. What does your browser show if you access the icon directly? (`<host>/icingaweb2/custom/icons8-wi-fi-16.png`)

---

<div class="post-metadata">

**Author:** ![hamester\_citti](https://community.icinga.com/letter_avatar_proxy/v4/letter/h/ba8739/32.png) [@hamester\_citti](https://community.icinga.com/u/hamester_citti)\
**Post date:** [May 2, 2019, 2:09pm UTC](https://community.icinga.com/t/icon-image/1074/5 "2019-05-02T14:09:29Z")

</div>

oh I missed a letter… 🤦‍♂️🤦‍♂️  
It works very fine!!!

Thank you very much!

---

<div class="post-metadata">

**Author:** ![Raupueppi](https://community.icinga.com/letter_avatar_proxy/v4/letter/r/43a26b/32.png) [@Raupueppi](https://community.icinga.com/u/Raupueppi)\
**Post date:** [July 26, 2024, 11:25am UTC](https://community.icinga.com/t/icon-image/1074/6 "2024-07-26T11:25:32Z")

</div>

Which permissions are set for directory and image?

---

<div class="post-metadata">

**Author:** ![log1c](https://community.icinga.com/user_avatar/community.icinga.com/log1c/32/2071_2.png) [@log1c](https://community.icinga.com/u/log1c)\
**Post date:** [July 31, 2024, 6:47am UTC](https://community.icinga.com/t/icon-image/1074/7 "2024-07-31T06:47:27Z")

</div>

`/usr/share/icingaweb2` and all files and sub-directories belong to user&group `root` with `755` permissions for the directories and `744` permissions for the files.  
So the icons under `/usr/share/icingaweb2/public/img/icon` have `744` permissions

---

<div class="post-metadata">

**Author:** ![jeanm](https://community.icinga.com/letter_avatar_proxy/v4/letter/j/6a8cbe/32.png) [@jeanm](https://community.icinga.com/u/jeanm)\
**Post date:** [April 9, 2025, 3:18pm UTC](https://community.icinga.com/t/icon-image/1074/8 "2025-04-09T15:18:31Z")

</div>

In training a couple of weeks back, the trainer showed a way to display all available icons from within Icinga Web, but I can’t recall what that page was.  
Would anyone know?  
Thank you,  
Jean

---

<div class="post-metadata">

**Author:** ![log1c](https://community.icinga.com/user_avatar/community.icinga.com/log1c/32/2071_2.png) [@log1c](https://community.icinga.com/u/log1c)\
**Post date:** [April 10, 2025, 5:25am UTC](https://community.icinga.com/t/icon-image/1074/9 "2025-04-10T05:25:19Z")

</div>

`/doc/style/font`, only available with an enabled `doc` module.

---

<div class="post-metadata">

**Author:** ![jeanm](https://community.icinga.com/letter_avatar_proxy/v4/letter/j/6a8cbe/32.png) [@jeanm](https://community.icinga.com/u/jeanm)\
**Post date:** [April 10, 2025, 7:52am UTC](https://community.icinga.com/t/icon-image/1074/10 "2025-04-10T07:52:34Z")

</div>

Thanks a lot, nice page, but this was not the one. The page the trainer showed was one with all icons, in colour, with their xxx.png name.

---

<div class="post-metadata">

**Author:** ![rivad](https://community.icinga.com/user_avatar/community.icinga.com/rivad/32/5852_2.png) [@rivad](https://community.icinga.com/u/rivad)\
**Post date:** [April 10, 2025, 8:16am UTC](https://community.icinga.com/t/icon-image/1074/11 "2025-04-10T08:16:17Z")

</div>

Could you ask the trainer?

---

<div class="post-metadata">

**Author:** ![moreamazingnick](https://community.icinga.com/user_avatar/community.icinga.com/moreamazingnick/32/7725_2.png) [@moreamazingnick](https://community.icinga.com/u/moreamazingnick)\
**Post date:** [April 10, 2025, 3:33pm UTC](https://community.icinga.com/t/icon-image/1074/12 "2025-04-10T15:33:48Z")

</div>

There is no public interface for that but this might help:

> **[icingaweb2/public/img/icons at main · Icinga/icingaweb2](https://github.com/Icinga/icingaweb2/tree/main/public/img/icons)**
>
> A lightweight and extensible web interface to keep an eye on your environment. Analyse problems and act on them. - Icinga/icingaweb2

for example:

> [https://your-icinga/icingaweb2/img/icons/tux.png](https://your-icinga/icingaweb2/img/icons/tux.png)

is

> /usr/share/icingaweb2/public/img/icons/tux.png

---

<div class="post-metadata">

**Author:** ![rivad](https://community.icinga.com/user_avatar/community.icinga.com/rivad/32/5852_2.png) [@rivad](https://community.icinga.com/u/rivad)\
**Post date:** [April 10, 2025, 3:40pm UTC](https://community.icinga.com/t/icon-image/1074/13 "2025-04-10T15:40:49Z")

</div>

> [@moreamazingnick](#):
>
> [https://your-icinga/icingaweb2/img/icons/tux.png](https://your-icinga/icingaweb2/img/icons/tux.png)

Would be great if [https://your-icinga/icingaweb2/img/icons/](https://your-icinga/icingaweb2/img/icons/) would just show all of them.

---

<div class="post-metadata">

**Author:** ![jeanm](https://community.icinga.com/letter_avatar_proxy/v4/letter/j/6a8cbe/32.png) [@jeanm](https://community.icinga.com/u/jeanm)\
**Post date:** [April 11, 2025, 11:23am UTC](https://community.icinga.com/t/icon-image/1074/14 "2025-04-11T11:23:10Z")

</div>

First approach: add the following to `/etc/httpd/conf/httpd.conf`:

```auto
<Directory "/usr/share/icingaweb2/public/img/icons">
    Options Indexes FollowSymLinks
    AllowOverride All
    Order deny,allow
    Allow from all
</Directory>

```

After an httpd restart, the page [https://your-icinga/icingaweb2/img/icons/](https://your-icinga/icingaweb2/img/icons/) will then show the list of files names without the pictures, but a click on the name will show the picture.

Second approach: copy the icons directory on a workstation and view the files in a file browser. Much more effective 😉

---

<div class="post-metadata">

**Author:** ![rivad](https://community.icinga.com/user_avatar/community.icinga.com/rivad/32/5852_2.png) [@rivad](https://community.icinga.com/u/rivad)\
**Post date:** [April 11, 2025, 2:55pm UTC](https://community.icinga.com/t/icon-image/1074/15 "2025-04-11T14:55:55Z")

</div>

Sure, but did you have any luck asking the trainer?

---

<div class="post-metadata">

**Author:** ![jeanm](https://community.icinga.com/letter_avatar_proxy/v4/letter/j/6a8cbe/32.png) [@jeanm](https://community.icinga.com/u/jeanm)\
**Post date:** [April 11, 2025, 6:18pm UTC](https://community.icinga.com/t/icon-image/1074/16 "2025-04-11T18:18:48Z")

</div>

Yes, I did ask, and he did reply. He doesn’t remember demonstrating anything similar.
