ServiceRoleIcon() — supabase Function Reference

Source Code

apps/studio/components/interfaces/RoleImpersonationSelector/Icons.tsx lines 7–34

export const ServiceRoleIcon = ({ 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'}>
        <rect
          x="37.161"
          y=".53"
          width="15"
          height="15"
          rx="5.5"
          stroke={resolvedTheme === 'light' ? '#11181C' : '#EDEDED'}
        />
        <path d="M1 10.53h32.214" stroke="#33A7E9" strokeLinecap="round" strokeDasharray="2 2" />
        <rect
          x="15.964"
          y=".53"
          width="9"
          height="15"
          rx="4.5"
          stroke={resolvedTheme === 'light' ? '#7E868C' : '#7E7E7E'}
        />
        <path d="M1 5.53h32.214" stroke="#33A7E9" strokeLinecap="round" strokeDasharray="2 2" />
      </g>
    </svg>
  )
}