diff --git a/news/133.feature b/news/133.feature
new file mode 100644
index 0000000..5145a30
--- /dev/null
+++ b/news/133.feature
@@ -0,0 +1 @@
+- feature: "scale" SVGs by setting the correct height and width for the given scale in its metadata.
\ No newline at end of file
diff --git a/plone/namedfile/scaling.py b/plone/namedfile/scaling.py
index f79fc6a..bf3e108 100644
--- a/plone/namedfile/scaling.py
+++ b/plone/namedfile/scaling.py
@@ -2,7 +2,6 @@
 from Acquisition import aq_base
 from DateTime import DateTime
 from io import BytesIO
-from plone.base.utils import safe_bytes
 from plone.memoize import ram
 from plone.namedfile.browser import ALLOWED_INLINE_MIMETYPES
 from plone.namedfile.browser import DISALLOWED_INLINE_MIMETYPES
@@ -20,6 +19,7 @@
 from plone.rfc822.interfaces import IPrimaryFieldInfo
 from plone.scale.interfaces import IImageScaleFactory
 from plone.scale.interfaces import IScaledImageQuality
+from plone.scale.scale import scale_svg_image
 from plone.scale.scale import scaleImage
 from plone.scale.storage import IImageScaleStorage
 from Products.CMFCore.utils import getToolByName
@@ -58,7 +58,7 @@ def _image_tag_from_values(*values):
     for k, v in values:
         if v is None:
             continue
-        if isinstance(v, int):
+        if isinstance(v, (int, float)):
             v = str(v)
         elif isinstance(v, bytes):
             v = str(v, "utf8")
@@ -327,14 +327,12 @@ def create_scale(self, data, mode, height, width, **parameters):
     def handle_image(self, orig_value, orig_data, mode, height, width, **parameters):
         """Return a scaled image, its mimetype format, and width and height."""
         if getattr(orig_value, "contentType", "") == "image/svg+xml":
-            # No need to scale, we can simply use the original data,
-            # but report a different width and height.
-            if isinstance(orig_data, (str)):
-                orig_data = safe_bytes(orig_data)
-            if isinstance(orig_data, (bytes)):
+            if isinstance(orig_data, bytes):
                 orig_data = BytesIO(orig_data)
-            result = orig_data.read(), "svg+xml", (width, height)
-            return result
+            if isinstance(orig_data, str):
+                orig_data = BytesIO(orig_data.encode("utf-8"))
+            scaled_data, size = scale_svg_image(orig_data, width, height, mode)
+            return scaled_data, "svg+xml", size
         try:
             result = self.create_scale(
                 orig_data, mode=mode, height=height, width=width, **parameters
diff --git a/plone/namedfile/test.pt b/plone/namedfile/test.pt
index 5568f1d..51c4b8c 100644
--- a/plone/namedfile/test.pt
+++ b/plone/namedfile/test.pt
@@ -42,6 +42,10 @@
              i18n:name=""
              i18n:translate=""
           >picture tags</a>,
+          <a href="#srcset"
+             i18n="name"
+             i18n:translate=""
+          >img tag with srcset</a>,
           <a href="#stored"
              i18n:name=""
              i18n:translate=""
@@ -198,6 +202,26 @@
           </p>
         </section>
 
+        <section class="section"
+                 id="srcset"
+        >
+          <h2 i18n:translate="">img with srcset attributes</h2>
+          <p i18n:translate="">
+      srcset allows the browser to select the correct image, depending on the space the image has on a page.
+          </p>
+          <p i18n:translate="msg_images_test_srcset">
+      To do so, the @@images view provides a srcset method, that will output the full srcset of this image, using all available image scales. It has as required parameter the value of the sizes attribute that the user of this method has to provide and will be output as is in the generated HTML.
+          </p>
+          <p>
+            <img tal:replace="structure python:images.srcset('image', sizes='(min-width: 1400px) 550px, 90vw')" />
+          </p>
+          <p>
+            <code>
+              <img tal:replace="python:images.srcset('image', sizes='(min-width: 1400px) 550px, 90vw')" />
+            </code>
+          </p>
+        </section>
+
         <section class="section"
                  id="stored"
         >
diff --git a/plone/namedfile/tests/test_scaling_functional.py b/plone/namedfile/tests/test_scaling_functional.py
index bf8f1fd..f20175f 100644
--- a/plone/namedfile/tests/test_scaling_functional.py
+++ b/plone/namedfile/tests/test_scaling_functional.py
@@ -214,7 +214,11 @@ def testSVGPublishThumbViaName(self):
             self.layer["app"].absolute_url() + "/svg/@@images/image/thumb"
         )
         self.assertEqual("image/svg+xml", self.browser.headers["content-type"])
-        self.assertEqual(self.browser.contents, data)
+        self.assertIn(b'width="128" height="32"', self.browser.contents)
+        self.assertEqual(self.browser.contents[:20], data[:20].replace(b'"', b"'"))
+        self.assertEqual(
+            self.browser.contents[-50:], data.replace(b"\r", b"").strip()[-50:]
+        )
 
     def testImagesViewWithNoSubpath(self):
         transaction.commit()
diff --git a/plone/namedfile/utils.rst b/plone/namedfile/utils.rst
index c5833ca..8c4c26c 100644
--- a/plone/namedfile/utils.rst
+++ b/plone/namedfile/utils.rst
@@ -13,7 +13,7 @@ Used in the widget itself to strip off any path, regardless of platform::
     >>> safe_basename('/farmyard/cows/daisy')
     'daisy'
 
-    >>> safe_basename('F:\FARMYARD\COWS\DAISY.TXT')
+    >>> safe_basename(r'F:\FARMYARD\COWS\DAISY.TXT')
     'DAISY.TXT'
 
     >>> safe_basename('Macintosh Farmyard:Cows:Daisy Text File')