Icons not showing/transparent #11127

ticevi · 2018-09-09T20:16:21Z

Hey guys, i started running my nextcloud instance in an docker env and have problems with the app icons. is there something i have to look out for. When inspecting the icons there seems to be valid svg "code" and also represent the correct icon. so no clue why they are not displayed.

### Server configuration

Operating system: Debian Stretch

Web server: Nginx

Database: Mariadb

PHP version: 7.2

Nextcloud version: 13.0.6

Updated from an older Nextcloud/ownCloud or fresh install: updated from fresh 13.0.5

Where did you install Nextcloud from: from official tar.gz

Nextcloud configuration:

Config report

{ "system": { "instanceid": "***REMOVED SENSITIVE VALUE***", "passwordsalt": "***REMOVED SENSITIVE VALUE***", "secret": "***REMOVED SENSITIVE VALUE***", "trusted_proxies": "***REMOVED SENSITIVE VALUE***", "trusted_domains": [ "cloud.tluettig.de" ], "datadirectory": "***REMOVED SENSITIVE VALUE***", "overwrite.cli.url": "https:\/\/cloud.tluettig.de", "dbtype": "mysql", "version": "13.0.6.1", "dbname": "***REMOVED SENSITIVE VALUE***", "dbhost": "***REMOVED SENSITIVE VALUE***", "dbport": "", "dbtableprefix": "oc_", "dbuser": "***REMOVED SENSITIVE VALUE***", "dbpassword": "***REMOVED SENSITIVE VALUE***", "installed": true, "loglevel": 1, "maintenance": false, "mail_smtpmode": "smtp", "mail_smtpauthtype": "PLAIN", "mail_from_address": "***REMOVED SENSITIVE VALUE***", "mail_domain": "***REMOVED SENSITIVE VALUE***", "mail_smtpauth": 1, "mail_smtphost": "***REMOVED SENSITIVE VALUE***", "mail_smtpport": "587", "mail_smtpname": "***REMOVED SENSITIVE VALUE***", "mail_smtppassword": "***REMOVED SENSITIVE VALUE***", "mail_smtpsecure": "tls", "memcache.local": "\\OC\\Memcache\\APCu", "memcache.locking": "\\OC\\Memcache\\Redis", "redis": { "host": "***REMOVED SENSITIVE VALUE***", "port": 6379 }, "theme": "" }, "apps": { "activity": { "enabled": "yes", "installed_version": "2.6.1", "types": "filesystem" }, "backgroundjob": { "lastjob": "85" }, "bruteforcesettings": { "enabled": "yes", "installed_version": "1.1.0", "types": "" }, "comments": { "enabled": "yes", "installed_version": "1.3.0", "types": "logging" }, "core": { "backgroundjobs_mode": "ajax", "installed.bundles": "[\"CoreBundle\"]", "installedat": "1536210841.1062", "lastcron": "1536523315", "lastupdateResult": "[]", "lastupdatedat": "1536523310", "moveavatarsdone": "yes", "oc.integritycheck.checker": "[]", "previewsCleanedUp": "1", "public_files": "files_sharing\/public.php", "public_webdav": "dav\/appinfo\/v1\/publicwebdav.php", "scss.variables": "7d1f0e63a875a25a55fa54b870fe1eca", "umgmt_send_email": "true", "umgmt_show_email": "true", "updater.secret.created": "1536240749", "vendor": "nextcloud" }, "dav": { "enabled": "yes", "installed_version": "1.4.7", "types": "filesystem" }, "federatedfilesharing": { "enabled": "yes", "installed_version": "1.3.1", "types": "" }, "federation": { "enabled": "yes", "installed_version": "1.3.0", "types": "authentication" }, "files": { "cronjob_scan_files": "500", "default_quota": "5 GB", "enabled": "yes", "installed_version": "1.8.0", "types": "filesystem" }, "files_sharing": { "enabled": "yes", "installed_version": "1.5.0", "types": "filesystem" }, "files_texteditor": { "enabled": "yes", "installed_version": "2.5.1", "types": "" }, "files_trashbin": { "enabled": "yes", "installed_version": "1.3.0", "types": "filesystem" }, "files_versions": { "enabled": "yes", "installed_version": "1.6.0", "types": "filesystem" }, "files_videoplayer": { "enabled": "yes", "installed_version": "1.2.0", "types": "" }, "firstrunwizard": { "enabled": "yes", "installed_version": "2.2.1", "types": "logging" }, "gallery": { "enabled": "yes", "installed_version": "18.0.0", "types": "" }, "logreader": { "enabled": "yes", "installed_version": "2.0.0", "levels": "01111", "ocsid": "170871", "types": "" }, "lookup_server_connector": { "enabled": "yes", "installed_version": "1.1.0", "types": "authentication" }, "nextcloud_announcements": { "enabled": "yes", "installed_version": "1.2.0", "pub_date": "Sat, 10 Dec 2016 00:00:00 +0100", "types": "logging" }, "notes": { "enabled": "yes", "installed_version": "2.4.1", "types": "" }, "notifications": { "enabled": "yes", "installed_version": "2.1.2", "types": "logging" }, "oauth2": { "enabled": "yes", "installed_version": "1.1.1", "types": "authentication" }, "password_policy": { "enabled": "yes", "enforceHaveIBeenPwned": "1", "enforceNumericCharacters": "1", "enforceUpperLowerCase": "1", "installed_version": "1.3.0", "types": "" }, "provisioning_api": { "enabled": "yes", "installed_version": "1.3.0", "types": "prevent_group_restriction" }, "serverinfo": { "enabled": "yes", "installed_version": "1.3.0", "types": "" }, "sharebymail": { "enabled": "yes", "installed_version": "1.3.0", "types": "filesystem" }, "survey_client": { "enabled": "yes", "installed_version": "1.1.0", "last_report": "{\"id\":\"ocumt7a1w0w6\",\"items\":[[\"server\",\"version\",\"13.0.6.1\"],[\"server\",\"code\",\"other\"],[\"server\",\"enable_avatars\",\"yes\"],[\"server\",\"enable_previews\",\"yes\"],[\"server\",\"memcache.local\",\"\\\\OC\\\\Memcache\\\\APCu\"],[\"server\",\"memcache.distributed\",\"none\"],[\"server\",\"asset-pipeline.enabled\",\"no\"],[\"server\",\"filelocking.enabled\",\"yes\"],[\"server\",\"memcache.locking\",\"\\\\OC\\\\Memcache\\\\Redis\"],[\"server\",\"debug\",\"no\"],[\"server\",\"cron\",\"ajax\"],[\"php\",\"version\",\"7.2.9\"],[\"php\",\"memory_limit\",536870912],[\"php\",\"max_execution_time\",3600],[\"php\",\"upload_max_filesize\",535822336],[\"database\",\"type\",\"mysql\"],[\"database\",\"version\",\"10.3.9\"],[\"database\",\"size\",9109504],[\"apps\",\"activity\",\"2.6.1\"],[\"apps\",\"bruteforcesettings\",\"1.1.0\"],[\"apps\",\"comments\",\"1.3.0\"],[\"apps\",\"dav\",\"1.4.7\"],[\"apps\",\"federatedfilesharing\",\"1.3.1\"],[\"apps\",\"federation\",\"1.3.0\"],[\"apps\",\"files\",\"1.8.0\"],[\"apps\",\"files_sharing\",\"1.5.0\"],[\"apps\",\"files_texteditor\",\"2.5.1\"],[\"apps\",\"files_trashbin\",\"1.3.0\"],[\"apps\",\"files_versions\",\"1.6.0\"],[\"apps\",\"files_videoplayer\",\"1.2.0\"],[\"apps\",\"firstrunwizard\",\"2.2.1\"],[\"apps\",\"gallery\",\"18.0.0\"],[\"apps\",\"logreader\",\"2.0.0\"],[\"apps\",\"lookup_server_connector\",\"1.1.0\"],[\"apps\",\"nextcloud_announcements\",\"1.2.0\"],[\"apps\",\"notes\",\"2.4.1\"],[\"apps\",\"notifications\",\"2.1.2\"],[\"apps\",\"oauth2\",\"1.1.1\"],[\"apps\",\"password_policy\",\"1.3.0\"],[\"apps\",\"provisioning_api\",\"1.3.0\"],[\"apps\",\"serverinfo\",\"1.3.0\"],[\"apps\",\"sharebymail\",\"1.3.0\"],[\"apps\",\"survey_client\",\"1.1.0\"],[\"apps\",\"systemtags\",\"1.3.0\"],[\"apps\",\"theming\",\"1.4.5\"],[\"apps\",\"twofactor_backupcodes\",\"1.2.3\"],[\"apps\",\"unsplash\",\"1.1.1\"],[\"apps\",\"updatenotification\",\"1.3.0\"],[\"apps\",\"workflowengine\",\"1.3.0\"],[\"stats\",\"num_files\",7806],[\"stats\",\"num_users\",3],[\"stats\",\"num_storages\",4],[\"stats\",\"num_storages_local\",1],[\"stats\",\"num_storages_home\",3],[\"stats\",\"num_storages_other\",0],[\"stats\",\"num_comments\",0],[\"stats\",\"num_comment_markers\",0],[\"stats\",\"num_systemtags\",0],[\"stats\",\"num_systemtags_mappings\",0],[\"files_sharing\",\"num_shares\",0],[\"files_sharing\",\"num_shares_user\",0],[\"files_sharing\",\"num_shares_groups\",0],[\"files_sharing\",\"num_shares_link\",0],[\"files_sharing\",\"num_shares_link_no_password\",0],[\"files_sharing\",\"num_fed_shares_sent\",0],[\"files_sharing\",\"num_fed_shares_received\",0],[\"encryption\",\"enabled\",\"no\"],[\"encryption\",\"default_module\",\"no\"]]}", "last_sent": "1536522539", "types": "" }, "systemtags": { "enabled": "yes", "installed_version": "1.3.0", "types": "logging" }, "theming": { "cachebuster": "6", "color": "#BCC9C2", "enabled": "yes", "installed_version": "1.4.5", "logoMime": "image\/svg+xml", "types": "logging" }, "twofactor_backupcodes": { "enabled": "yes", "installed_version": "1.2.3", "types": "" }, "unsplash": { "enabled": "yes", "installed_version": "1.1.1", "types": "" }, "updatenotification": { "enabled": "yes", "installed_version": "1.3.0", "types": "", "update_check_errors": "0" }, "workflowengine": { "enabled": "yes", "installed_version": "1.3.0", "types": "filesystem" } } }

