Icons

List of available icons

White icons only have a grey background on this documentation page for readability purposes.

../_images/add.png

icon-add

../_images/add-white.png

icon-add-white

../_images/address.png

icon-address

../_images/address-white.png

icon-address-white

../_images/audio.png

icon-audio

../_images/audio-white.png

icon-audio-white

../_images/audio-off.png

icon-audio-off

../_images/audio-off-white.png

icon-audio-off-white

../_images/caret-white.png

icon-caret-white

../_images/caret.png

icon-caret-dark

../_images/checkmark.png

icon-checkmark

../_images/checkmark-white.png

icon-checkmark-white

../_images/checkmark.png

icon-checkmark-color

../_images/clippy.png

icon-clippy

../_images/clippy-white.png

icon-clippy-white

../_images/close.png

icon-close

../_images/close-white.png

icon-close-white

../_images/comment.png

icon-comment

../_images/comment-white.png

icon-comment-white

../_images/confirm.png

icon-confirm

../_images/confirm-white.png

icon-confirm-white

../_images/download.png

icon-download

../_images/download-white.png

icon-download-white

../_images/confirm-fade.png

icon-confirm-fade

../_images/delete.png

icon-delete

../_images/delete-white.png

icon-delete-white

../_images/details.png

icon-details

../_images/details-white.png

icon-details-white

../_images/edit.png

icon-edit

../_images/edit-white.png

icon-edit-white

../_images/error.png

icon-error

../_images/error-white.png

icon-error-white

../_images/error.png

icon-error-color

../_images/external.png

icon-external

../_images/external-white.png

icon-external-white

../_images/fullscreen.png

icon-fullscreen

../_images/fullscreen-white.png

icon-fullscreen-white

../_images/history.png

icon-history

../_images/history-white.png

icon-history-white

../_images/info.png

icon-info

../_images/info-white.png

icon-info-white

../_images/logout.png

icon-logout

../_images/logout-white.png

icon-logout-white

../_images/mail.png

icon-mail

../_images/mail-white.png

icon-mail-white

../_images/menu.png

icon-menu

../_images/menu-white.png

icon-menu-white

../_images/menu-sidebar.png

icon-menu-sidebar

../_images/menu-sidebar-white.png

icon-menu-sidebar-white

../_images/more.png

icon-more

../_images/more-white.png

icon-more-white

../_images/password.png

icon-password

../_images/password-white.png

icon-password-white

../_images/pause.png

icon-pause

../_images/pause-white.png

icon-pause-white

../_images/play.png

icon-play

../_images/play-white.png

icon-play-white

../_images/play-add.png

icon-play-add

../_images/play-add-white.png

icon-play-add-white

../_images/play-next.png

icon-play-next

../_images/play-next-white.png

icon-play-next-white

../_images/play-previous.png

icon-play-previous

../_images/play-previous-white.png

icon-play-previous-white

../_images/projects.png

icon-projects

../_images/projects-white.png

icon-projects-white

../_images/public.png

icon-public

../_images/public-white.png

icon-public-white

../_images/quota.png

icon-quota

../_images/quota-white.png

icon-quota-white

../_images/rename.png

icon-rename

../_images/rename-white.png

icon-rename-white

../_images/screen.png

icon-screen

../_images/screen-white.png

icon-screen-white

../_images/template-add.png

icon-template-add

../_images/template-add-white.png

icon-template-add-white

../_images/screen-off.png

icon-screen-off

../_images/screen-off-white.png

icon-screen-off-white

../_images/search.png

icon-search

../_images/search-white.png

icon-search-white

../_images/settings.png

icon-settings

../_images/settings-dark.png

icon-settings-dark

../_images/settings-dark-white.png

icon-settings-white

../_images/share.png

icon-shared

../_images/share-white.png

icon-shared-white

../_images/sound.png

icon-sound

../_images/sound-white.png

icon-sound-white

../_images/sound-off.png

icon-sound-off

../_images/sound-off-white.png

icon-sound-off-white

../_images/star-dark.png

icon-favorite

../_images/star-dark.png

icon-star

../_images/star-white.png

icon-star-white

../_images/star.png

icon-star-dark

../_images/star.png

icon-starred

../_images/tag.png

icon-tag

../_images/tag-white.png

icon-tag-white

../_images/timezone.png

icon-timezone

../_images/timezone-white.png

icon-timezone-white

../_images/toggle.png

icon-toggle

../_images/toggle-white.png

icon-toggle-white

../_images/toggle-background.png

icon-toggle-background

../_images/toggle-background-white.png

icon-toggle-background-white

../_images/toggle-pictures.png

