Merge pull request #4313 from nextcloud/backport/4312/stable7

src/components/NcEmptyContent/NcEmptyContent.vue

@@ -46,6 +46,33 @@ export default {
 }
 </script>
 ```
+#### With custom svg
+
+```
+<template>
+	<NcEmptyContent
+		name="No files in here">
+		<template #icon>
+			<NcIconSvgWrapper :svg="folderSvg" />
+		</template>
+	</NcEmptyContent>
+</template>
+
+<script>
+import folderSvg from '@mdi/svg/svg/folder.svg?raw'
+
+export default {
+	components: {
+		Comment,
+	},
+	data() {
+		return {
+			folderSvg,
+		}
+	},
+}
+</script>
+```
 
 You can also customize the title using the `#title` slot
 and add actions.
@@ -191,6 +218,8 @@ export default {
 		:deep(svg) {
 			width: 64px;
 			height: 64px;
+			max-width: 64px;
+			max-height: 64px;
 		}
 	}
 

src/components/NcIconSvgWrapper/NcIconSvgWrapper.vue

@@ -139,8 +139,8 @@ export default {
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	width: 44px;
-	height: 44px;
+	min-width: 44px;
+	min-height: 44px;
 	opacity: 1;
 
 	&:deep(svg) {