Are you using encryption: no

Client configuration

**Browser:**Firefox,Safari,Chrome

**Operating system:**MacOS

nextcloud-bot · 2018-09-09T20:28:07Z

GitMate.io thinks possibly related issues are #10877 (Comment icon is not shown on shared folder), #2466 ("Loading" svg is not transparent), #6891 (Folder icons disappeared), #5157 (Icon inconsistency), and #6618 (Transparent profile pictures show up purple.).

ticevi · 2018-10-09T13:54:38Z

I couldn't find a solution to this problem. When I call the URL directly, the icon is displayed correctly.

All tips are helpful.

rootbdfy · 2018-11-20T12:27:01Z

Same issue.

rootbdfy · 2018-11-20T12:30:04Z

UPD: fix it with sudo -u www-data php occ maintenance:repair
👍

ticevi · 2018-11-20T12:59:11Z

I have already tried several occ commands. The maintenance:repair has restored some of the icons, but not the big ones in the navbar. I'm thinking about migrating to one of the provided docker images.

ironguigui · 2018-12-15T14:39:28Z

I just install Nextcloud 15 on my OVH web server and I have the same issue.
The problem appear only with https, I don't know how to fix this...

rootbdfy · 2018-12-16T18:39:51Z

guigui6 try to open profiler in browser.

