diff --git a/css/gallerybutton.css b/css/gallerybutton.css
index 06963b608..8420a5c45 100644
--- a/css/gallerybutton.css
+++ b/css/gallerybutton.css
@@ -9,18 +9,15 @@
 	padding: 6px 11px;
 }
 
-#controls .button.view-switcher img{
-	opacity: .3;
-}
-
 #controls .button.view-switcher.gallery {
 	float: none;
 	margin-right: 4px;
 	padding: 7px 11px;
 }
 
-#controls .button.view-switcher.gallery img{
-	opacity: .5;
+/* TODO: move to core */
+.icon-toggle-pictures {
+	background-image: url('../../../core/img/actions/toggle-pictures.svg?v=1');
 }
 
 #controls .button.sorting {
diff --git a/js/gallerybutton.js b/js/gallerybutton.js
index 8b9ddbe87..b795c0b79 100644
--- a/js/gallerybutton.js
+++ b/js/gallerybutton.js
@@ -72,9 +72,7 @@ $(document).ready(function () {
 			GalleryButton.button =
 				$('<div id="gallery-button" class="button view-switcher">' +
 						'<div id="button-loading"></div>' +
-					'<img class="svg" src="' + OC.imagePath('core', 'actions/toggle-pictures.svg') +
-					'"' +
-					'alt="' + t('gallery', 'Gallery view') + '"/>' +
+					'<span class="icon-toggle-pictures"></span>' +
 					'</div>');
 
 			GalleryButton.button.click(function () {