Files
supabase/packages/icons
Francesco Sansalvadore 45d8f30ba8 chore(icons): add workers icon (#49645)
- added workers to icons package
- used workers as product icon in studio sidebar

<img width="200" height="79" alt="Screenshot 2026-08-27 at 16 36 19"
src="https://github.com/user-attachments/assets/0e2e7ce6-dde2-439a-93e8-e795aa5efded"
/>
2026-08-27 17:12:37 +02:00
..

./packages/icons

This package contains custom Supabase icons that can be used alongside other icon libraries.

Documentation

For complete documentation, usage examples, and guidelines, see the Design System

Quick start

import { Auth, BucketAdd, Database } from 'icons'

function MyComponent() {
  return (
    <>
      <BucketAdd size={24} className="text-foreground-muted" />
      <Database size={16} strokeWidth={1} />
      <Auth size={20} />
    </>
  )
}

Adding new custom icons

  1. Add your SVG file to src/raw-icons/ (kebab-case name)
  2. Run npm run build:icons in this directory
  3. Import and use your new icon

For detailed instructions, examples, and troubleshooting, see the Design System.