Files
supabase/packages/icons
Danny White 6a4814c2a4 chore(studio): better empty states for new users (#41044)
* box-plus icon

* design-system updates

* new project empty state

* org empty state

* better /organization empty state

* add missing dependency

* fix admonition

* remove prop

* fix badge

* use org slug

* clarify

* org note found cleanup
2025-12-04 20:27:47 +11:00
..
2025-10-08 13:14:03 +11: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 { BucketAdd, Database, Auth } 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.