dima/supabase

0 Fork 0

mirror of https://github.com/supabase/supabase.git synced 2026-10-12 21:05:06 +03:00

Files

T

Danny WhiteandJoshen Lim 0631444d37 feat(studio): fancy bucket icons (#40766 )

* swap icons

* docs improvements

* better upgrade icons

* add sentry

* Nit

---------

Co-authored-by: Joshen Lim <joshenlimek@gmail.com>

2025-11-25 16:41:32 +08:00

__registry__

feat(studio): fancy bucket icons (#40766 )

2025-11-25 16:41:32 +08:00

scripts

feat: add new Icons package for custom made icons (#21477 )

2024-02-26 09:40:56 +01:00

src

feat(studio): fancy bucket icons (#40766 )

2025-11-25 16:41:32 +08:00

package.json

chore: Bump Typescript to 5.9 (#38945 )

2025-09-23 16:50:54 +02:00

README.md

feat: custom bucket icons (#39280 )

2025-10-08 13:14:03 +11:00

tsconfig.json

feat: add new Icons package for custom made icons (#21477 )

2024-02-26 09:40:56 +01:00

README.md

./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

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

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