rootbdfy · 2018-12-16T18:40:39Z

guigui6 try to open profiler in browser.

ffs69 · 2019-01-02T15:50:39Z

Hello and to all a very good new year!

Just to tell you that I think I have a bug of the same type I detailed here:
https://help.nextcloud.com/t/through-https-missing-the-customization-of-the-login-screen-and-the-display-of-some-icons-and-fields-but-invisible-locations-are-clickable-since-my-first-installation-from-nc13-to-nc15-reacts-differently-according-to-the-shared-web-hosting-service/38981

Hoping that we find solutions to our problems,
Cheers 🤘

hottwister · 2019-03-19T12:27:48Z

Hey guys, try to change the color in the Theming app. Just change the color to a random value and change it back once its saved. The icon's will be regenerated in the right color and the issue is fixed.

Profit!

rootbdfy · 2019-03-19T13:58:21Z

Change the color in the Theming app did not work for me.

koebln · 2019-04-10T12:16:23Z

I have the same Problem, most of the functional Icons are invisible but if you know the position and klick the function will work. Changing the color in the Theming did not work for me. I build up a new Nextcloud today with the zip-File
Nextcloud Version: 15.0.7
PHP: 7.2 (fpm)
Web-Server: nginx

josebatorre · 2019-04-17T11:00:30Z

