mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 09:25:06 +03:00
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" /> |
This commit is contained in:
Francesco Sansalvadore authored and GitHub committed
1 parent
db63b4d6a2
commit
8e20712475
3 files changed
+7
-23
No files matched your search
@@ -128,10 +128,10 @@ export const Index: Record<string, any> = [
|
||||
name: "compute",
|
||||
componentName: "Compute",
|
||||
deprecated: false,
|
||||
raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Compute\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview \n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Compute = createSupabaseIcon(\n 'Compute',\n [\n [\n 'path',\n {\n d: 'M17.3089 9.453L12.0399 12.0412M6.771 9.453L12.0399 12.0412M12.0399 17.3786L12.0399 12.0412',\n key: '1xjerq',\n },\n ],\n [\n 'path',\n {\n d: 'M17.4709 9.97005V14.112C17.4707 14.2936 17.4148 14.472 17.3089 14.6292C17.203 14.7864 17.0507 14.917 16.8674 15.0077L12.6434 17.2398C12.4599 17.3307 12.2518 17.3785 12.0399 17.3785C11.8281 17.3785 11.62 17.3307 11.4365 17.2398L7.21242 15.0077C7.02913 14.917 6.87689 14.7864 6.77098 14.6292C6.66506 14.472 6.6092 14.2936 6.60898 14.112V9.97005C6.6092 9.78846 6.66506 9.61011 6.77098 9.4529C6.87689 9.29568 7.02913 9.16513 7.21242 9.07434L11.4289 6.84234C11.6123 6.75146 11.8205 6.70361 12.0323 6.70361C12.2442 6.70361 12.4523 6.75146 12.6357 6.84234L16.8674 9.07434C17.0507 9.16513 17.203 9.29568 17.3089 9.4529C17.4148 9.61011 17.4707 9.78846 17.4709 9.97005Z',\n key: '14e7lf',\n },\n ],\n [\n 'path',\n {\n d: 'M11.1475 2.64083C11.7475 2.31088 12.4747 2.31088 13.0748 2.64083L20.168 6.54111C20.8072 6.89259 21.2044 7.56419 21.2044 8.29365V15.9283C21.2044 16.6577 20.8072 17.3293 20.168 17.6808L13.0748 21.5811C12.4747 21.911 11.7475 21.911 11.1475 21.5811L4.0542 17.6808C3.415 17.3293 3.01785 16.6577 3.01785 15.9283V8.29365C3.01785 7.56419 3.415 6.89259 4.0542 6.54111L11.1475 2.64083Z',\n key: '4q5b48',\n },\n ],\n ],\n {\n fill: 'none',\n stroke: 'currentColor',\n strokeWidth: '1.5',\n strokeLinecap: 'round',\n strokeLinejoin: 'round',\n },\n);\n\nexport default Compute;\n",
|
||||
raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Compute\n * @description Supabase SVG icon component, renders SVG Element with children.\n *\n * @preview \n *\n * @param {Object} props - Supabase icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst Compute = createSupabaseIcon(\n 'Compute',\n [\n [\n 'path',\n {\n d: 'm12 12 5.309-2.547a1.14 1.14 0 0 0-.442-.38l-4.231-2.231A1.5 1.5 0 0 0 12 6.703a1.2 1.2 0 0 0-.571.139L7.212 9.074c-.183.09-.335.222-.44.38M12 12 6.772 9.453M12 12v5.4M6.772 9.453q0 0 0 0m10.537.001a.9.9 0 0 1 .162.516v4.141c0 .182-.056.36-.162.518a1.14 1.14 0 0 1-.442.378l-4.224 2.232c-.2.098-.42.153-.643.161-.212 0-.38-.07-.563-.161l-4.225-2.232a1.14 1.14 0 0 1-.441-.378.93.93 0 0 1-.162-.518V9.97a.9.9 0 0 1 .163-.517m4.376-6.813a2 2 0 0 1 1.927 0l7.093 3.9a2 2 0 0 1 1.036 1.753v7.635a2 2 0 0 1-1.036 1.752l-7.093 3.9a2 2 0 0 1-1.927 0l-7.094-3.9a2 2 0 0 1-1.036-1.752V8.293A2 2 0 0 1 4.054 6.54z',\n key: 'afg6tn',\n },\n ],\n ],\n {\n fill: 'none',\n stroke: 'currentColor',\n strokeWidth: '1.5',\n strokeLinecap: 'round',\n strokeLinejoin: 'round',\n },\n);\n\nexport default Compute;\n",
|
||||
component: React.lazy(() => import('icons/src/icons/compute')),
|
||||
import: "import { Compute } from 'icons'",
|
||||
svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M17.3089 9.453L12.0399 12.0412M6.771 9.453L12.0399 12.0412M12.0399 17.3786L12.0399 12.0412\"/>\n<path d=\"M17.4709 9.97005V14.112C17.4707 14.2936 17.4148 14.472 17.3089 14.6292C17.203 14.7864 17.0507 14.917 16.8674 15.0077L12.6434 17.2398C12.4599 17.3307 12.2518 17.3785 12.0399 17.3785C11.8281 17.3785 11.62 17.3307 11.4365 17.2398L7.21242 15.0077C7.02913 14.917 6.87689 14.7864 6.77098 14.6292C6.66506 14.472 6.6092 14.2936 6.60898 14.112V9.97005C6.6092 9.78846 6.66506 9.61011 6.77098 9.4529C6.87689 9.29568 7.02913 9.16513 7.21242 9.07434L11.4289 6.84234C11.6123 6.75146 11.8205 6.70361 12.0323 6.70361C12.2442 6.70361 12.4523 6.75146 12.6357 6.84234L16.8674 9.07434C17.0507 9.16513 17.203 9.29568 17.3089 9.4529C17.4148 9.61011 17.4707 9.78846 17.4709 9.97005Z\"/>\n<path d=\"M11.1475 2.64083C11.7475 2.31088 12.4747 2.31088 13.0748 2.64083L20.168 6.54111C20.8072 6.89259 21.2044 7.56419 21.2044 8.29365V15.9283C21.2044 16.6577 20.8072 17.3293 20.168 17.6808L13.0748 21.5811C12.4747 21.911 11.7475 21.911 11.1475 21.5811L4.0542 17.6808C3.415 17.3293 3.01785 16.6577 3.01785 15.9283V8.29365C3.01785 7.56419 3.415 6.89259 4.0542 6.54111L11.1475 2.64083Z\"/>\n</svg>\n",
|
||||
svg: "<svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"m12 12 5.309-2.547a1.14 1.14 0 0 0-.442-.38l-4.231-2.231A1.5 1.5 0 0 0 12 6.703a1.2 1.2 0 0 0-.571.139L7.212 9.074c-.183.09-.335.222-.44.38M12 12 6.772 9.453M12 12v5.4M6.772 9.453q0 0 0 0m10.537.001a.9.9 0 0 1 .162.516v4.141c0 .182-.056.36-.162.518a1.14 1.14 0 0 1-.442.378l-4.224 2.232c-.2.098-.42.153-.643.161-.212 0-.38-.07-.563-.161l-4.225-2.232a1.14 1.14 0 0 1-.441-.378.93.93 0 0 1-.162-.518V9.97a.9.9 0 0 1 .163-.517m4.376-6.813a2 2 0 0 1 1.927 0l7.093 3.9a2 2 0 0 1 1.036 1.753v7.635a2 2 0 0 1-1.036 1.752l-7.093 3.9a2 2 0 0 1-1.927 0l-7.094-3.9a2 2 0 0 1-1.036-1.752V8.293A2 2 0 0 1 4.054 6.54z\"/>\n</svg>",
|
||||
jsx: "import { Compute } from \"icons\"\n <Compute/>\n "
|
||||
},
|
||||
{
|
||||
|
||||
@@ -4,7 +4,7 @@ import createSupabaseIcon from '../createSupabaseIcon';
|
||||
* @component @name Compute
|
||||
* @description Supabase SVG icon component, renders SVG Element with children.
|
||||
*
|
||||
* @preview 
|
||||
* @preview 
|
||||
*
|
||||
* @param {Object} props - Supabase icons props and any valid SVG attribute
|
||||
* @returns {JSX.Element} JSX Element
|
||||
@@ -16,22 +16,8 @@ const Compute = createSupabaseIcon(
|
||||
[
|
||||
'path',
|
||||
{
|
||||
d: 'M17.3089 9.453L12.0399 12.0412M6.771 9.453L12.0399 12.0412M12.0399 17.3786L12.0399 12.0412',
|
||||
key: '1xjerq',
|
||||
},
|
||||
],
|
||||
[
|
||||
'path',
|
||||
{
|
||||
d: 'M17.4709 9.97005V14.112C17.4707 14.2936 17.4148 14.472 17.3089 14.6292C17.203 14.7864 17.0507 14.917 16.8674 15.0077L12.6434 17.2398C12.4599 17.3307 12.2518 17.3785 12.0399 17.3785C11.8281 17.3785 11.62 17.3307 11.4365 17.2398L7.21242 15.0077C7.02913 14.917 6.87689 14.7864 6.77098 14.6292C6.66506 14.472 6.6092 14.2936 6.60898 14.112V9.97005C6.6092 9.78846 6.66506 9.61011 6.77098 9.4529C6.87689 9.29568 7.02913 9.16513 7.21242 9.07434L11.4289 6.84234C11.6123 6.75146 11.8205 6.70361 12.0323 6.70361C12.2442 6.70361 12.4523 6.75146 12.6357 6.84234L16.8674 9.07434C17.0507 9.16513 17.203 9.29568 17.3089 9.4529C17.4148 9.61011 17.4707 9.78846 17.4709 9.97005Z',
|
||||
key: '14e7lf',
|
||||
},
|
||||
],
|
||||
[
|
||||
'path',
|
||||
{
|
||||
d: 'M11.1475 2.64083C11.7475 2.31088 12.4747 2.31088 13.0748 2.64083L20.168 6.54111C20.8072 6.89259 21.2044 7.56419 21.2044 8.29365V15.9283C21.2044 16.6577 20.8072 17.3293 20.168 17.6808L13.0748 21.5811C12.4747 21.911 11.7475 21.911 11.1475 21.5811L4.0542 17.6808C3.415 17.3293 3.01785 16.6577 3.01785 15.9283V8.29365C3.01785 7.56419 3.415 6.89259 4.0542 6.54111L11.1475 2.64083Z',
|
||||
key: '4q5b48',
|
||||
d: 'm12 12 5.309-2.547a1.14 1.14 0 0 0-.442-.38l-4.231-2.231A1.5 1.5 0 0 0 12 6.703a1.2 1.2 0 0 0-.571.139L7.212 9.074c-.183.09-.335.222-.44.38M12 12 6.772 9.453M12 12v5.4M6.772 9.453q0 0 0 0m10.537.001a.9.9 0 0 1 .162.516v4.141c0 .182-.056.36-.162.518a1.14 1.14 0 0 1-.442.378l-4.224 2.232c-.2.098-.42.153-.643.161-.212 0-.38-.07-.563-.161l-4.225-2.232a1.14 1.14 0 0 1-.441-.378.93.93 0 0 1-.162-.518V9.97a.9.9 0 0 1 .163-.517m4.376-6.813a2 2 0 0 1 1.927 0l7.093 3.9a2 2 0 0 1 1.036 1.753v7.635a2 2 0 0 1-1.036 1.752l-7.093 3.9a2 2 0 0 1-1.927 0l-7.094-3.9a2 2 0 0 1-1.036-1.752V8.293A2 2 0 0 1 4.054 6.54z',
|
||||
key: 'afg6tn',
|
||||
},
|
||||
],
|
||||
],
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.3089 9.453L12.0399 12.0412M6.771 9.453L12.0399 12.0412M12.0399 17.3786L12.0399 12.0412"/>
|
||||
<path d="M17.4709 9.97005V14.112C17.4707 14.2936 17.4148 14.472 17.3089 14.6292C17.203 14.7864 17.0507 14.917 16.8674 15.0077L12.6434 17.2398C12.4599 17.3307 12.2518 17.3785 12.0399 17.3785C11.8281 17.3785 11.62 17.3307 11.4365 17.2398L7.21242 15.0077C7.02913 14.917 6.87689 14.7864 6.77098 14.6292C6.66506 14.472 6.6092 14.2936 6.60898 14.112V9.97005C6.6092 9.78846 6.66506 9.61011 6.77098 9.4529C6.87689 9.29568 7.02913 9.16513 7.21242 9.07434L11.4289 6.84234C11.6123 6.75146 11.8205 6.70361 12.0323 6.70361C12.2442 6.70361 12.4523 6.75146 12.6357 6.84234L16.8674 9.07434C17.0507 9.16513 17.203 9.29568 17.3089 9.4529C17.4148 9.61011 17.4707 9.78846 17.4709 9.97005Z"/>
|
||||
<path d="M11.1475 2.64083C11.7475 2.31088 12.4747 2.31088 13.0748 2.64083L20.168 6.54111C20.8072 6.89259 21.2044 7.56419 21.2044 8.29365V15.9283C21.2044 16.6577 20.8072 17.3293 20.168 17.6808L13.0748 21.5811C12.4747 21.911 11.7475 21.911 11.1475 21.5811L4.0542 17.6808C3.415 17.3293 3.01785 16.6577 3.01785 15.9283V8.29365C3.01785 7.56419 3.415 6.89259 4.0542 6.54111L11.1475 2.64083Z"/>
|
||||
<svg width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m12 12 5.309-2.547a1.14 1.14 0 0 0-.442-.38l-4.231-2.231A1.5 1.5 0 0 0 12 6.703a1.2 1.2 0 0 0-.571.139L7.212 9.074c-.183.09-.335.222-.44.38M12 12 6.772 9.453M12 12v5.4M6.772 9.453q0 0 0 0m10.537.001a.9.9 0 0 1 .162.516v4.141c0 .182-.056.36-.162.518a1.14 1.14 0 0 1-.442.378l-4.224 2.232c-.2.098-.42.153-.643.161-.212 0-.38-.07-.563-.161l-4.225-2.232a1.14 1.14 0 0 1-.441-.378.93.93 0 0 1-.162-.518V9.97a.9.9 0 0 1 .163-.517m4.376-6.813a2 2 0 0 1 1.927 0l7.093 3.9a2 2 0 0 1 1.036 1.753v7.635a2 2 0 0 1-1.036 1.752l-7.093 3.9a2 2 0 0 1-1.927 0l-7.094-3.9a2 2 0 0 1-1.036-1.752V8.293A2 2 0 0 1 4.054 6.54z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 787 B |
Reference in new issue
Block a user