minor change

README.md

@@ -4,7 +4,6 @@
 [![GitHub Tests Action Status](https://img.shields.io/github/actions/workflow/status/sowrensen/svg-avatar-generator/run-tests.yml?branch=main&label=Tests)](https://github.com/sowrensen/svg-avatar-generator/actions?query=workflow%3ATests+branch%3Amain)
 [![Total Downloads](https://img.shields.io/packagist/dt/sowrensen/svg-avatar-generator.svg)](https://packagist.org/packages/sowrensen/svg-avatar-generator)
 
-
 Generating SVG avatars on the fly is nothing new. There are a lot of free/paid services and packages to do that. So why
 another package for same task?
 
@@ -101,6 +100,10 @@ You can define the second initial using studly case. For example,
 | Johndoe         |        JO        |
 | JohndoE         |        JE        |
 
+## Sample Output
+
+
+
 ## Testing
 
 Run following command to execute test cases:

src/Svg.php

@@ -2,18 +2,20 @@
 
 namespace Sowren\SvgAvatarGenerator;
 
+use Str;
 use Sowren\SvgAvatarGenerator\Enums\Shape;
 
 class Svg
 {
     /**
-     * Fill class name used in SVG elements.
+     * Gradient element ID
      */
-    private string $fillClassName = 'svg-fill-gradient';
+    private string $gradientId;
 
     public function __construct(
         public SvgAvatarGenerator $generator
     ) {
+        $this->gradientId = Str::random(32);
     }
 
     public function __toString(): string
@@ -35,7 +37,7 @@ protected function svgElement(): string
                     xmlns:xlink="http://www.w3.org/1999/xlink"
                 >
                     <defs>
-                        <linearGradient id="{$this->fillClassName}" gradientTransform="rotate({$this->generator->getGradientRotation()})">
+                        <linearGradient id="{$this->gradientId}" gradientTransform="rotate({$this->generator->getGradientRotation()})">
                             <stop offset="0%" stop-color="{$this->generator->getGradientColors()[0]}"/>
                             <stop offset="100%" stop-color="{$this->generator->getGradientColors()[1]}"/>
                         </linearGradient>
@@ -78,14 +80,14 @@ protected function getElement(Shape $shape): string
      */
     protected function circleElement(): string
     {
-        return "<circle cx='50' cy='50' r='50' fill='url(#{$this->fillClassName})'></circle>";
+        return "<circle cx='50' cy='50' r='50' fill='url(#{$this->gradientId})'></circle>";
     }
 
     /**
      * The rectangle element of SVG markup.
      */
     protected function rectangleElement(): string
     {
-        return "<rect width='100%' height='100%' fill='url(#{$this->fillClassName})'/>";
+        return "<rect width='100%' height='100%' fill='url(#{$this->gradientId})'/>";
     }
 }