This same issue happened to me yesterday after a 14.0.4 ->15.0.7 upgrade.

After breaking some extra things I had to delete the content of $DATADIR/data/appdata_$instanceid/css/systemtags, and now icons are back. Don't ask me why

HTH

RobinJespersen · 2019-04-17T11:30:20Z

This same issue happened to me yesterday after a 14.0.4 ->15.0.7 upgrade.

After breaking some extra things I had to delete the content of $DATADIR/data/appdata_$instanceid/css/systemtags, and now icons are back. Don't ask me why

HTH

tested, not working for me :-/

koebln · 2019-04-23T15:40:22Z

Even worse,
I generated a brand new virtual machine based on Ubuntu 18.04 today and made an install of Nextcloud via Snap. So everything is new except the IP-Adress and the Domain-Name.
What happend: Icons not showing/transparent
I really don't understand what causes this mess. I was sure, a Snap-Install would blow away all odd dependencies.

koebln · 2019-04-24T07:24:43Z

After all, the fact that a new installation had the same problem with "missing Icons" showed that the reason is outside of the VM and Nextcloud Software.
I use a reverse proxy based on Nginx to split up the web services. I changed my Site-Konfiguration as written in https://help.nextcloud.com/t/nginx-reverse-proxy-what-to-write-in-nextclouds-config-php/9149/5.

server {
    listen 80;
	server_name cloud.example.com;

	return 301 https://$server_name$request_uri;
}

server {
	listen 443 ssl;
	server_name cloud.example.com;

	access_log /var/log/nginx/cloud.example.com.access.log;
	error_log /var/log/nginx/cloud.example.com.error.log;

	client_max_body_size 0;
	underscores_in_headers on;

	ssl on;
	ssl_certificate /etc/letsencrypt/live/cloud.example.com/fullchain.pem;
	ssl_certificate_key /etc/letsencrypt/live/cloud.example.com/privkey.pem;

	ssl_stapling on;
	ssl_stapling_verify on;

	location / {
		proxy_headers_hash_max_size 512;
		proxy_headers_hash_bucket_size 64;
		proxy_set_header Host $host;
		proxy_set_header X-Forwarded-Proto $scheme;
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

		add_header Front-End-Https on;
		# whatever the IP of your cloud server is
		proxy_pass http://192.168.1.50;
	}
}

I don't know, which aspect made the change, but
It' working now!

sparse91 · 2019-04-30T04:58:08Z

UPD: fix it with sudo -u www-data php occ maintenance:repair
+1

That fixed the problem for me.

skjnldsv · 2019-04-30T07:29:07Z

Yes, the usual steps are:

clear your browser's cache
run an occ maintenance:repair on your server
check browser console log for errors
How to access your browser console (Click to expand)

Chrome
- Press either CTRL + SHIFT + J to open the “console” tab of the Developer Tools.
- Alternative method:
  1. Press either CTRL + SHIFT + I or F12 to open the Developer Tools.
  2. Click the “console” tab.
