macos-notify-mcp-icon.svg•3.04 kB
<svg width="1024" height="1024" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<!-- Background - macOS style rounded square -->
<defs>
<!-- Gradient for background -->
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#007AFF;stop-opacity:1" />
<stop offset="100%" style="stop-color:#0051D5;stop-opacity:1" />
</linearGradient>
<!-- Shadow filter -->
<filter id="shadow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="20"/>
<feOffset dx="0" dy="10" result="offsetblur"/>
<feFlood flood-color="#000000" flood-opacity="0.25"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<!-- Glow effect -->
<filter id="glow">
<feGaussianBlur stdDeviation="4" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- App icon background -->
<rect x="64" y="64" width="896" height="896" rx="200" ry="200"
fill="url(#bgGradient)" filter="url(#shadow)"/>
<!-- Main bell shape -->
<g transform="translate(512, 440)">
<!-- Bell body -->
<path d="M-180,-140 C-180,-260 -100,-340 0,-340 C100,-340 180,-260 180,-140
L180,40 C180,80 160,100 160,100 L-160,100 C-160,100 -180,80 -180,40 Z"
fill="#FFFFFF" opacity="0.95"/>
<!-- Bell clapper -->
<circle cx="0" cy="140" r="40" fill="#FFFFFF" opacity="0.95"/>
<!-- Notification indicator -->
<circle cx="140" cy="-120" r="60" fill="#FF3B30" filter="url(#glow)"/>
</g>
<!-- Terminal/Code brackets to represent tmux -->
<g transform="translate(512, 720)">
<!-- Left bracket -->
<path d="M-240,-80 L-200,-80 L-200,-60 L-220,-60 L-220,60 L-200,60 L-200,80 L-240,80 L-240,-80 Z"
fill="#FFFFFF" opacity="0.7"/>
<!-- Right bracket -->
<path d="M240,-80 L200,-80 L200,-60 L220,-60 L220,60 L200,60 L200,80 L240,80 L240,-80 Z"
fill="#FFFFFF" opacity="0.7"/>
<!-- Underscore cursor -->
<rect x="-40" y="40" width="80" height="20" rx="10" fill="#00FF00" opacity="0.9"/>
</g>
<!-- AI circuit dots -->
<g transform="translate(512, 512)">
<!-- Connection lines -->
<circle cx="-320" cy="0" r="20" fill="#00D4FF" opacity="0.6"/>
<circle cx="320" cy="0" r="20" fill="#00D4FF" opacity="0.6"/>
<circle cx="0" cy="-320" r="20" fill="#00D4FF" opacity="0.6"/>
<circle cx="0" cy="320" r="20" fill="#00D4FF" opacity="0.6"/>
<!-- Diagonal dots -->
<circle cx="-220" cy="-220" r="15" fill="#00D4FF" opacity="0.4"/>
<circle cx="220" cy="-220" r="15" fill="#00D4FF" opacity="0.4"/>
<circle cx="-220" cy="220" r="15" fill="#00D4FF" opacity="0.4"/>
<circle cx="220" cy="220" r="15" fill="#00D4FF" opacity="0.4"/>
</g>
</svg>
