dima/supabase

0 Fork 0

mirror of https://github.com/supabase/supabase.git synced 2026-10-05 17:35:10 +03:00

Files

T

History

Francesco Sansalvadore 8e20712475 chore(design system): clean up compute icon (#50971 )

Cleaned up the `compute` icon which wasn't aligned and perfectly
isometric.

| Before           | After              |
| -------------- | ------ |
| <img width="240" height="209" alt="Screenshot 2026-09-28 at 12 56 10"
src="https://github.com/user-attachments/assets/ffe0232f-5933-4310-886f-2de8caa53712"
/> | <img width="269" height="208" alt="Screenshot 2026-09-28 at 12 56
13"
src="https://github.com/user-attachments/assets/0e4ab8ab-6818-473b-a786-42ca3aae32e4"
/> |

2026-09-28 15:32:37 +02:00

__registry__

chore(design system): clean up compute icon (#50971 )

2026-09-28 15:32:37 +02:00

scripts

fix(studio): standardise custom icon weight (#48478 )

2026-08-03 17:48:50 +10:00

src

chore(design system): clean up compute icon (#50971 )

2026-09-28 15:32:37 +02:00

package.json

fix(studio): standardise custom icon weight (#48478 )

2026-08-03 17:48:50 +10:00

README.md

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610 )

2026-02-05 13:54:10 +01:00

tsconfig.json

chore: Bump Typescript to v6 (#44204 )

2026-03-26 15:27:35 +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 { 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

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.