Safari
- Press CMD + ALT + I to open the Web Inspector.
- See Chrome’s step 2. (Chrome and Safari have pretty much identical dev tools.)
IE9
1. Press F12 to open the developer tools.
2. Click the “console” tab.
Firefox
- Press CTRL + SHIFT + K to open the Web console (COMMAND + SHIFT + K on Macs).
- or, if Firebug is installed (recommended):
  1. Press F12 to open Firebug.
  2. Click on the “console” tab.
Opera
1. Press CTRL + SHIFT + I to open Dragonfly.
2. Click on the “console” tab.
make sure your webserver config is okay and properly serving all css files.

Anyone still having the issue? Or shall we close?

FabianSchurig · 2019-05-05T10:57:52Z

Hey guys, try to change the color in the Theming app. Just change the color to a random value and change it back once its saved. The icon's will be regenerated in the right color and the issue is fixed.

Profit!

@hottwister Thanks that worked for me!

Installed a Nextcloud 15.0.7 Docker container behind a NGINX reverse proxy (https). Initially the Icons for sharing and the contacts menue were missing. After changing the color in theme options everything looks fine now :D

wwp · 2019-05-29T15:31:14Z

Hi there! I ve just installed nextcloud 16.0.1 on a fresh host (OVH mutualized, php 7.3), when accessed and configured the first time using http://, everything around theming and accessibility/dark colors works. Once accessed thru https://, most top-toolbar or action icons are missing, accessibility/dark is useless, theming doesn't apply at login screen and no way to fix it following the workarounds explained above.

SQLSlacker · 2019-06-25T02:22:32Z

I had some leftover code from an owncloud install that i was using, I had to add svg to this snippet in my site code:

    # Optional: set long EXPIRES header on static assets
    location ~* ^/nextcloud(/.+\.(jpg|jpeg|gif|bmp|ico|png|css|js|svg|swf))$ {
        expires 30d;
        access_log off;  # Optional: Don't log access to assets
    }

skjnldsv · 2019-06-25T08:11:15Z

Hello! As this is a configuration issue I will close the issue.
I cannot reproduce the issue and checking the official docs will give you the proper apache/nginx configurations to have :)

abctaylor · 2019-09-07T21:37:33Z

Can confirm, changing theme colours temporarily worked for me.

RobinJespersen · 2019-09-07T22:18:32Z

Can confirm, changing theme colours temporarily worked for me.

same here

mrjive · 2019-09-26T13:20:12Z

Unluckily changing colour and doing maintenance:repair did not solve the issue, as some icons are missing. App icons are correctly displayed.

sonic42 · 2019-09-27T17:41:13Z

my transparent icon problem solves this:
nextcloud/cms_pico#34

the Content-Security-Policy in the web server configuration was the reason.

Header set Content-Security-Policy "default-src 'self';frame-ancestors 'self';style-src 'self' 'unsafe-inline';script-src 'self' 'unsafe-inline' 'unsafe-eval';img-src 'self' data:;font-src 'self' data:"

worked for me.

0x9060 · 2020-04-19T01:13:30Z

I've had the same issue. New Nextcloud server behind Traefik reverse proxy in Docker container. I also had CSP headers enabled.

my transparent icon problem solves this:
nextcloud/cms_pico#34

the Content-Security-Policy in the web server configuration was the reason.

Header set Content-Security-Policy "default-src 'self';frame-ancestors 'self';style-src 'self' 'unsafe-inline';script-src 'self' 'unsafe-inline' 'unsafe-eval';img-src 'self' data:;font-src 'self' data:"

worked for me.

This works for me as well, but I really don't want to configure CSP this way, particularly: Content-Security-Policy "default-src 'self';style-src 'self' 'unsafe-inline';script-src 'self' 'unsafe-inline' 'unsafe-eval'".

style-src 'self' 'unsafe-inline';script-src 'self' 'unsafe-inline' 'unsafe-eval' are insecure and may leave the app vulnerable to XSS. Is there a more strict directive we could use to retain intended functionality?

gymnae · 2021-01-18T09:44:31Z