icon-toggle-pictures

../_images/toggle-pictures-white.png

icon-toggle-pictures-white

../_images/toggle-filelist.png

icon-toggle-filelist

../_images/toggle-filelist-white.png

icon-toggle-filelist-white

../_images/triangle-e.png

icon-triangle-e

../_images/triangle-e-white.png

icon-triangle-e-white

../_images/triangle-n.png

icon-triangle-n

../_images/triangle-n-white.png

icon-triangle-n-white

../_images/triangle-s.png

icon-triangle-s

../_images/triangle-s-white.png

icon-triangle-s-white

../_images/upload.png

icon-upload

../_images/upload-white.png

icon-upload-white

../_images/user.png

icon-user

../_images/user-white.png

icon-user-white

../_images/group.png

icon-group

../_images/group-white.png

icon-group-white

../_images/filter.png

icon-filter

../_images/filter-white.png

icon-filter-white

../_images/video.png

icon-video

../_images/video-white.png

icon-video-white

../_images/video-off.png

icon-video-off

../_images/video-off-white.png

icon-video-off-white

../_images/video-switch.png

icon-video-switch

../_images/video-switch-white.png

icon-video-switch-white

../_images/view-close.png

icon-view-close

../_images/view-download.png

icon-view-download

../_images/view-pause.png

icon-view-pause

../_images/view-play.png

icon-view-play

../_images/arrow-right.png

icon-view-next

../_images/arrow-left.png

icon-view-previous

../_images/disabled-user.png

icon-disabled-user

../_images/disabled-user-white.png

icon-disabled-user-white

../_images/disabled-users.png

icon-disabled-users

../_images/disabled-users-white.png

icon-disabled-users-white

../_images/user-admin.png

icon-user-admin

../_images/user-admin-white.png

icon-user-admin-white

../_images/alert-outline.png

icon-alert-outline

../_images/alert-outline-white.png

icon-alert-outline-white

../_images/calendar.png

icon-calendar

../_images/calendar.png

icon-calendar-dark

../_images/contacts.png

icon-contacts

../_images/contacts.png

icon-contacts-dark

../_images/files.png

icon-files

../_images/files.png

icon-files-dark

../_images/text.png

icon-file

../_images/file.png

icon-filetype-file

../_images/folder.png

icon-folder

../_images/folder-white.png

icon-folder-white

../_images/folder.png

icon-filetype-folder

../_images/folder-drag-accept.png

icon-filetype-folder-drag-accept

../_images/home.png

icon-home

../_images/home-white.png

icon-home-white

../_images/link.png

icon-link

../_images/link-white.png

icon-link-white

../_images/music.png

icon-music

../_images/music-white.png

icon-music-white

../_images/picture.png

icon-picture

../_images/picture-white.png

icon-picture-white

../_images/desktop.png

icon-desktop

../_images/desktop-white.png

icon-desktop-white

../_images/phone.png

icon-phone

../_images/phone-white.png

icon-phone-white

../_images/tablet.png

icon-tablet

../_images/tablet-white.png

icon-tablet-white

../_images/user.png

icon-category-installed

../_images/checkmark.png

icon-category-enabled

../_images/close.png

icon-category-disabled

../_images/bundles.png

icon-category-app-bundles

../_images/download.png

icon-category-updates

../_images/files1.png

icon-category-files

../_images/social.png

icon-category-social

../_images/office.png

icon-category-office

../_images/auth.png

icon-category-auth

../_images/monitoring.png

icon-category-monitoring

../_images/multimedia.png

icon-category-multimedia

../_images/organization.png

icon-category-organization

../_images/customization.png

icon-category-customization

../_images/integration.png

icon-category-integration

../_images/settings-dark.png

icon-category-tools

../_images/games.png

icon-category-games

../_images/password.png

icon-category-security

../_images/search.png

icon-category-search

../_images/workflow.png

icon-category-workflow

../_images/dashboard.png

icon-category-dashboard

Svg color api

More informations about scss and this api: scss mixins and functions

You can request and color any svg icons used in nextcloud with this api. The server will directly change the colours of the circle, rect and path elements in the svg you provide. Simply use those urls:

  • https://yourdomain/svg/core/actions/menu?color=ffffff Will serve the svg located in the core/img directory as a white icon /core/img/actions/menu.svg

  • https://yourdomain/svg/core/places/calendar?color=0082c9 Will serve the svg located in the core/img directory with the color #0082c9 /core/img/places/calendar.svg

  • https://yourdomain/svg/files/app?color=000000 Will serve the svg located in the files app img directory ad a black icon /app/files/img/app.svg