mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 01:15:03 +03:00
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
This commit is contained in:
Francesco Sansalvadore authored and GitHub committed
1 parent
7994191e49
commit
99cfaf1f01
5 files changed
+38
-74
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: 'M7.55556 8.70049L12 11.5011M12 11.5011L16.4444 8.70049M12 11.5011L12 16.401M22 15.7009V7.29914C21.9996 6.9308 21.8967 6.56904 21.7017 6.25014C21.5067 5.93125 21.2264 5.66643 20.8889 5.48227L13.1111 1.2814C12.7733 1.09705 12.3901 1 12 1C11.6099 1 11.2267 1.09705 10.8889 1.2814L3.11111 5.48227C2.77363 5.66643 2.49331 5.93125 2.29829 6.25014C2.10327 6.56904 2.0004 6.9308 2 7.29914V15.7009C2.0004 16.0692 2.10327 16.431 2.29829 16.7499C2.49331 17.0688 2.77363 17.3336 3.11111 17.5177L10.8889 21.7186C11.2267 21.9029 11.6099 22 12 22C12.3901 22 12.7733 21.9029 13.1111 21.7186L20.8889 17.5177C21.2264 17.3336 21.5067 17.0688 21.7017 16.7499C21.8967 16.431 21.9996 16.0692 22 15.7009ZM17.9259 13.742V9.26015C17.9257 9.06366 17.8647 8.87068 17.7492 8.70057C17.6336 8.53046 17.4675 8.38919 17.2675 8.29095L12.6584 6.05003C12.4582 5.95169 12.2312 5.89992 12 5.89992C11.7688 5.89992 11.5418 5.95169 11.3416 6.05003L6.73251 8.29095C6.53252 8.38919 6.36641 8.53046 6.25084 8.70057C6.13527 8.87068 6.07431 9.06366 6.07407 9.26015V13.742C6.07431 13.9385 6.13527 14.1315 6.25084 14.3016C6.36641 14.4717 6.53252 14.6129 6.73251 14.7112L11.3416 16.9521C11.5418 17.0504 11.7688 17.1022 12 17.1022C12.2312 17.1022 12.4582 17.0504 12.6584 16.9521L17.2675 14.7112C17.4675 14.6129 17.6336 14.4717 17.7492 14.3016C17.8647 14.1315 17.9257 13.9385 17.9259 13.742Z',\n key: '1cro8t',\n },\n ],\n ],\n { fill: 'none', stroke: 'currentColor', strokeWidth: '1.5' },\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: '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",
|
||||
component: React.lazy(() => import('icons/src/icons/compute')),
|
||||
import: "import { Compute } from 'icons'",
|
||||
svg: "<svg width=\"24\" height=\"23\" viewBox=\"0 0 24 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" stroke=\"currentColor\" stroke-width=\"1.5\">\n<path d=\"M7.55556 8.70049L12 11.5011M12 11.5011L16.4444 8.70049M12 11.5011L12 16.401M22 15.7009V7.29914C21.9996 6.9308 21.8967 6.56904 21.7017 6.25014C21.5067 5.93125 21.2264 5.66643 20.8889 5.48227L13.1111 1.2814C12.7733 1.09705 12.3901 1 12 1C11.6099 1 11.2267 1.09705 10.8889 1.2814L3.11111 5.48227C2.77363 5.66643 2.49331 5.93125 2.29829 6.25014C2.10327 6.56904 2.0004 6.9308 2 7.29914V15.7009C2.0004 16.0692 2.10327 16.431 2.29829 16.7499C2.49331 17.0688 2.77363 17.3336 3.11111 17.5177L10.8889 21.7186C11.2267 21.9029 11.6099 22 12 22C12.3901 22 12.7733 21.9029 13.1111 21.7186L20.8889 17.5177C21.2264 17.3336 21.5067 17.0688 21.7017 16.7499C21.8967 16.431 21.9996 16.0692 22 15.7009ZM17.9259 13.742V9.26015C17.9257 9.06366 17.8647 8.87068 17.7492 8.70057C17.6336 8.53046 17.4675 8.38919 17.2675 8.29095L12.6584 6.05003C12.4582 5.95169 12.2312 5.89992 12 5.89992C11.7688 5.89992 11.5418 5.95169 11.3416 6.05003L6.73251 8.29095C6.53252 8.38919 6.36641 8.53046 6.25084 8.70057C6.13527 8.87068 6.07431 9.06366 6.07407 9.26015V13.742C6.07431 13.9385 6.13527 14.1315 6.25084 14.3016C6.36641 14.4717 6.53252 14.6129 6.73251 14.7112L11.3416 16.9521C11.5418 17.0504 11.7688 17.1022 12 17.1022C12.2312 17.1022 12.4582 17.0504 12.6584 16.9521L17.2675 14.7112C17.4675 14.6129 17.6336 14.4717 17.7492 14.3016C17.8647 14.1315 17.9257 13.9385 17.9259 13.742Z\"/>\n</svg>\n",
|
||||
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",
|
||||
jsx: "import { Compute } from \"icons\"\n <Compute/>\n "
|
||||
},
|
||||
{
|
||||
@@ -168,10 +168,10 @@ export const Index: Record<string, any> = [
|
||||
name: "elastic",
|
||||
componentName: "Elastic",
|
||||
deprecated: false,
|
||||
raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Elastic\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 Elastic = createSupabaseIcon(\n 'Elastic',\n [\n [\n 'path',\n {\n fill: '#0B64DD',\n stroke: '#fff',\n 'stroke-width': '1.2',\n d: 'M27.565 11.242c5.1 1.94 4.872 9.396-.245 11.127l-.162.055-.167-.039-5.28-1.238-.268-.063-.127-.244-1.4-2.69-.217-.417.352-.31 6.904-6.07.272-.24.338.13Z',\n key: 'el1',\n },\n ],\n [\n 'path',\n {\n fill: '#9ADC30',\n stroke: '#fff',\n 'stroke-width': '1.2',\n d: 'm22.047 21.239 4.8 1.125.316.074.11.304.066.19c.623 1.964-.26 3.78-1.652 4.797-1.434 1.048-3.51 1.32-5.182.022l-.29-.225.069-.361 1.037-5.454.117-.615.61.143Z',\n key: 'el2',\n },\n ],\n [\n 'path',\n {\n fill: '#1BA9F5',\n stroke: '#fff',\n 'stroke-width': '1.2',\n d: 'm5.01 9.63 5.267 1.255.283.067.122.264 1.235 2.65.187.4-.328.298-6.733 6.1-.272.248-.345-.132C1.939 19.83.72 17.456.752 15.153c.032-2.308 1.321-4.644 3.932-5.508l.162-.054.165.039Z',\n key: 'el3',\n },\n ],\n [\n 'path',\n {\n fill: '#F04E98',\n stroke: '#fff',\n 'stroke-width': '1.2',\n d: 'M6.281 4.32c1.416-1.08 3.48-1.387 5.222-.069l.297.226-.07.366-1.053 5.474-.118.615-.609-.144-4.8-1.137-.316-.075-.11-.306c-.709-1.967.149-3.876 1.557-4.95Z',\n key: 'el4',\n },\n ],\n [\n 'path',\n {\n fill: '#02BCB7',\n stroke: '#fff',\n 'stroke-width': '1.2',\n d: 'm12.466 14.433 7.03 3.211.188.086.095.183 1.555 2.985.096.184-.04.206-1.165 6.101-.024.122-.068.103c-2.68 3.958-6.902 4.71-10.268 3.26-3.356-1.447-5.834-5.07-5.126-9.736l.033-.21.158-.144 6.884-6.25.293-.265.36.164Z',\n key: 'el5',\n },\n ],\n [\n 'path',\n {\n fill: '#FEC514',\n stroke: '#fff',\n 'stroke-width': '1.2',\n d: 'M11.892 4.41C14.438.676 18.741.105 22.134 1.54c3.392 1.433 5.99 4.92 5.102 9.362l-.039.2-.153.133-7.066 6.213-.293.258-.353-.163-7.002-3.21-.201-.093-.094-.2-1.38-2.988-.081-.177.037-.19L11.8 4.633l.023-.121.07-.102Z',\n key: 'el6',\n },\n ],\n ],\n { fill: 'none', stroke: 'none', viewBox: '0 0 32 32' },\n);\n\nexport default Elastic;\n",
|
||||
raw: "import createSupabaseIcon from '../createSupabaseIcon';\n\n/**\n * @component @name Elastic\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 Elastic = createSupabaseIcon(\n 'Elastic',\n [\n [\n 'path',\n {\n d: 'M19.5 16L19.6119 15.966C23.1479 14.8947 22.807 10.2804 19.2828 9.07983L19.0492 9L18.8613 9.14853L14.2535 13.0453M19.5 16L19.3846 15.9759L16 15.5M19.5 16C19.9251 17.3046 19.6942 18.8707 18.7443 19.5463C17.7657 20.2424 16.3491 20.4231 15.2081 19.5609M8.13315 9.1451L9 11M4.27582 15.2187C2.74234 14.6313 1.9906 13.0034 2.01033 11.5794C2.03006 10.1523 2.66577 8.85599 4.27571 8.32176M18.8689 9.21688L18.9734 9.13026L19 9C19.6065 6.10701 18.2121 3.90467 15.8954 2.97139C13.578 2.0368 10.6391 2.40868 8.90017 4.84056L8.85305 4.90699L8.83734 4.9858M5.24552 4.76216C6.21143 4.04705 7.61936 3.84377 8.80765 4.71647L9.01024 4.86612L8.96249 5.10846L8.16371 9.14026L4.25847 8.24239L4.18343 8.03978C3.6998 6.73734 4.28507 5.4733 5.24552 4.76216ZM14.764 13.3423L14.8318 13.4588L16.0102 15.475L15.9817 15.6061L15.1502 19.4879L15.133 19.5655L15.0845 19.631C13.1716 22.1493 10.1581 22.6278 7.75561 21.7052C5.36023 20.7845 3.59153 18.4794 4.09687 15.5107L4.12043 15.377L4.2332 15.2854L9.14673 11.3089L9.35586 11.1403L14.764 13.3423Z',\n key: '1enzsi',\n },\n ],\n ],\n { fill: 'none', stroke: 'currentColor', strokeWidth: '1.5' },\n);\n\nexport default Elastic;\n",
|
||||
component: React.lazy(() => import('icons/src/icons/elastic')),
|
||||
import: "import { Elastic } from 'icons'",
|
||||
svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill=\"#0B64DD\" stroke=\"#fff\" stroke-width=\"1.2\" d=\"M27.565 11.242c5.1 1.94 4.872 9.396-.245 11.127l-.162.055-.167-.039-5.28-1.238-.268-.063-.127-.244-1.4-2.69-.217-.417.352-.31 6.904-6.07.272-.24.338.13Z\"/>\n<path fill=\"#9ADC30\" stroke=\"#fff\" stroke-width=\"1.2\" d=\"m22.047 21.239 4.8 1.125.316.074.11.304.066.19c.623 1.964-.26 3.78-1.652 4.797-1.434 1.048-3.51 1.32-5.182.022l-.29-.225.069-.361 1.037-5.454.117-.615.61.143Z\"/>\n<path fill=\"#1BA9F5\" stroke=\"#fff\" stroke-width=\"1.2\" d=\"m5.01 9.63 5.267 1.255.283.067.122.264 1.235 2.65.187.4-.328.298-6.733 6.1-.272.248-.345-.132C1.939 19.83.72 17.456.752 15.153c.032-2.308 1.321-4.644 3.932-5.508l.162-.054.165.039Z\"/>\n<path fill=\"#F04E98\" stroke=\"#fff\" stroke-width=\"1.2\" d=\"M6.281 4.32c1.416-1.08 3.48-1.387 5.222-.069l.297.226-.07.366-1.053 5.474-.118.615-.609-.144-4.8-1.137-.316-.075-.11-.306c-.709-1.967.149-3.876 1.557-4.95Z\"/>\n<path fill=\"#02BCB7\" stroke=\"#fff\" stroke-width=\"1.2\" d=\"m12.466 14.433 7.03 3.211.188.086.095.183 1.555 2.985.096.184-.04.206-1.165 6.101-.024.122-.068.103c-2.68 3.958-6.902 4.71-10.268 3.26-3.356-1.447-5.834-5.07-5.126-9.736l.033-.21.158-.144 6.884-6.25.293-.265.36.164Z\"/>\n<path fill=\"#FEC514\" stroke=\"#fff\" stroke-width=\"1.2\" d=\"M11.892 4.41C14.438.676 18.741.105 22.134 1.54c3.392 1.433 5.99 4.92 5.102 9.362l-.039.2-.153.133-7.066 6.213-.293.258-.353-.163-7.002-3.21-.201-.093-.094-.2-1.38-2.988-.081-.177.037-.19L11.8 4.633l.023-.121.07-.102Z\"/>\n</svg>\n",
|
||||
svg: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M19.5 16L19.6119 15.966C23.1479 14.8947 22.807 10.2804 19.2828 9.07983L19.0492 9L18.8613 9.14853L14.2535 13.0453M19.5 16L19.3846 15.9759L16 15.5M19.5 16C19.9251 17.3046 19.6942 18.8707 18.7443 19.5463C17.7657 20.2424 16.3491 20.4231 15.2081 19.5609M8.13315 9.1451L9 11M4.27582 15.2187C2.74234 14.6313 1.9906 13.0034 2.01033 11.5794C2.03006 10.1523 2.66577 8.85599 4.27571 8.32176M18.8689 9.21688L18.9734 9.13026L19 9C19.6065 6.10701 18.2121 3.90467 15.8954 2.97139C13.578 2.0368 10.6391 2.40868 8.90017 4.84056L8.85305 4.90699L8.83734 4.9858M5.24552 4.76216C6.21143 4.04705 7.61936 3.84377 8.80765 4.71647L9.01024 4.86612L8.96249 5.10846L8.16371 9.14026L4.25847 8.24239L4.18343 8.03978C3.6998 6.73734 4.28507 5.4733 5.24552 4.76216ZM14.764 13.3423L14.8318 13.4588L16.0102 15.475L15.9817 15.6061L15.1502 19.4879L15.133 19.5655L15.0845 19.631C13.1716 22.1493 10.1581 22.6278 7.75561 21.7052C5.36023 20.7845 3.59153 18.4794 4.09687 15.5107L4.12043 15.377L4.2332 15.2854L9.14673 11.3089L9.35586 11.1403L14.764 13.3423Z\"/>\n</svg>\n",
|
||||
jsx: "import { Elastic } from \"icons\"\n <Elastic/>\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,12 +16,32 @@ const Compute = createSupabaseIcon(
|
||||
[
|
||||
'path',
|
||||
{
|
||||
d: 'M7.55556 8.70049L12 11.5011M12 11.5011L16.4444 8.70049M12 11.5011L12 16.401M22 15.7009V7.29914C21.9996 6.9308 21.8967 6.56904 21.7017 6.25014C21.5067 5.93125 21.2264 5.66643 20.8889 5.48227L13.1111 1.2814C12.7733 1.09705 12.3901 1 12 1C11.6099 1 11.2267 1.09705 10.8889 1.2814L3.11111 5.48227C2.77363 5.66643 2.49331 5.93125 2.29829 6.25014C2.10327 6.56904 2.0004 6.9308 2 7.29914V15.7009C2.0004 16.0692 2.10327 16.431 2.29829 16.7499C2.49331 17.0688 2.77363 17.3336 3.11111 17.5177L10.8889 21.7186C11.2267 21.9029 11.6099 22 12 22C12.3901 22 12.7733 21.9029 13.1111 21.7186L20.8889 17.5177C21.2264 17.3336 21.5067 17.0688 21.7017 16.7499C21.8967 16.431 21.9996 16.0692 22 15.7009ZM17.9259 13.742V9.26015C17.9257 9.06366 17.8647 8.87068 17.7492 8.70057C17.6336 8.53046 17.4675 8.38919 17.2675 8.29095L12.6584 6.05003C12.4582 5.95169 12.2312 5.89992 12 5.89992C11.7688 5.89992 11.5418 5.95169 11.3416 6.05003L6.73251 8.29095C6.53252 8.38919 6.36641 8.53046 6.25084 8.70057C6.13527 8.87068 6.07431 9.06366 6.07407 9.26015V13.742C6.07431 13.9385 6.13527 14.1315 6.25084 14.3016C6.36641 14.4717 6.53252 14.6129 6.73251 14.7112L11.3416 16.9521C11.5418 17.0504 11.7688 17.1022 12 17.1022C12.2312 17.1022 12.4582 17.0504 12.6584 16.9521L17.2675 14.7112C17.4675 14.6129 17.6336 14.4717 17.7492 14.3016C17.8647 14.1315 17.9257 13.9385 17.9259 13.742Z',
|
||||
key: '1cro8t',
|
||||
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',
|
||||
},
|
||||
],
|
||||
],
|
||||
{ fill: 'none', stroke: 'currentColor', strokeWidth: '1.5' },
|
||||
{
|
||||
fill: 'none',
|
||||
stroke: 'currentColor',
|
||||
strokeWidth: '1.5',
|
||||
strokeLinecap: 'round',
|
||||
strokeLinejoin: 'round',
|
||||
},
|
||||
);
|
||||
|
||||
export default Compute;
|
||||
@@ -4,7 +4,7 @@ import createSupabaseIcon from '../createSupabaseIcon';
|
||||
* @component @name Elastic
|
||||
* @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,65 +16,12 @@ const Elastic = createSupabaseIcon(
|
||||
[
|
||||
'path',
|
||||
{
|
||||
fill: '#0B64DD',
|
||||
stroke: '#fff',
|
||||
'stroke-width': '1.2',
|
||||
d: 'M27.565 11.242c5.1 1.94 4.872 9.396-.245 11.127l-.162.055-.167-.039-5.28-1.238-.268-.063-.127-.244-1.4-2.69-.217-.417.352-.31 6.904-6.07.272-.24.338.13Z',
|
||||
key: 'el1',
|
||||
},
|
||||
],
|
||||
[
|
||||
'path',
|
||||
{
|
||||
fill: '#9ADC30',
|
||||
stroke: '#fff',
|
||||
'stroke-width': '1.2',
|
||||
d: 'm22.047 21.239 4.8 1.125.316.074.11.304.066.19c.623 1.964-.26 3.78-1.652 4.797-1.434 1.048-3.51 1.32-5.182.022l-.29-.225.069-.361 1.037-5.454.117-.615.61.143Z',
|
||||
key: 'el2',
|
||||
},
|
||||
],
|
||||
[
|
||||
'path',
|
||||
{
|
||||
fill: '#1BA9F5',
|
||||
stroke: '#fff',
|
||||
'stroke-width': '1.2',
|
||||
d: 'm5.01 9.63 5.267 1.255.283.067.122.264 1.235 2.65.187.4-.328.298-6.733 6.1-.272.248-.345-.132C1.939 19.83.72 17.456.752 15.153c.032-2.308 1.321-4.644 3.932-5.508l.162-.054.165.039Z',
|
||||
key: 'el3',
|
||||
},
|
||||
],
|
||||
[
|
||||
'path',
|
||||
{
|
||||
fill: '#F04E98',
|
||||
stroke: '#fff',
|
||||
'stroke-width': '1.2',
|
||||
d: 'M6.281 4.32c1.416-1.08 3.48-1.387 5.222-.069l.297.226-.07.366-1.053 5.474-.118.615-.609-.144-4.8-1.137-.316-.075-.11-.306c-.709-1.967.149-3.876 1.557-4.95Z',
|
||||
key: 'el4',
|
||||
},
|
||||
],
|
||||
[
|
||||
'path',
|
||||
{
|
||||
fill: '#02BCB7',
|
||||
stroke: '#fff',
|
||||
'stroke-width': '1.2',
|
||||
d: 'm12.466 14.433 7.03 3.211.188.086.095.183 1.555 2.985.096.184-.04.206-1.165 6.101-.024.122-.068.103c-2.68 3.958-6.902 4.71-10.268 3.26-3.356-1.447-5.834-5.07-5.126-9.736l.033-.21.158-.144 6.884-6.25.293-.265.36.164Z',
|
||||
key: 'el5',
|
||||
},
|
||||
],
|
||||
[
|
||||
'path',
|
||||
{
|
||||
fill: '#FEC514',
|
||||
stroke: '#fff',
|
||||
'stroke-width': '1.2',
|
||||
d: 'M11.892 4.41C14.438.676 18.741.105 22.134 1.54c3.392 1.433 5.99 4.92 5.102 9.362l-.039.2-.153.133-7.066 6.213-.293.258-.353-.163-7.002-3.21-.201-.093-.094-.2-1.38-2.988-.081-.177.037-.19L11.8 4.633l.023-.121.07-.102Z',
|
||||
key: 'el6',
|
||||
d: 'M19.5 16L19.6119 15.966C23.1479 14.8947 22.807 10.2804 19.2828 9.07983L19.0492 9L18.8613 9.14853L14.2535 13.0453M19.5 16L19.3846 15.9759L16 15.5M19.5 16C19.9251 17.3046 19.6942 18.8707 18.7443 19.5463C17.7657 20.2424 16.3491 20.4231 15.2081 19.5609M8.13315 9.1451L9 11M4.27582 15.2187C2.74234 14.6313 1.9906 13.0034 2.01033 11.5794C2.03006 10.1523 2.66577 8.85599 4.27571 8.32176M18.8689 9.21688L18.9734 9.13026L19 9C19.6065 6.10701 18.2121 3.90467 15.8954 2.97139C13.578 2.0368 10.6391 2.40868 8.90017 4.84056L8.85305 4.90699L8.83734 4.9858M5.24552 4.76216C6.21143 4.04705 7.61936 3.84377 8.80765 4.71647L9.01024 4.86612L8.96249 5.10846L8.16371 9.14026L4.25847 8.24239L4.18343 8.03978C3.6998 6.73734 4.28507 5.4733 5.24552 4.76216ZM14.764 13.3423L14.8318 13.4588L16.0102 15.475L15.9817 15.6061L15.1502 19.4879L15.133 19.5655L15.0845 19.631C13.1716 22.1493 10.1581 22.6278 7.75561 21.7052C5.36023 20.7845 3.59153 18.4794 4.09687 15.5107L4.12043 15.377L4.2332 15.2854L9.14673 11.3089L9.35586 11.1403L14.764 13.3423Z',
|
||||
key: '1enzsi',
|
||||
},
|
||||
],
|
||||
],
|
||||
{ fill: 'none', stroke: 'none', viewBox: '0 0 32 32' },
|
||||
{ fill: 'none', stroke: 'currentColor', strokeWidth: '1.5' },
|
||||
);
|
||||
|
||||
export default Elastic;
|
||||
@@ -1,3 +1,5 @@
|
||||
<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="1.5">
|
||||
<path d="M7.55556 8.70049L12 11.5011M12 11.5011L16.4444 8.70049M12 11.5011L12 16.401M22 15.7009V7.29914C21.9996 6.9308 21.8967 6.56904 21.7017 6.25014C21.5067 5.93125 21.2264 5.66643 20.8889 5.48227L13.1111 1.2814C12.7733 1.09705 12.3901 1 12 1C11.6099 1 11.2267 1.09705 10.8889 1.2814L3.11111 5.48227C2.77363 5.66643 2.49331 5.93125 2.29829 6.25014C2.10327 6.56904 2.0004 6.9308 2 7.29914V15.7009C2.0004 16.0692 2.10327 16.431 2.29829 16.7499C2.49331 17.0688 2.77363 17.3336 3.11111 17.5177L10.8889 21.7186C11.2267 21.9029 11.6099 22 12 22C12.3901 22 12.7733 21.9029 13.1111 21.7186L20.8889 17.5177C21.2264 17.3336 21.5067 17.0688 21.7017 16.7499C21.8967 16.431 21.9996 16.0692 22 15.7009ZM17.9259 13.742V9.26015C17.9257 9.06366 17.8647 8.87068 17.7492 8.70057C17.6336 8.53046 17.4675 8.38919 17.2675 8.29095L12.6584 6.05003C12.4582 5.95169 12.2312 5.89992 12 5.89992C11.7688 5.89992 11.5418 5.95169 11.3416 6.05003L6.73251 8.29095C6.53252 8.38919 6.36641 8.53046 6.25084 8.70057C6.13527 8.87068 6.07431 9.06366 6.07407 9.26015V13.742C6.07431 13.9385 6.13527 14.1315 6.25084 14.3016C6.36641 14.4717 6.53252 14.6129 6.73251 14.7112L11.3416 16.9521C11.5418 17.0504 11.7688 17.1022 12 17.1022C12.2312 17.1022 12.4582 17.0504 12.6584 16.9521L17.2675 14.7112C17.4675 14.6129 17.6336 14.4717 17.7492 14.3016C17.8647 14.1315 17.9257 13.9385 17.9259 13.742Z"/>
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.3 KiB |
@@ -1,8 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 32 32" fill="none" stroke="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#0B64DD" stroke="#fff" stroke-width="1.2" d="M27.565 11.242c5.1 1.94 4.872 9.396-.245 11.127l-.162.055-.167-.039-5.28-1.238-.268-.063-.127-.244-1.4-2.69-.217-.417.352-.31 6.904-6.07.272-.24.338.13Z"/>
|
||||
<path fill="#9ADC30" stroke="#fff" stroke-width="1.2" d="m22.047 21.239 4.8 1.125.316.074.11.304.066.19c.623 1.964-.26 3.78-1.652 4.797-1.434 1.048-3.51 1.32-5.182.022l-.29-.225.069-.361 1.037-5.454.117-.615.61.143Z"/>
|
||||
<path fill="#1BA9F5" stroke="#fff" stroke-width="1.2" d="m5.01 9.63 5.267 1.255.283.067.122.264 1.235 2.65.187.4-.328.298-6.733 6.1-.272.248-.345-.132C1.939 19.83.72 17.456.752 15.153c.032-2.308 1.321-4.644 3.932-5.508l.162-.054.165.039Z"/>
|
||||
<path fill="#F04E98" stroke="#fff" stroke-width="1.2" d="M6.281 4.32c1.416-1.08 3.48-1.387 5.222-.069l.297.226-.07.366-1.053 5.474-.118.615-.609-.144-4.8-1.137-.316-.075-.11-.306c-.709-1.967.149-3.876 1.557-4.95Z"/>
|
||||
<path fill="#02BCB7" stroke="#fff" stroke-width="1.2" d="m12.466 14.433 7.03 3.211.188.086.095.183 1.555 2.985.096.184-.04.206-1.165 6.101-.024.122-.068.103c-2.68 3.958-6.902 4.71-10.268 3.26-3.356-1.447-5.834-5.07-5.126-9.736l.033-.21.158-.144 6.884-6.25.293-.265.36.164Z"/>
|
||||
<path fill="#FEC514" stroke="#fff" stroke-width="1.2" d="M11.892 4.41C14.438.676 18.741.105 22.134 1.54c3.392 1.433 5.99 4.92 5.102 9.362l-.039.2-.153.133-7.066 6.213-.293.258-.353-.163-7.002-3.21-.201-.093-.094-.2-1.38-2.988-.081-.177.037-.19L11.8 4.633l.023-.121.07-.102Z"/>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.5 16L19.6119 15.966C23.1479 14.8947 22.807 10.2804 19.2828 9.07983L19.0492 9L18.8613 9.14853L14.2535 13.0453M19.5 16L19.3846 15.9759L16 15.5M19.5 16C19.9251 17.3046 19.6942 18.8707 18.7443 19.5463C17.7657 20.2424 16.3491 20.4231 15.2081 19.5609M8.13315 9.1451L9 11M4.27582 15.2187C2.74234 14.6313 1.9906 13.0034 2.01033 11.5794C2.03006 10.1523 2.66577 8.85599 4.27571 8.32176M18.8689 9.21688L18.9734 9.13026L19 9C19.6065 6.10701 18.2121 3.90467 15.8954 2.97139C13.578 2.0368 10.6391 2.40868 8.90017 4.84056L8.85305 4.90699L8.83734 4.9858M5.24552 4.76216C6.21143 4.04705 7.61936 3.84377 8.80765 4.71647L9.01024 4.86612L8.96249 5.10846L8.16371 9.14026L4.25847 8.24239L4.18343 8.03978C3.6998 6.73734 4.28507 5.4733 5.24552 4.76216ZM14.764 13.3423L14.8318 13.4588L16.0102 15.475L15.9817 15.6061L15.1502 19.4879L15.133 19.5655L15.0845 19.631C13.1716 22.1493 10.1581 22.6278 7.75561 21.7052C5.36023 20.7845 3.59153 18.4794 4.09687 15.5107L4.12043 15.377L4.2332 15.2854L9.14673 11.3089L9.35586 11.1403L14.764 13.3423Z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.1 KiB |
Reference in new issue
Block a user