Skip to main content

ヨガエージェント アバター画像（SVG）

ヨガエージェント アバター画像

蓮の花の上に座る瞑想者のシルエット。夜の宇宙を背景に、7つのチャクラの光の柱が天へ伸び、OMのシンボルが中央に輝く。

SVGコード

<svg width="100%" viewBox="0 0 680 680" role="img">
<title>ヨガエージェントのアバター画像</title>
<desc>蓮の花の上に座る瞑想者のシルエット。夜の宇宙を背景に、チャクラの光の柱が天へ伸びる。OMのシンボルが中央に輝く。</desc>

<defs>
  <radialGradient id="sky" cx="50%" cy="60%" r="55%">
    <stop offset="0%" stop-color="#1a1035"/>
    <stop offset="100%" stop-color="#0a0618"/>
  </radialGradient>
  <radialGradient id="glow1" cx="50%" cy="50%" r="50%">
    <stop offset="0%" stop-color="#7c5cbf" stop-opacity="0.5"/>
    <stop offset="100%" stop-color="#7c5cbf" stop-opacity="0"/>
  </radialGradient>
  <radialGradient id="glow2" cx="50%" cy="50%" r="50%">
    <stop offset="0%" stop-color="#4db6c8" stop-opacity="0.4"/>
    <stop offset="100%" stop-color="#4db6c8" stop-opacity="0"/>
  </radialGradient>
  <radialGradient id="moonGlow" cx="50%" cy="50%" r="50%">
    <stop offset="0%" stop-color="#fffde7" stop-opacity="0.9"/>
    <stop offset="60%" stop-color="#fff9c4" stop-opacity="0.4"/>
    <stop offset="100%" stop-color="#fff9c4" stop-opacity="0"/>
  </radialGradient>
  <clipPath id="circle">
    <circle cx="340" cy="340" r="320"/>
  </clipPath>
</defs>

<circle cx="340" cy="340" r="340" fill="#0a0618"/>
<circle cx="340" cy="340" r="320" fill="url(#sky)" clip-path="url(#circle)"/>

<circle cx="340" cy="120" r="60" fill="url(#moonGlow)"/>
<circle cx="340" cy="120" r="34" fill="#fffde7"/>
<circle cx="325" cy="112" r="10" fill="#f5e6a3"/>
<circle cx="350" cy="128" r="7" fill="#f5e6a3"/>
<circle cx="335" cy="102" r="5" fill="#f0d980"/>

<circle cx="120" cy="180" r="2" fill="#c8b8f0" opacity="0.8"/>
<circle cx="95" cy="210" r="1.5" fill="#b8d8e8" opacity="0.7"/>
<circle cx="200" cy="90" r="1.5" fill="#e8c8f0" opacity="0.6"/>
<circle cx="480" cy="150" r="2" fill="#c8d8f0" opacity="0.8"/>
<circle cx="560" cy="200" r="1.5" fill="#f0e0b8" opacity="0.7"/>
<circle cx="150" cy="300" r="1" fill="#d0c0f0" opacity="0.5"/>
<circle cx="530" cy="260" r="1.5" fill="#b8f0d0" opacity="0.6"/>
<circle cx="80" cy="380" r="1" fill="#c8b8f0" opacity="0.4"/>
<circle cx="590" cy="320" r="1" fill="#f0c8c8" opacity="0.5"/>
<circle cx="230" cy="140" r="1" fill="#b8e8f0" opacity="0.6"/>
<circle cx="440" cy="100" r="1.5" fill="#f0d8b8" opacity="0.6"/>
<circle cx="600" cy="140" r="1" fill="#c8f0d8" opacity="0.5"/>
<circle cx="60" cy="260" r="1" fill="#f0b8c8" opacity="0.4"/>

<ellipse cx="340" cy="340" rx="180" ry="200" fill="url(#glow1)"/>
<ellipse cx="340" cy="280" rx="100" ry="140" fill="url(#glow2)"/>

<rect x="337" y="130" width="6" height="340" fill="#7c5cbf" opacity="0.15" rx="3"/>
<rect x="336" y="160" width="8" height="300" fill="#4db6c8" opacity="0.1" rx="4"/>

<circle cx="340" cy="500" r="8" fill="#e53935" opacity="0.9"/>
<circle cx="340" cy="467" r="7" fill="#fb8c00" opacity="0.9"/>
<circle cx="340" cy="436" r="7" fill="#fdd835" opacity="0.9"/>
<circle cx="340" cy="405" r="8" fill="#43a047" opacity="0.9"/>
<circle cx="340" cy="370" r="8" fill="#1e88e5" opacity="0.9"/>
<circle cx="340" cy="333" r="7" fill="#5e35b1" opacity="0.9"/>
<circle cx="340" cy="300" r="9" fill="#ffffff" opacity="0.95"/>

<circle cx="340" cy="500" r="14" fill="#e53935" opacity="0.2"/>
<circle cx="340" cy="405" r="14" fill="#43a047" opacity="0.2"/>
<circle cx="340" cy="300" r="16" fill="#ffffff" opacity="0.15"/>

<ellipse cx="340" cy="555" rx="115" ry="22" fill="#4a2d8a" opacity="0.5"/>

<path d="M 250 540 Q 220 510 210 480 Q 200 450 220 420 Q 240 395 270 400 Q 290 410 300 440 Q 315 480 340 490 Q 365 480 380 440 Q 390 410 410 400 Q 440 395 460 420 Q 480 450 470 480 Q 460 510 430 540 Q 400 560 370 565 Q 355 568 340 570 Q 325 568 310 565 Q 280 560 250 540 Z" fill="#c084e0" opacity="0.85"/>

