City-Lifeline-Cockpit/dynamic-component-service-master/public/preview/modelParticleGeneratorComponent.svg

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360" role="img" aria-label="Model particle generator preview">
  <defs>
    <radialGradient id="mpgBg" cx="50%" cy="55%" r="75%">
      <stop offset="0" stop-color="#0a1726"/>
      <stop offset="0.6" stop-color="#050b15"/>
      <stop offset="1" stop-color="#01030a"/>
    </radialGradient>
    <linearGradient id="mpgShirt" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#5a7adf"/>
      <stop offset="1" stop-color="#1a2963"/>
    </linearGradient>
    <linearGradient id="mpgFire" x1="0" y1="0.5" x2="1" y2="0.2">
      <stop offset="0" stop-color="#ffe08a" stop-opacity="0.95"/>
      <stop offset="0.5" stop-color="#ff4d10" stop-opacity="0.75"/>
      <stop offset="1" stop-color="#4a0d00" stop-opacity="0"/>
    </linearGradient>
    <filter id="mpgGlow" x="-30%" y="-30%" width="160%" height="160%">
      <feGaussianBlur stdDeviation="3"/>
    </filter>
  </defs>
  <rect width="640" height="360" fill="url(#mpgBg)"/>
  <g filter="url(#mpgGlow)" opacity="0.9">
    <path d="M210 120 Q330 60 560 90 Q500 180 600 200 Q440 230 560 280 Q370 270 260 260 Z" fill="url(#mpgFire)"/>
  </g>
  <g opacity="0.9">
    <path d="M200 120 L230 100 L260 120 L260 260 L200 260 Z" fill="url(#mpgShirt)"/>
    <path d="M200 120 L180 160 L210 175 L210 140 Z" fill="url(#mpgShirt)" opacity="0.85"/>
    <path d="M260 120 L280 160 L252 175 L252 140 Z" fill="url(#mpgShirt)" opacity="0.85"/>
  </g>
  <g fill="#ffe08a" opacity="0.95">
    <circle cx="260" cy="130" r="1.8"/>
    <circle cx="280" cy="125" r="1.6"/>
    <circle cx="300" cy="135" r="2.1"/>
    <circle cx="320" cy="120" r="1.7"/>
    <circle cx="340" cy="140" r="1.9"/>
    <circle cx="370" cy="115" r="1.5"/>
    <circle cx="400" cy="135" r="1.8"/>
    <circle cx="430" cy="125" r="1.6"/>
    <circle cx="470" cy="140" r="1.9"/>
    <circle cx="500" cy="130" r="1.5"/>
    <circle cx="270" cy="170" r="1.8"/>
    <circle cx="310" cy="175" r="1.6"/>
    <circle cx="350" cy="180" r="2"/>
    <circle cx="400" cy="185" r="1.7"/>
    <circle cx="440" cy="180" r="1.8"/>
    <circle cx="480" cy="195" r="1.5"/>
    <circle cx="520" cy="200" r="1.6"/>
    <circle cx="280" cy="210" r="1.7"/>
    <circle cx="320" cy="215" r="1.6"/>
    <circle cx="360" cy="220" r="1.9"/>
    <circle cx="400" cy="225" r="1.7"/>
    <circle cx="450" cy="230" r="1.6"/>
    <circle cx="500" cy="240" r="1.5"/>
  </g>
  <g fill="#ff4d10" opacity="0.7">
    <circle cx="265" cy="155" r="1.1"/>
    <circle cx="295" cy="160" r="1.2"/>
    <circle cx="330" cy="165" r="1.1"/>
    <circle cx="365" cy="170" r="1.3"/>
    <circle cx="400" cy="175" r="1.1"/>
    <circle cx="440" cy="170" r="1.2"/>
    <circle cx="480" cy="170" r="1.1"/>
    <circle cx="290" cy="195" r="1.1"/>
    <circle cx="330" cy="200" r="1.2"/>
    <circle cx="380" cy="205" r="1.3"/>
    <circle cx="420" cy="210" r="1.1"/>
    <circle cx="460" cy="215" r="1.2"/>
  </g>
  <text x="320" y="340" text-anchor="middle" fill="#ffb57a" font-family="Segoe UI,Roboto,sans-serif" font-size="14" opacity="0.85">
    Model Particle Generator
  </text>
</svg>