Its just awful that such issues exist in 2020.

Pretty entitled comment. Can you offer a solution?

btxtiger · 2021-01-18T17:32:50Z

@gymnae Debugging the issue leads to the fact, that the passwords app is using fontawesome, which seems not or not anymore to be part of Nextcloud. However trying to inject the CSS via CDN link didn't help in a short test.

Silbad · 2021-02-03T20:33:17Z

Hello, same problem on 20.0.7...

A css variable pb for me... (the svg is load)
The file : ~/core/0796-ca85-css-variables.css don't have this variable...

stweil · 2021-03-03T19:12:56Z

The problem still exists with Nextcloud 20.0.8. I had an installation with deactivated Theming app. After one of the latest upgrades the icons where again invisible. Activating the Theming app made the icons visible again.

FGIKCM · 2021-03-12T09:19:03Z

Almost same here, on 20.0.8, but I had the theming app activated when the error occurred. Deactivating the theming app makes icons visible again. (I tried before the occ repair, cleaning cache, looking for errors in web console... with no success)

Rpnpif · 2021-05-14T14:50:08Z

Hello. Same issue here for Nextcloud 19 and 20.0.9. Icons missing and theme image not displayed with or without theme application enabled.
I have two Nexcloud installed on OVH servers with the same configuration, l think. One of them works fine and the other has several issues and the mainly is the missing icons.
Nextcloud become unusable for new users.

mrjive · 2021-05-14T15:27:41Z

Hello. Same issue here for Nextcloud 19 and 20.0.9. Icons missing and theme image not displayed with or without theme application enabled.
I have two Nexcloud installed on OVH servers with the same configuration, l think. One of them works fine and the other has several issues and the mainly is the missing icons.
Nextcloud become unusable for new users.

If you're on OVH, as I am, be sure to set PHP as PHPCGI
https://help.nextcloud.com/t/icons-not-loading-showing/37484/10?u=davide
HTH
davide

Rpnpif · 2021-05-14T15:45:29Z

YES ! Thank you very much @mrjive !

Some seconds before reading your post, I have just done the work. What a coincidence ! I am discovering that php-fpm (I think that PHP means PHP-fpm for OVH) from OVH is not compatible with Nextcloud.
I am discovering also that we may have several .ovhconfig to choose phpfpm or not on the same server. So I put another .ovhconfig with phpcgi on the repository of Nexcloud and it is done. I have yet Wordpress with phpfpm on another repository.

Several month of searching are ending ;).

Rpnpif · 2021-05-14T16:22:46Z

I suppose that this issue have a relation with the server cache (OPcache for shared OVH hosting).

frederic-balu · 2021-06-05T08:05:40Z

Same issue. Fixed it on Fedora 33 / Nextcloud 19.0.8 with :

# screen
# cd /usr/share/nextcloud
# sudo -u apache ./occ maintenance:repair

szaimen · 2021-07-07T12:28:12Z

Thank you for taking the time to report a bug! 👍

As this seems to be a setup issue I would like to ask you to raise your question in the forums: https://help.nextcloud.com
If you wish support with setup issues from Nextcloud GmbH we offer this as part of the Nextcloud subscription. Learn more about this at https://nextcloud.com/enterprise/

Lionel-cl · 2021-07-22T11:35:23Z

@szaimen
Sorry to reopen this thread but I'm not sure the problem is with the configuration.
We are running under NC 21.0.2. no problem for months and this week the icons are gone, exactly as described here.

A simple change of theme color allowed the missing icons to reappear, without any other intervention on the configuration. Now the icons are there for all users.

How to better identify this bug to correct it?
What are the consequences of changing the color of the theme on icons?
Thank you

tio-trom · 2021-09-11T23:04:38Z

Same here. Changing colors restored the icons. Version 22.

ffs69 · 2021-10-03T14:54:34Z

Hello,

Just to share my experience with those who are at OVH.

My conclusion: the problem comes from the configuration of their servers located in Gravelines. It worked well with those in Paris but they disappeared. I don't know about the others.

