AnonIcon() — supabase Function Reference

Source Code

apps/studio/components/interfaces/RoleImpersonationSelector/Icons.tsx lines 36–74

export const AnonIcon = ({ isSelected = false }: IconProps) => {
  const { resolvedTheme } = useTheme()

  return (
    <svg width="53" height="17" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g opacity={isSelected ? '1' : '.5'}>
        <path
          d="M1 4.994a.5.5 0 0 0 0 1v-1Zm16.218 1h.5v-1h-.5v1ZM1 5.994h1.014v-1H1v1Zm3.04 0h2.028v-1H4.041v1Zm4.056 0h2.027v-1H8.096v1Zm4.054 0h2.027v-1H12.15v1Zm4.055 0h1.013v-1h-1.013v1Z"
          fill={resolvedTheme === 'light' ? '#7E868C' : '#7E7E7E'}
        />
        <path
          d="m15.92 12.56 9.04-9.04"
          stroke={resolvedTheme === 'light' ? '#11181C' : '#EDEDED'}
        />
        <rect
          x="15.964"
          y=".494"
          width="9"
          height="15"
          rx="4.5"
          stroke={resolvedTheme === 'light' ? '#11181C' : '#EDEDED'}
        />
        <rect
          x="37.161"
          y=".744"
          width="15"
          height="15"
          rx="5.5"
          stroke={resolvedTheme === 'light' ? '#11181C' : '#EDEDED'}
        />
        <path d="M1 10.494h32.214" stroke="#33A7E9" strokeLinecap="round" strokeDasharray="2 2" />
        <path
          d="M15.96 7.562 22.568.956M19.049 14.885l5.957-5.958"
          stroke={resolvedTheme === 'light' ? '#11181C' : '#EDEDED'}
        />
      </g>
    </svg>
  )
}