@kameshravichandran/sim-icons

SimStudio's custom PanelLeft sidebar toggle icon as a React component.

Install as a dependency

npm install @kameshravichandran/sim-icons
# or
pnpm add @kameshravichandran/sim-icons
# or
yarn add @kameshravichandran/sim-icons

import { SimPanelLeft } from '@kameshravichandran/sim-icons'

export function MyComponent() {
  return <SimPanelLeft className="h-4 w-4" />
}

Scaffold into your project (npx)

Copies sim-panel-left.tsx directly into your project (zero runtime dependency):

# Default: copies to ./components/ui/sim-panel-left.tsx
npx @kameshravichandran/sim-icons

# Custom output directory
npx @kameshravichandran/sim-icons src/icons

Then import locally:

import { SimPanelLeft } from '@/components/ui/sim-panel-left'

With sidebar open/close rotation (Tailwind)

<SimPanelLeft
  className={cn(
    'h-[17px] w-[17px] transition-transform duration-200',
    isOpen ? 'rotate-180' : 'rotate-0'
  )}
/>

Icon preview

The icon is a 16×14 custom panel-layout SVG — the exact icon used in the SimStudio project sidebar toggle.

License

MIT