If that hasn't changed, setting phpcgi fixes the display problem, but makes synchronization with third-party applications unusable.

The only solution I found in France, which corresponds to my need for a shared server and my ethics: it is to migrate my hosting to Ouvaton (consumer cooperative 🤝), and there everything works very well! And in addition with a responsive customer service, available and human.

Thank you to all and courage for your installations 😘

PVince81 · 2021-11-18T11:11:11Z

I'm currently investigating a potential concurrency issue with the IconsCacher.

For that, I'd like to know how many of you in this ticket are still have permanently disappeared icons for all users
where the only working fix is changing the theme color or any theme variable back and forth or running: occ config:app:set theming cachebuster --value=$(date +%s)

For those who do, please apply this patch: https://cloud.nextcloud.com/s/r8Eb2rxTTFB4KHA/download
It was built on top of 21.0.4 but will likely apply on top of 22 too.

This is not related to those where a page refresh, OPCache or CSP rules would solve the issue.

PVince81 · 2021-11-18T11:12:19Z

I forgot to say that the patch is only logging information.
Then after busting the cache, if the icons disappear again, check the logs for "IconsCacher" entries and post them here to see if there are interlaced read and writes to "icons-list.template".

Rpnpif · 2021-11-19T10:30:10Z

Yes for me, I still have permanently disappeared icons for all users. (NC 20.0.13) only with php-fpm and all works fine with php-cgi.

edugaedke · 2022-03-07T11:51:22Z

For me the problem was that the assets where being loaded via HTTP, while the server is on HTTPS.
Due to security reasons, the browser disallow loading insecure objects.
It looked very much like the CSP problem reported here by other people, but wasn't.

The solution was to add 'overwriteprotocol' => 'https' on my config.php.

pablolucas890 · 2022-09-05T12:36:56Z

Fixing: When I open the browser console i see this message:
GET http://localhost:3333/dist/icons.css net::ERR_ABORTED 404 (Not Found)

So i'm copy this file on github dir (dist/icons.css)

Its hapened with me when i build nextclouds with make build-js

szaimen · 2022-09-05T12:37:54Z

This will drastically improve with NC25 so stay tuned!

skjnldsv · 2022-09-06T12:07:40Z

Closing then

simon-kaiser · 2023-02-13T11:18:35Z

For me the icons were not loaded because svg could not be displayed/loaded by nginx.
The error was due to the fact that the mime type was missing.

Add this include line to the nginx.conf

include /etc/nginx/mime.types;

And the /etc/nginx/mime.types looks like:

types {
  text/html                             html htm shtml;
  text/css                              css;
  text/xml                              xml rss;
  image/gif                             gif;
  image/jpeg                            jpeg jpg;
  application/x-javascript              js;
  text/plain                            txt;
  text/x-component                      htc;
  text/mathml                           mml;
  image/png                             png;
  image/x-icon                          ico;
  image/x-jng                           jng;
  image/vnd.wap.wbmp                    wbmp;
  image/svg+xml svg svgz;
  application/java-archive              jar war ear;
  application/mac-binhex40              hqx;
  application/pdf                       pdf;
  application/x-cocoa                   cco;
  application/x-java-archive-diff       jardiff;
  application/x-java-jnlp-file          jnlp;
  application/x-makeself                run;
  application/x-perl                    pl pm;
  application/x-pilot                   prc pdb;
  application/x-rar-compressed          rar;
  application/x-redhat-package-manager  rpm;
  application/x-sea                     sea;
  application/x-shockwave-flash         swf;
  application/x-stuffit                 sit;
  application/x-tcl                     tcl tk;
  application/x-x509-ca-cert            der pem crt;
  application/x-xpinstall               xpi;
  application/zip                       zip;
  application/octet-stream              deb;
  application/octet-stream              bin exe dll;
  application/octet-stream              dmg;
  application/octet-stream              eot;
  application/octet-stream              iso img;
  application/octet-stream              msi msp msm;
  audio/mpeg                            mp3;
  audio/x-realaudio                     ra;
  video/mpeg                            mpeg mpg;
  video/quicktime                       mov;
  video/x-flv                           flv;
  video/x-msvideo                       avi;
  video/x-ms-wmv                        wmv;
  video/x-ms-asf                        asx asf;
  video/x-mng                           mng;
}

