extra/icons/sago_image_browser.svg

raw · blame · history

<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
  <rect width="512" height="512" rx="72" fill="#F4F4F4"/>

  <!-- Folder grid -->
  <g stroke="#111111" stroke-width="10" stroke-linejoin="round">
    <!-- Row 1 -->
    <g>
      <!-- Folder tab - Blue -->
      <rect x="40" y="30" width="36" height="18" rx="4" fill="#2563EB"/>
      <!-- Folder body -->
      <rect x="40" y="48" width="60" height="60" rx="6" fill="#3B82F6"/>
    </g>
    <g>
      <!-- Folder tab - Red -->
      <rect x="140" y="34" width="36" height="18" rx="4" fill="#DC2626"/>
      <!-- Folder body -->
      <rect x="140" y="52" width="60" height="60" rx="6" fill="#EF4444"/>
    </g>
    <g>
      <!-- Folder tab - Yellow -->
      <rect x="240" y="34" width="36" height="18" rx="4" fill="#D97706"/>
      <!-- Folder body -->
      <rect x="240" y="52" width="60" height="60" rx="6" fill="#FBBF24"/>
    </g>

    <!-- Row 2 -->
    <g>
      <!-- Folder tab - Green -->
      <rect x="40" y="138" width="36" height="18" rx="4" fill="#059669"/>
      <!-- Folder body -->
      <rect x="40" y="156" width="60" height="60" rx="6" fill="#10B981"/>
    </g>
    <g>
      <!-- Folder tab - Purple -->
      <rect x="140" y="138" width="36" height="18" rx="4" fill="#7C3AED"/>
      <!-- Folder body -->
      <rect x="140" y="156" width="60" height="60" rx="6" fill="#A78BFA"/>
    </g>
    <g>
      <!-- Folder tab - Pink -->
      <rect x="240" y="138" width="36" height="18" rx="4" fill="#DB2777"/>
      <!-- Folder body -->
      <rect x="240" y="156" width="60" height="60" rx="6" fill="#EC4899"/>
    </g>

    <!-- Row 3 -->
    <g>
      <!-- Folder tab - Teal -->
      <rect x="40" y="246" width="36" height="18" rx="4" fill="#0D9488"/>
      <!-- Folder body -->
      <rect x="40" y="264" width="60" height="60" rx="6" fill="#14B8A6"/>
    </g>
    <g>
      <!-- Folder tab - Orange -->
      <rect x="140" y="246" width="36" height="18" rx="4" fill="#EA580C"/>
      <!-- Folder body -->
      <rect x="140" y="264" width="60" height="60" rx="6" fill="#FB923C"/>
    </g>
    <g>
      <!-- Folder tab - Cyan -->
      <rect x="240" y="246" width="36" height="18" rx="4" fill="#0891B2"/>
      <!-- Folder body -->
      <rect x="240" y="264" width="60" height="60" rx="6" fill="#06B6D4"/>
    </g>

    <!-- Row 4 -->
    <g>
      <!-- Folder tab - Indigo -->
      <rect x="40" y="354" width="36" height="18" rx="4" fill="#4F46E5"/>
      <!-- Folder body -->
      <rect x="40" y="372" width="60" height="60" rx="6" fill="#6366F1"/>
    </g>
    <g>
      <!-- Folder tab - Rose -->
      <rect x="140" y="354" width="36" height="18" rx="4" fill="#BE185D"/>
      <!-- Folder body -->
      <rect x="140" y="372" width="60" height="60" rx="6" fill="#F43F5E"/>
    </g>
    <g>
      <!-- Folder tab - Lime -->
      <rect x="240" y="354" width="36" height="18" rx="4" fill="#84CC16"/>
      <!-- Folder body -->
      <rect x="240" y="372" width="60" height="60" rx="6" fill="#BFEF45"/>
    </g>
  </g>

  <!-- Up arrow in top-left folder -->
  <g stroke="#111111" stroke-width="12" stroke-linecap="round" stroke-linejoin="round">
    <path d="M70 90V60"/>
    <path d="M56 76L70 60L84 76"/>
  </g>

  <!-- Large eye overlapping folders -->
  <g transform="translate(240 110)">
    <!-- Eye shape -->
    <path
      d="M110 40C175 40 232 76 270 128C232 180 175 216 110 216C58 216 8 188 -34 128C8 68 58 40 110 40Z"
      fill="#FFFFFF"
      stroke="#111111"
      stroke-width="14"
      stroke-linejoin="round"
    />

    <!-- Iris - Vibrant Gradient Blue -->
    <circle
      cx="118"
      cy="128"
      r="54"
      fill="#06B6D4"
      stroke="#111111"
      stroke-width="12"
    />

    <!-- Iris pattern rings -->
    <circle
      cx="118"
      cy="128"
      r="42"
      fill="none"
      stroke="#0891B2"
      stroke-width="6"
      opacity="0.6"
    />
    <circle
      cx="118"
      cy="128"
      r="28"
      fill="none"
      stroke="#06B6D4"
      stroke-width="4"
      opacity="0.5"
    />

    <!-- Pupil -->
    <circle
      cx="118"
      cy="128"
      r="24"
      fill="#111111"
    />

    <!-- Highlight - bright glow -->
    <circle
      cx="100"
      cy="110"
      r="8"
      fill="#FFFFFF"
    />
    <circle
      cx="100"
      cy="110"
      r="5"
      fill="#E0F2FE"
      opacity="0.7"
    />
  </g>
</svg>