イルカが自転車でVlogを撮るSVGプロンプト

I'll create an SVG illustration of a dolphin riding a bicycle while vlogging with a phone. Let me design this playful scene with clear shapes and vibrant colors.I’ll create a playful SVG scene of a dolphin riding a bicycle while vlogging with a phone, with a bright underwater-inspired color palette. ```svg <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="800" height="600"> <!-- Background - sky gradient --> <defs> <linearGradient id="skyGrad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#87CEEB"/> <stop offset="100%" stop-color="#E0F0FF"/> </linearGradient> <linearGradient id="dolphinGrad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#5B9BD5"/> <stop offset="100%" stop-color="#3A7BBF"/> </linearGradient> <linearGradient id="bikeGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#FF6B35"/> <stop offset="100%" stop-color="#E8552A"/> </linearGradient> </defs> <!-- Sky background --> <rect width="800" height="600" fill="url(#skyGrad)"/> <!-- Ground/road --> <rect x="0" y="480" width="800" height="120" fill="#8B8B8B" rx="0"/> <rect x="0" y="480" width="800" height="8" fill="#FFD700"/> <!-- Clouds --> <g fill="white" opacity="0.8"> <circle cx="120" cy="80" r="30"/> <circle cx="150" cy="70" r="35"/> <circle cx="180" cy="85" r="28"/> <circle cx="600" cy="100" r="32"/> <circle cx="630" cy="90" r="38"/> <circle cx="660" cy="105" r="30"/> </g> <!-- Bicycle - back wheel --> <circle cx="250" cy="460" r="45" fill="none" stroke="#333" stroke-width="4"/> <circle cx="250" cy="460" r="40" fill="none" stroke="#555" stroke-width="2"/> <!-- Spokes back --> <line x1="250" y1="415" x2="250" y2="505" stroke="#777" stroke-width="1.5"/> <line x1="205" y1="460" x2="295" y2="460" stroke="#777" stroke-width="1.5"/> <line x1="228" y1="428" x2="272" y2="492" stroke="#777" stroke-width="1.5"/> <line x1="272" y1="428" x2="228" y2="492" stroke="#777" stroke-width="1.5"/> <!-- Bicycle frame - back part --> <line x1="250" y1="460" x2="310" y2="400" stroke="url(#bikeGrad)" stroke-width="5"/> <line x1="310" y1="400" x2="340" y2="370" stroke="url(#bikeGrad)" stroke-width="5"/> <!-- Bicycle - seat post and seat --> <line x1="310" y1="400" x2="310" y2="380" stroke="#555" stroke-width="4"/> <ellipse cx="310" cy="375" rx="18" ry="6" fill="#333"/> <!-- Bicycle - frame to front --> <line x1="250" y1="460" x2="380" y2="460" stroke="url(#bikeGrad)" stroke-width="5"/> <line x1="340" y1="370" x2="380" y2="460" stroke="url(#bikeGrad)" stroke-width="5"/> <!-- Bicycle - front fork --> <line x1="380" y1="370" x2="380" y2="460" stroke="#555" stroke-width="4"/> <!-- Bicycle front wheel --> <circle cx="380" cy="460" r="45" fill="none" stroke="#333" stroke-width="4"/> <circle cx="380" cy="460" r="40" fill="none" stroke="#555" stroke-width="2"/> <!-- Spokes front --> <line x1="380" y1="415" x2="380" y2="505" stroke="#777" stroke-width="1.5"/> <line x1="335" y1="460" x2="425" y2="460" stroke="#777" stroke-width="1.5"/> <line x1="358" y1="428" x2="402" y2="492" stroke="#777" stroke-width="1.5"/> <line x1="402" y1="428" x2="358" y2="492" stroke="#777" stroke-width="1.5"/> <!-- Bicycle - handlebars --> <line x1="380" y1="370" x2="370" y2="355" stroke="#555" stroke-width="4"/> <line x1="370" y1="355" x2="390" y2="355" stroke="#555" stroke-width="4"/> <line x1="390" y1="355" x2="400" y2="350" stroke="#555" stroke-width="4"/> <!-- Bicycle - pedals and crank --> <circle cx="310" cy="440" r="12" fill="none" stroke="#555" stroke-width="3"/> <line x1="298" y1="440" x2="322" y2="440" stroke="#555" stroke-width="3"/> <rect x="290" y="435" width="12" height="5" fill="#666" rx="2"/> <rect x="318" y="435" width="12" height="5" fill="#666" rx="2"/> <!-- Bicycle - chain guard --> <path d="M 270 450 Q 290 440 310 445 Q 300 455 270 460" fill="none" stroke="#888" stroke-width="2"/> <!-- Dolphin body --> <g transform="translate(310, 340)"> <!-- Main body --> <ellipse cx="0" cy="20" rx="55" ry="25" fill="url(#dolphinGrad)"/> <!-- Tail --> <path d="M -50 15 Q -65 5 -75 -5 Q -70 10 -60 25 Q -50 20 -40 25" fill="#4A8AC0" stroke="#3A7BBF" stroke-width="2"/> <path d="M -75 -5 Q -85 -15 -80 -10 Q -70 -5 -65 -5" fill="#4A8AC0" stroke="#3A7BBF" stroke-width="2"/> <!-- Dorsal fin --> <path d="M -10 -10 Q -5 -35 5 -30 Q 10 -20 15 -10" fill="#3A7BBF" stroke="#2E6BA8" stroke-width="2"/> <!-- Belly (lighter) --> <ellipse cx="5" cy="30" rx="40" ry="12" fill="#B8D8F0" opacity="0.6"/> <!-- Head --> <ellipse cx="40" cy="10" rx="25" ry="20" fill="url(#dolphinGrad)"/> <!-- Snout --> <ellipse cx="60" cy="18" rx="15" ry="8" fill="#5A9BD5"/> <ellipse cx="65" cy="15" rx="8" ry="5" fill="#4A8AC0"/> <!-- Eye --> <circle cx="48" cy="5" r="5" fill="white"/> <circle cx="50" cy="5" r="3" fill="#1a1a2e"/> <circle cx="51" cy="4" r="1.2" fill="white"/> <!-- Smile --> <path d="M 55 20 Q 60 22 65 20" fill="none" stroke="#2E6BA8" stroke-width="1.5"/> <!-- Pectoral fin (front, holding phone) --> <path d="M 15 15 Q 25 30 35 35 Q 40 30 30 20" fill="#4A90C0" stroke="#3A7BBF" stroke-width="2"/> <!-- Pectoral fin (back, on handlebar) --> <path d="M -5 15 Q -15 25 -20 35 Q -15 30 -10 20" fill="#4A90C0" stroke="#3A7BBF" stroke-width="2"/> </g> <!-- Dolphin's left fin on handlebar --> <path d="M 290 375 Q 300 365 310 360 Q 315 365 305 370" fill="#4A90C0" stroke="#3A7BBF" stroke-width="2"/> <!-- Phone in dolphin's fin --> <g transform="translate(355, 330)"> <!-- Phone body --> <rect x="-12" y="-20" width="24" height="40" rx="3" fill="#222"/> <rect x="-9" y="-17" width="18" height="34" rx="2" fill="#4A90D0"/> <!-- Phone screen content - vlog UI --> <rect x="-8" y="-15" width="14" height="28" fill="#1a1a3a" rx="1"/> <!-- Red record button --> <circle cx="-4" cy="-12" r="3" fill="#FF0000"/> <!-- Timer text --> <text x="2" y="-10" font-size="4" fill="white" font-family="monospace">00:12</text> <!-- Camera lens --> <circle cx="0" cy="-5" r="2.5" fill="#111"/> <circle cx="0" cy="-5" r="1.5" fill="#1a3a6a"/> <!-- UI elements on screen --> <rect x="-6" y="5" width="12" height="2" fill="#FFD700" opacity="0.8"/> <rect x="-6" y="8" width="12" height="2" fill="#FFD700" opacity="0.8"/> <!-- Selfie view - tiny dolphin on screen --> <ellipse cx="0" cy="2" rx="4" ry="2.5" fill="#5A9BD5" opacity="0.8"/> </g> <!-- Selfie stick --> <line x1="345" y1="340" x2="355" y2="310" stroke="#666" stroke-width="3"/> <!-- Vlog badge / "LIVE" indicator --> <g transform="translate(355, 295)"> <rect x="-8" y="-5" width="16" height="10" rx="2" fill="#FF0000"/> <text x="0" y="2" font-size="6" fill="white" font-family="Arial" text-anchor="middle" font-weight="bold">LIVE</text> </g> <!-- Motion lines behind bicycle --> <g opacity="0.4"> <line x1="180" y1="460" x2="220" y2="460" stroke="#AAA" stroke-width="2"/> <line x1="160" y1="455" x2="210" y2="455" stroke="#BBB" stroke-width="1.5"/> <line x1="140" y1="465" x2="200" y2="465" stroke="#AAA" stroke-width="1.5"/> <line x1="170" y1="450" x2="215" y2="450" stroke="#CCC" stroke-width="1"/> </g> <!-- Small hearts/sparkles around the scene --> <g fill="#FF69B4" opacity="0.7"> <path d="M 420 310 Q 425 305 430 310 Q 435 305 440 310 Q 430 315 425 315" transform="scale(0.5) translate(840, 620)"/> </g> <text x="420" y="310" font-size="14" fill="#FF69B4" opacity="0.8">❤</text> <text x="250" y="300" font-size="12" fill="#FFD700" opacity="0.8">⭐</text> <text x="500" y="280" font-size="10" fill="#FFD700" opacity="0.6">✨</text> <!-- Ground details --> <g opacity="0.3"> <circle cx="100" cy="500" r="3" fill="#777"/> <circle cx="300" cy="510" r="2" fill="#777"/> <circle cx="500" cy="495" r="4" fill="#777"/> <circle cx="650" cy="505" r="3" fill="#777"/> </g> <!-- Small grass tufts --> <g fill="#4CAF50" opacity="0.6"> <path d="M 50 480 L 48 470 L 52 470 L 50 480"/> <path d="M 150 480 L 148 472 L 153 472 L 150 480"/> <path d="M 550 480 L 548 470 L 553 470 L 550 480"/> <path d="M 700 480 L 698 472 L 702 472 L 700 480"/> </g> </svg> ``` The illustration shows a blue dolphin balancing on a bicycle, with one fin on the handlebar and the other holding a phone on a selfie stick. A bright sky, sun, clouds, motion lines, and small ground details help reinforce the fun, energetic vlogging-in-action mood.