nextcloud-bot added the bug label Sep 9, 2018

skjnldsv added the 0. Needs triage Pending check for reproducibility or if it fits our roadmap label Jun 12, 2019

skjnldsv closed this as completed Jun 25, 2019

stvogel mentioned this issue Oct 4, 2020

How to remove a title from a playlist owncloud/music#789

Closed

stweil reopened this Mar 3, 2021

szaimen closed this as completed Jul 7, 2021

PVince81 reopened this Nov 18, 2021

PVince81 self-assigned this Nov 18, 2021

PVince81 assigned PVince81 and unassigned PVince81 Jan 17, 2022

skjnldsv closed this as completed Sep 6, 2022

Icons not showing/transparent #11127

Icons not showing/transparent #11127

Comments

ticevi commented Sep 9, 2018

Client configuration

nextcloud-bot commented Sep 9, 2018

ticevi commented Oct 9, 2018

rootbdfy commented Nov 20, 2018

rootbdfy commented Nov 20, 2018

ticevi commented Nov 20, 2018 via email

ironguigui commented Dec 15, 2018

rootbdfy commented Dec 16, 2018

rootbdfy commented Dec 16, 2018

ffs69 commented Jan 2, 2019

hottwister commented Mar 19, 2019

rootbdfy commented Mar 19, 2019

koebln commented Apr 10, 2019

josebatorre commented Apr 17, 2019

RobinJespersen commented Apr 17, 2019

koebln commented Apr 23, 2019

koebln commented Apr 24, 2019 • edited Loading

sparse91 commented Apr 30, 2019

skjnldsv commented Apr 30, 2019

Chrome

Safari

IE9

Firefox

Opera

FabianSchurig commented May 5, 2019 • edited Loading

wwp commented May 29, 2019 • edited Loading

SQLSlacker commented Jun 25, 2019

skjnldsv commented Jun 25, 2019

abctaylor commented Sep 7, 2019 • edited Loading

RobinJespersen commented Sep 7, 2019

mrjive commented Sep 26, 2019

sonic42 commented Sep 27, 2019

0x9060 commented Apr 19, 2020

gymnae commented Jan 18, 2021

btxtiger commented Jan 18, 2021 • edited Loading

Silbad commented Feb 3, 2021 • edited Loading

stweil commented Mar 3, 2021 • edited Loading

FGIKCM commented Mar 12, 2021 • edited Loading

Rpnpif commented May 14, 2021

mrjive commented May 14, 2021

Rpnpif commented May 14, 2021 • edited Loading

Rpnpif commented May 14, 2021

frederic-balu commented Jun 5, 2021 • edited Loading

szaimen commented Jul 7, 2021

Lionel-cl commented Jul 22, 2021 • edited Loading

tio-trom commented Sep 11, 2021

ffs69 commented Oct 3, 2021

PVince81 commented Nov 18, 2021

PVince81 commented Nov 18, 2021

Rpnpif commented Nov 19, 2021

edugaedke commented Mar 7, 2022

pablolucas890 commented Sep 5, 2022

szaimen commented Sep 5, 2022

skjnldsv commented Sep 6, 2022

simon-kaiser commented Feb 13, 2023

koebln commented Apr 24, 2019 •

edited

Loading

FabianSchurig commented May 5, 2019 •

edited

Loading

wwp commented May 29, 2019 •

edited

Loading

abctaylor commented Sep 7, 2019 •

edited

Loading

btxtiger commented Jan 18, 2021 •

edited

Loading

Silbad commented Feb 3, 2021 •

edited

Loading

stweil commented Mar 3, 2021 •

edited

Loading

FGIKCM commented Mar 12, 2021 •

edited

Loading

Rpnpif commented May 14, 2021 •

edited

Loading

frederic-balu commented Jun 5, 2021 •

edited

Loading

Lionel-cl commented Jul 22, 2021 •

edited

Loading