<path d="M 270 530 Q 250 510 242 488 Q 235 465 248 445 Q 262 428 280 432 Q 295 440 305 462 Q 318 488 340 495 Q 362 488 375 462 Q 385 440 400 432 Q 418 428 432 445 Q 445 465 438 488 Q 430 510 410 530 Q 385 548 360 553 Q 350 555 340 556 Q 330 555 320 553 Q 295 548 270 530 Z" fill="#d8a4f0" opacity="0.8"/>

<path d="M 292 524 Q 278 508 272 492 Q 267 476 276 462 Q 286 450 298 453 Q 308 460 316 476 Q 325 493 340 498 Q 355 493 364 476 Q 372 460 382 453 Q 394 450 404 462 Q 413 476 408 492 Q 402 508 388 524 Q 370 540 352 544 Q 346 546 340 547 Q 334 546 328 544 Q 310 540 292 524 Z" fill="#e8c0f8" opacity="0.75"/>

<path d="M 316 518 Q 307 508 305 496 Q 303 484 310 476 Q 318 469 326 472 Q 333 478 338 490 Q 340 495 340 497 Q 340 495 342 490 Q 347 478 354 472 Q 362 469 370 476 Q 377 484 375 496 Q 373 508 364 518 Q 354 528 344 531 Q 342 532 340 532 Q 338 532 336 531 Q 326 528 316 518 Z" fill="#f0d8fc" opacity="0.7"/>

<ellipse cx="340" cy="555" rx="80" ry="12" fill="#6a3daa" opacity="0.4"/>

<path d="M 290 460 Q 280 430 275 400 Q 272 375 280 360 Q 295 395 300 420 Z" fill="#9c6fd0" opacity="0.6"/>
<path d="M 390 460 Q 400 430 405 400 Q 408 375 420 360 Q 405 395 400 420 Z" fill="#9c6fd0" opacity="0.6"/>
<path d="M 270 490 Q 255 465 248 445 Q 240 420 248 400 Q 260 435 265 460 Z" fill="#b088e0" opacity="0.5"/>
<path d="M 410 490 Q 425 465 432 445 Q 440 420 432 400 Q 420 435 415 460 Z" fill="#b088e0" opacity="0.5"/>

<ellipse cx="340" cy="390" rx="30" ry="55" fill="#2a1a5e" opacity="0.95"/>
<ellipse cx="320" cy="370" rx="18" ry="30" fill="#2a1a5e" opacity="0.9"/>
<ellipse cx="360" cy="370" rx="18" ry="30" fill="#2a1a5e" opacity="0.9"/>
<ellipse cx="340" cy="325" rx="30" ry="38" fill="#1e1248" opacity="0.95"/>
<ellipse cx="340" cy="295" rx="28" ry="28" fill="#16103a" opacity="0.98"/>
<ellipse cx="340" cy="268" rx="22" ry="20" fill="#1a1240" opacity="0.95"/>

<path d="M 320 288 Q 315 272 322 260 Q 330 250 340 250 Q 350 250 358 260 Q 365 272 360 288 Q 352 300 340 302 Q 328 300 320 288 Z" fill="#1e1448" opacity="0.9"/>
<ellipse cx="333" cy="278" rx="4" ry="5" fill="#c8a8f0" opacity="0.5"/>
<ellipse cx="347" cy="278" rx="4" ry="5" fill="#c8a8f0" opacity="0.5"/>
<path d="M 326 288 Q 333 292 340 292 Q 347 292 354 288" stroke="#9070b0" stroke-width="1.5" fill="none" opacity="0.6"/>

<path d="M 328 260 Q 330 252 340 250 Q 350 252 352 260 Q 348 255 340 254 Q 332 255 328 260 Z" fill="#3a2060" opacity="0.8"/>

<path d="M 295 355 Q 270 345 262 330 Q 256 315 268 308 Q 278 303 292 312 Q 305 325 310 345 Z" fill="#2a1a5e" opacity="0.85"/>
<path d="M 385 355 Q 410 345 418 330 Q 424 315 412 308 Q 402 303 388 312 Q 375 325 370 345 Z" fill="#2a1a5e" opacity="0.85"/>
<path d="M 268 320 Q 260 308 262 300" stroke="#7c5cbf" stroke-width="1.5" fill="none" opacity="0.4"/>
<path d="M 412 320 Q 420 308 418 300" stroke="#7c5cbf" stroke-width="1.5" fill="none" opacity="0.4"/>

<text x="340" y="218" text-anchor="middle" font-size="52" font-weight="400" fill="#f0e0ff" opacity="0.88" font-family="serif">ॐ</text>

<circle cx="340" cy="215" r="38" fill="none" stroke="#c8a0f0" stroke-width="1" opacity="0.35"/>
<circle cx="340" cy="215" r="50" fill="none" stroke="#9070c0" stroke-width="0.5" opacity="0.25"/>

<ellipse cx="340" cy="600" rx="260" ry="40" fill="#150d30" opacity="0.7"/>
<path d="M 100 610 Q 180 580 260 595 Q 310 602 340 600 Q 370 602 420 595 Q 500 580 580 610 Q 500 630 420 622 Q 370 616 340 618 Q 310 616 260 622 Q 180 630 100 610 Z" fill="#1a1040" opacity="0.5"/>

<circle cx="340" cy="340" r="319" fill="none" stroke="#7c5cbf" stroke-width="1.5" opacity="0.25"/>
<circle cx="340" cy="340" r="300" fill="none" stroke="#4db6c8" stroke-width="0.5" opacity="0.15"/>
</svg>

デザインの説明