VibeCoderzVibeCoderz
Telegram
All Prompts
Concentric Circle Radar SVG Illustration preview
svgillustrationdecorativecirclesradialgraphicresponsive

Concentric Circle Radar SVG Illustration

SVG иллюстрация концентрических кругов с градиентом и орбитальными точками. Динамичный акцент для дашбордов, лендингов и визуализации данных.

Prompt

<svg width="401" height="350" viewBox="0 0 401 350" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_di_75485_18111)">
<path d="M200 11C291.126 11 365 85.0955 365 176.5C365 267.905 291.126 342 200 342C108.874 342 35 267.905 35 176.5C35 85.0955 108.874 11 200 11Z" stroke="currentColor" stroke-opacity="0.1" shape-rendering="crispEdges"/>
</g>
<circle cx="201" cy="176" r="155" transform="rotate(-6.19579 201 176)" stroke="currentColor" stroke-opacity="0.1" stroke-width="5" stroke-dasharray="1 1"/>
<circle cx="201" cy="176" r="150" transform="rotate(-6.19579 201 176)" stroke="currentColor" stroke-opacity="0.1" stroke-width="15" stroke-dasharray="1 60"/>
<circle cx="201" cy="176" r="152.5" transform="rotate(-6.19579 201 176)" stroke="currentColor" stroke-opacity="0.1" stroke-width="10" stroke-dasharray="1 7"/>
<g filter="url(#filter1_di_75485_18111)">
<circle cx="200.5" cy="176.5" r="124.5" stroke="currentColor" stroke-opacity="0.1" shape-rendering="crispEdges"/>
</g>
<circle cx="200.5" cy="176.5" r="110" fill="currentColor" fill-opacity="0.1"/>
<circle cx="200.5" cy="176.5" r="109.5" stroke="currentColor" stroke-opacity="0.1"/>
<path d="M194.32 184.662L20 20H381L206.68 184.662C203.211 187.939 197.789 187.939 194.32 184.662Z" fill="url(#paint0_radial_75485_18111)"/>
<circle cx="8" cy="8" r="8" transform="matrix(1 0 0 -1 140.5 250.5)" fill="#42E8FF"/>
<circle cx="8" cy="8" r="8" transform="matrix(1 0 0 -1 244.5 211.5)" fill="#52FFA2"/>
<circle cx="8" cy="8" r="8" transform="matrix(1 0 0 -1 250.5 73.5)" fill="#FF7EAB"/>
<circle cx="8" cy="8" r="8" transform="matrix(1 0 0 -1 45.5 106.5)" fill="#FF675C"/>
<circle cx="200.5" cy="176.5" r="84.5" stroke="currentColor" stroke-opacity="0.1"/>
<circle cx="200.5" cy="176.5" r="59.5" stroke="currentColor" stroke-opacity="0.1"/>
<circle cx="200.5" cy="176.5" r="34.5" stroke="currentColor" stroke-opacity="0.1"/>
<circle cx="200.5" cy="176.5" r="10" fill="currentColor"/>
<defs>
<filter id="filter0_di_75485_18111" x="34.5" y="10.5" width="331" height="333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_75485_18111"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_75485_18111" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_75485_18111"/>
</filter>
<filter id="filter1_di_75485_18111" x="75.5" y="51.5" width="250" height="251" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_75485_18111"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_75485_18111" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_75485_18111"/>
</filter>
<radialGradient id="paint0_radial_75485_18111" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(200.5 177) rotate(90) scale(163.498 163.498)">
<stop stop-color="currentColor" stop-opacity="0.1"/>
<stop offset="0.137165" stop-color="currentColor" stop-opacity="0.1"/>
<stop offset="0.712665" stop-color="#E6E6E6" stop-opacity="0.1"/>
<stop offset="1" stop-color="#D9D9D9" stop-opacity="0"/>
</radialGradient>
</defs>
</svg>
All Prompts