How replace the default file icons for new ones?

ℹ️ Support
1

Is there a way I can replace Nextcloud’s default file icons, for new ones with a different look?
I just don’t feel the default ones look good enough. Kindof look like toy icons a bit, my humble opinion.

I’m assuming Nextcloud reads those icons from graphics files, and if one replaces the default icon file with a new one, it would change sitewide.

Any tips or suggestions greatly appreciated.

2

Based on the following issue ticket, which seems to be related to your request, this seems not to be possible yet.

3

@j-ed Thank you.
I have a feeling your suspicion is correct too. I will wait for a future version before I try this again.

4

So curious to know if there’s been any changes to this since it’s been a long time since the last post on here. I just joined Nextcloud and I really want to customize the icons to use the Phosphor library instead, but I’m having trouble figuring it out. Here’s a link to the Phosphor library.

5

Since this is one of the top Google / Bing results when searching for “nextcloud change file icon”, here is some information for anyone finding this:

This is how Nextcloud detects the file icon based on mimetype: https://github.com/nextcloud/server/blob/34d1d186b092e78b82fde6fe67a7a94f2e43f06d/lib/private/Files/Type/Detection.php#L294

This is where the SVG icons are stored: /var/www/html/core/img/filetypes/

This is how to add custom icons without creating a custom theme:
https://docs.nextcloud.com/server/latest/admin_manual/configuration_mimetypes/index.html

  1. Place your icon in the directory mentioned above. The filename must be the mimetype with any slash replaced by a dash. So application/vnd.ms-outlook becomes application-vnd.ms-outlook (keep the dot, if any).
  2. Refresh JS file: sudo -u www-data php occ maintenance:mimetype:update-js

Great source for SVG icons: https://www.svgrepo.com/

Cheers.