dima/supabase

0 Fork 0

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

Files

T

Francesco Sansalvadore 99cfaf1f01 chore(design system): uniform elastic icon style (#50974 )

The `elastic` icon wasn't following the same styling of other icons in
our design system.
This PR uniforms it.

| Before           | After              |
| -------------- | ------ |
| <img width="121" height="81" alt="Screenshot 2026-09-28 at 13 46 47"
src="https://github.com/user-attachments/assets/f22f53b0-4b13-4d7a-b6f3-ce92664782de"
/> | <img width="104" height="90" alt="Screenshot 2026-09-28 at 13 47
18"
src="https://github.com/user-attachments/assets/39edc6f3-614a-4c12-8dd6-31ba953507be"
/> |

Link to preview icon:
https://design-system-git-chore-elastic-icon-supabase.vercel.app/design-system/docs/icons

2026-09-28 13:56:51 +02:00

__registry__

chore(design system): uniform elastic icon style (#50974 )

2026-09-28 13:56:51 +02:00

scripts

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

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

src

chore(design system): uniform elastic icon style (#50974 )

2026-09-28 13:56:51 +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.