[Bug]: In notifications, SVG icons are not compatible with many webmail clients, especially GMail

⚠️ This issue respects the following points: ⚠️

• This is a bug, not a question or a configuration/webserver/proxy issue.
• This issue is not already reported on Github OR Nextcloud Community Forum (I've searched it).
• Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
• I agree to follow Nextcloud's Code of Conduct.

Bug description

In notifications, SVG icons are not compatible with many webmail clients, especially GMail...

It looks like broken link, while the link is correct but pointing to a svg file:

• shared folders notifications feature a broken image "/core/img/actions/share.svg"
• changes notifications feature a broken image "/apps/files/img/change.svg"

Steps to reproduce

Under Chrome browser, Open a change or shared folder notification in GMail webmail...
The svg icons "/apps/files/img/change.svg" and "/core/img/actions/share.svg" will not show up properly.

Expected behavior

The icons should be in png format, like other notifications like "/apps/files/img/change.png"

Nextcloud Server version

30

Operating system

Debian/Ubuntu

PHP engine version

PHP 8.1

Web server

Apache (supported)

Database engine version

MariaDB

Is this bug present after an update or on a fresh install?

Fresh Nextcloud Server install

Are you using the Nextcloud Server Encryption module?

None

What user-backends are you using?

• Default user-backend (database)
• LDAP/ Active Directory
• SSO - SAML
• Other

Configuration report

{
"system": {
"config_is_read_only": true,
"default_phone_region": "FR",
"passwordsalt": "REMOVED SENSITIVE VALUE",
"secret": "REMOVED SENSITIVE VALUE",
"trusted_domains": [
"localhost",
"192.168.0.41",
REMOVED SENSITIVE VALUE
],
"datadirectory": "REMOVED SENSITIVE VALUE",
"dbtype": "mysql",
"version": "30.0.0.14",
"overwrite.cli.url": "REMOVED SENSITIVE VALUE",
"dbname": "REMOVED SENSITIVE VALUE",
"dbhost": "REMOVED SENSITIVE VALUE",
"dbport": "",
"dbtableprefix": "oc_",
"mysql.utf8mb4": true,
"dbuser": "REMOVED SENSITIVE VALUE",
"dbpassword": "REMOVED SENSITIVE VALUE",
"installed": true,
"instanceid": "REMOVED SENSITIVE VALUE",
"filelocking.enabled": true,
"memcache.local": "\OC\Memcache\Redis",
"memcache.locking": "\OC\Memcache\Redis",
"redis": {
"host": "REMOVED SENSITIVE VALUE",
"port": 0,
"timeout": 0
},
"tempdirectory": "/media/hd3/data/tmp",
"preview_max_x": "2048",
"preview_max_y": "2048",
"preview_max_memory": "4096",
"preview_max_filesize_image": "256",
"jpeg_quality": "60",
"forcessl": true,
"overwriteprotocol": "https",
"auth.bruteforce.protection.enabled": false,
"csrf.optout": [
"/^WebDAVFS/",
"/^Microsoft-WebDAV-MiniRedir/"
],
"maintenance": false,
"theme": "",
"mail_sendmailmode": "smtp",
"mail_smtpsecure": "ssl",
"mail_smtphost": "REMOVED SENSITIVE VALUE",
"mail_smtpport": "465",
"mail_smtpmode": "smtp",
"mail_smtpauthtype": "LOGIN",
"mail_from_address": "REMOVED SENSITIVE VALUE",
"mail_domain": "REMOVED SENSITIVE VALUE",
"updater.release.channel": "stable",
"trusted_proxies": "REMOVED SENSITIVE VALUE",
"debug": false,
"logfile": "/media/hd3/data/nextcloud.log",
"loglevel": 2,
"data-fingerprint": "396f49904c922a82d5e2d5b5596dae8f",
"maintenance_window_start": 1,
"app_install_overwrite": [
"nextcloudpi",
"previewgenerator"
]
}
}

List of activated Apps

Enabled:

• activity: 3.0.0
• audioplayer: 3.4.1
• bruteforcesettings: 3.0.0
• calendar: 5.0.0
• circles: 30.0.0-dev
• cloud_federation_api: 1.13.0
• comments: 1.20.1
• contacts: 6.1.0
• contactsinteraction: 1.11.0
• dashboard: 7.10.0
• dav: 1.31.1
• federatedfilesharing: 1.20.0
• files: 2.2.0
• files_downloadlimit: 3.0.0
• files_pdfviewer: 3.0.0
• files_reminders: 1.3.0
• files_sharing: 1.22.0
• files_trashbin: 1.20.1
• files_versions: 1.23.0
• logreader: 3.0.0
• lookup_server_connector: 1.18.0
• metadata: 0.21.0
• notes: 4.11.0
• notifications: 3.0.0
• notify_push: 0.7.0
• oauth2: 1.18.1
• password_policy: 2.0.0
• previewgenerator: 99.99.99
• privacy: 2.0.0
• provisioning_api: 1.20.0
• recommendations: 3.0.0
• related_resources: 1.5.0
• serverinfo: 2.0.0
• settings: 1.13.0
• sharebymail: 1.20.0
• support: 2.0.0
• systemtags: 1.20.0
• tasks: 0.16.1
• text: 4.1.0
• theming: 2.5.0
• twofactor_backupcodes: 1.19.0
• viewer: 3.0.0
• webhook_listeners: 1.1.0-dev
• workflowengine: 2.12.0
  Disabled:
• admin_audit: 1.20.0
• encryption: 2.18.0
• federation: 1.20.0 (installed 1.10.1)
• files_external: 1.22.0 (installed 1.17.0)
• firstrunwizard: 3.0.0 (installed 2.9.0)
• maps: 1.4.0 (installed 1.4.0)
• nextcloud_announcements: 2.0.0 (installed 1.9.0)
• nextcloudpi: 0.0.2 (installed 0.0.2)
• photos: 3.0.2 (installed 1.2.1)
• survey_client: 2.0.0 (installed 1.17.0)
• suspicious_login: 8.0.0
• twofactor_nextcloud_notification: 4.0.0
• twofactor_totp: 12.0.0-dev
• updatenotification: 1.20.0 (installed 1.11.0)
• user_ldap: 1.21.0
• user_status: 1.10.0 (installed 1.9.0)
• weather_status: 1.10.0 (installed 1.4.0)

Nextcloud Signing status

No errors have been found.

Nextcloud Logs

Field can not be longer than 65536 characters

{"reqId":"Zwze1Ua5rkt-x9NihYhgaAAAAAk","level":3,"time":"2024-10-14T09:05:25+00:00","remoteAddr":"82.64.157.36","user":"agnes","app":"webdav","method":"PUT","url":"/remote.php/dav/files/agnes/Photos/Videos/%0A%20%20%20%20Trousse%20d%E2%80%99%C3%A9cole%20velours%20personnalis%C3%A9e%0A.txt","message":"Le nom du fichier contient au moins un caract\u00e8re invalide","userAgent":"Mozilla/5.0 (Android) Nextcloud-android/3.29.2","version":"30.0.0.14","exception":{"Exception":"OCA\DAV\Connector\Sabre\Exception\InvalidPath","Message":"Le nom du fichier contient au moins un caract\u00e8re invalide","Code":0,"Trace":[{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/Server.php","line":1098,"function":"createFile","class":"OCA\DAV\Connector\Sabre\Directory","type":"->","args":["*** sensitive parameters replaced "]},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/CorePlugin.php","line":504,"function":"createFile","class":"Sabre\DAV\Server","type":"->","args":[" sensitive parameters replaced "]},{"file":"/var/www/nextcloud/3rdparty/sabre/event/lib/WildcardEmitterTrait.php","line":89,"function":"httpPut","class":"Sabre\DAV\CorePlugin","type":"->"},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/Server.php","line":472,"function":"emit","class":"Sabre\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/Server.php","line":253,"function":"invokeMethod","class":"Sabre\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/apps/dav/lib/Server.php","line":370,"function":"start","class":"Sabre\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/apps/dav/appinfo/v2/remote.php","line":19,"function":"exec","class":"OCA\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/remote.php","line":146,"args":["/var/www/nextcloud/apps/dav/appinfo/v2/remote.php"],"function":"require_once"}],"File":"/var/www/nextcloud/apps/dav/lib/Connector/Sabre/Directory.php","Line":118,"Previous":{"Exception":"OCP\Files\InvalidPathException","Message":"Le nom du fichier contient au moins un caract\u00e8re invalide","Code":0,"Trace":[{"file":"/var/www/nextcloud/apps/dav/lib/Connector/Sabre/Directory.php","line":93,"function":"verifyPath","class":"OC\Files\View","type":"->"},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/Server.php","line":1098,"function":"createFile","class":"OCA\DAV\Connector\Sabre\Directory","type":"->","args":[" sensitive parameters replaced "]},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/CorePlugin.php","line":504,"function":"createFile","class":"Sabre\DAV\Server","type":"->","args":[" sensitive parameters replaced "]},{"file":"/var/www/nextcloud/3rdparty/sabre/event/lib/WildcardEmitterTrait.php","line":89,"function":"httpPut","class":"Sabre\DAV\CorePlugin","type":"->"},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/Server.php","line":472,"function":"emit","class":"Sabre\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/Server.php","line":253,"function":"invokeMethod","class":"Sabre\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/apps/dav/lib/Server.php","line":370,"function":"start","class":"Sabre\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/apps/dav/appinfo/v2/remote.php","line":19,"function":"exec","class":"OCA\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/remote.php","line":146,"args":["/var/www/nextcloud/apps/dav/appinfo/v2/remote.php"],"function":"require_once"}],"File":"/var/www/nextcloud/lib/private/Files/View.php","Line":1869},"message":"Le nom du fichier contient au moins un caract\u00e8re invalide","exception":{},"CustomMessage":"Le nom du fichier contient au moins un caract\u00e8re invalide"}}
{"reqId":"Zwze1SzwqNcx5LuDSPSgRwAAAAU","level":3,"time":"2024-10-14T09:05:26+00:00","remoteAddr":"82.64.157.36","user":"agnes","app":"webdav","method":"PUT","url":"/remote.php/dav/files/agnes/Photos/Videos/%0A%20%20%20%20Trousse%20%C3%A0%20crayons_%20cadeau%20de%20professeur_%20fournitures%20scolaires_%20pochette%20de%20maquillage_%20cadeau%20de%20bricolage_%20patron%20de%20cou.txt","message":"Le nom du fichier contient au moins un caract\u00e8re invalide","userAgent":"Mozilla/5.0 (Android) Nextcloud-android/3.29.2","version":"30.0.0.14","exception":{"Exception":"OCA\DAV\Connector\Sabre\Exception\InvalidPath","Message":"Le nom du fichier contient au moins un caract\u00e8re invalide","Code":0,"Trace":[{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/Server.php","line":1098,"function":"createFile","class":"OCA\DAV\Connector\Sabre\Directory","type":"->","args":[" sensitive parameters replaced "]},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/CorePlugin.php","line":504,"function":"createFile","class":"Sabre\DAV\Server","type":"->","args":[" sensitive parameters replaced "]},{"file":"/var/www/nextcloud/3rdparty/sabre/event/lib/WildcardEmitterTrait.php","line":89,"function":"httpPut","class":"Sabre\DAV\CorePlugin","type":"->"},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/Server.php","line":472,"function":"emit","class":"Sabre\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/Server.php","line":253,"function":"invokeMethod","class":"Sabre\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/apps/dav/lib/Server.php","line":370,"function":"start","class":"Sabre\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/apps/dav/appinfo/v2/remote.php","line":19,"function":"exec","class":"OCA\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/remote.php","line":146,"args":["/var/www/nextcloud/apps/dav/appinfo/v2/remote.php"],"function":"require_once"}],"File":"/var/www/nextcloud/apps/dav/lib/Connector/Sabre/Directory.php","Line":118,"Previous":{"Exception":"OCP\Files\InvalidPathException","Message":"Le nom du fichier contient au moins un caract\u00e8re invalide","Code":0,"Trace":[{"file":"/var/www/nextcloud/apps/dav/lib/Connector/Sabre/Directory.php","line":93,"function":"verifyPath","class":"OC\Files\View","type":"->"},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/Server.php","line":1098,"function":"createFile","class":"OCA\DAV\Connector\Sabre\Directory","type":"->","args":[" sensitive parameters replaced "]},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/CorePlugin.php","line":504,"function":"createFile","class":"Sabre\DAV\Server","type":"->","args":[" sensitive parameters replaced ***"]},{"file":"/var/www/nextcloud/3rdparty/sabre/event/lib/WildcardEmitterTrait.php","line":89,"function":"httpPut","class":"Sabre\DAV\CorePlugin","type":"->"},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/Server.php","line":472,"function":"emit","class":"Sabre\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/3rdparty/sabre/dav/lib/DAV/Server.php","line":253,"function":"invokeMethod","class":"Sabre\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/apps/dav/lib/Server.php","line":370,"function":"start","class":"Sabre\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/apps/dav/appinfo/v2/remote.php","line":19,"function":"exec","class":"OCA\DAV\Server","type":"->"},{"file":"/var/www/nextcloud/remote.php","line":146,"args":["/var/www/nextcloud/apps/dav/appinfo/v2/remote.php"],"function":"require_once"}],"File":"/var/www/nextcloud/lib/private/Files/View.php","Line":1869},"message":"Le nom du fichier contient au moins un caract\u00e8re invalide","exception":{},"CustomMessage":"Le nom du fichier contient au moins un caract\u00e8re invalide"}}

Additional info

Trace the notification email generation and the two referenced assets: apps/files/img/change.svg and core/img/actions/share.svg; compare them with the existing apps/files/img/change.png reference. Done means shared-folder and change notifications use PNG icons that render correctly in Gmail and other affected webmail clients.