Dashboard
PHP:
8.4.22
OS:
Linux
User:
adsvisc
/
/
home
/
adsvisc
/
www
/
wp-content
/
uploads
📤 Upload
📝 New File
📁 New Folder
Close
Editing: personal-branding.svg
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradBrand1" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#8e2de2;stop-opacity:1" /> <stop offset="100%" style="stop-color:#4a00e0;stop-opacity:1" /> </linearGradient> <linearGradient id="gradBrand2" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#f857a6;stop-opacity:1" /> <stop offset="100%" style="stop-color:#ff5858;stop-opacity:1" /> </linearGradient> <linearGradient id="gradBrand3" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#ffd89b;stop-opacity:1" /> <stop offset="100%" style="stop-color:#19547b;stop-opacity:1" /> </linearGradient> </defs> <!-- Background glow --> <circle cx="200" cy="180" r="140" fill="url(#gradBrand1)" opacity="0.15"/> <circle cx="200" cy="180" r="100" fill="url(#gradBrand1)" opacity="0.1"/> <!-- Main person silhouette in circle --> <circle cx="200" cy="180" r="85" fill="none" stroke="url(#gradBrand1)" stroke-width="4"/> <!-- Person avatar --> <circle cx="200" cy="160" r="30" fill="url(#gradBrand1)"/> <path d="M145 245 Q145 210 200 210 Q255 210 255 245" fill="url(#gradBrand1)"/> <!-- Star/Excellence symbol --> <g transform="translate(245, 145)"> <path d="M0 -12 L3 -3 L12 -3 L5 3 L8 12 L0 6 L-8 12 L-5 3 L-12 -3 L-3 -3 Z" fill="url(#gradBrand2)" stroke="#fff" stroke-width="1.5"/> <animate attributeName="opacity" values="0.7;1;0.7" dur="2s" repeatCount="indefinite"/> </g> <!-- Orbiting elements representing digital presence --> <!-- Social media icon 1 --> <g transform="translate(200, 180)"> <g> <animateTransform attributeName="transform" type="rotate" from="0 0 0" to="360 0 0" dur="10s" repeatCount="indefinite"/> <circle cx="0" cy="-110" r="16" fill="url(#gradBrand2)" opacity="0.9"/> <rect x="-6" y="-116" width="12" height="12" rx="3" fill="#fff"/> </g> </g> <!-- Social media icon 2 --> <g transform="translate(200, 180)"> <g> <animateTransform attributeName="transform" type="rotate" from="120 0 0" to="480 0 0" dur="10s" repeatCount="indefinite"/> <circle cx="0" cy="-110" r="16" fill="url(#gradBrand3)" opacity="0.9"/> <path d="M-5 -115 L5 -115 L0 -108 Z" fill="#fff"/> <circle cx="0" cy="-112" r="2" fill="#fff"/> </g> </g> <!-- Social media icon 3 --> <g transform="translate(200, 180)"> <g> <animateTransform attributeName="transform" type="rotate" from="240 0 0" to="600 0 0" dur="10s" repeatCount="indefinite"/> <circle cx="0" cy="-110" r="16" fill="url(#gradBrand1)" opacity="0.9"/> <circle cx="0" cy="-116" r="3" fill="#fff"/> <circle cx="-4" cy="-110" r="3" fill="#fff"/> <circle cx="4" cy="-110" r="3" fill="#fff"/> </g> </g> <!-- Connection lines/network --> <g opacity="0.3"> <line x1="200" y1="180" x2="120" y2="120" stroke="url(#gradBrand1)" stroke-width="2" stroke-dasharray="4,4"> <animate attributeName="stroke-dashoffset" from="0" to="8" dur="1s" repeatCount="indefinite"/> </line> <line x1="200" y1="180" x2="280" y2="120" stroke="url(#gradBrand2)" stroke-width="2" stroke-dasharray="4,4"> <animate attributeName="stroke-dashoffset" from="0" to="8" dur="1.2s" repeatCount="indefinite"/> </line> <line x1="200" y1="180" x2="300" y2="220" stroke="url(#gradBrand3)" stroke-width="2" stroke-dasharray="4,4"> <animate attributeName="stroke-dashoffset" from="0" to="8" dur="1.4s" repeatCount="indefinite"/> </line> </g> <!-- Small connection nodes --> <circle cx="120" cy="120" r="6" fill="url(#gradBrand1)" opacity="0.7"> <animate attributeName="r" values="6;8;6" dur="2s" repeatCount="indefinite"/> </circle> <circle cx="280" cy="120" r="6" fill="url(#gradBrand2)" opacity="0.7"> <animate attributeName="r" values="6;8;6" dur="2.2s" repeatCount="indefinite"/> </circle> <circle cx="300" cy="220" r="6" fill="url(#gradBrand3)" opacity="0.7"> <animate attributeName="r" values="6;8;6" dur="2.4s" repeatCount="indefinite"/> </circle> <circle cx="100" cy="220" r="6" fill="url(#gradBrand1)" opacity="0.7"> <animate attributeName="r" values="6;8;6" dur="2.6s" repeatCount="indefinite"/> </circle> <!-- Bottom accent - reputation/influence waves --> <path d="M150 310 Q200 300 250 310" stroke="url(#gradBrand1)" stroke-width="3" fill="none" opacity="0.5" stroke-linecap="round"/> <path d="M130 330 Q200 315 270 330" stroke="url(#gradBrand2)" stroke-width="3" fill="none" opacity="0.4" stroke-linecap="round"/> </svg>
Save
Cancel