diff --git a/docs/source/docs/svg.blade.md b/docs/source/docs/svg.blade.md
index 445312e43..6a009f5c2 100644
--- a/docs/source/docs/svg.blade.md
+++ b/docs/source/docs/svg.blade.md
@@ -38,7 +38,7 @@ Use `.stroke-current` to set the stroke color of an SVG to the current text colo
 Useful for styling icon sets like [Feather](https://feathericons.com/) that are drawn entirely with strokes.
 
 @component('_partials.code-sample', ['class' => 'text-center'])
-<svg class="stroke-current text-purple inline-block h-12 w-12" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<svg class="stroke-current text-purple inline-block h-12 w-12" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
     <circle cx="8" cy="21" r="2"></circle>
     <circle cx="20" cy="21" r="2"></circle>
     <path d="M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1"></path>