Skip to content

Commit

Permalink
Merge pull request #377 from platformatic/1244-icc-update-icons-to-av…
Browse files Browse the repository at this point in the history 
…oid-confusion-between-pods-and-application

1244 icc update icons to avoid confusion between pods and application
  • Loading branch information
@tonysnowboardunderthebridge
tonysnowboardunderthebridge authored Oct 31, 2024
2 parents 905f7b5 + 05af5b6 commit 8a5665e
Show file tree
Hide file tree
Showing 17 changed files with 572 additions and 251 deletions.
52 changes: 31 additions & 21 deletions src/components/icons/AllAppsIcon.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,13 +29,17 @@ const AllAppsIcon = ({
xmlns='http://www.w3.org/2000/svg'
className={className}
>
<path d='M5 2L6.73205 3V5L5 6L3.26795 5V3L5 2Z' stroke='none' strokeLinejoin='round' />
<path d='M5 10L6.73205 11V13L5 14L3.26795 13V11L5 10Z' stroke='none' strokeLinejoin='round' />
<path d='M8 6L9.73205 7V9L8 10L6.26795 9V7L8 6Z' stroke='none' strokeLinejoin='round' />
<path d='M2 6L3.73205 7V9L2 10' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M13.7319 6L11.9999 7V9L13.7319 10' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M11 2L12.7321 3V5L11 6L9.26795 5V3L11 2Z' stroke='none' strokeLinejoin='round' />
<path d='M11 10L12.7321 11V13L11 14L9.26795 13V11L11 10Z' stroke='none' strokeLinejoin='round' />
<path d='M2.5 3.32227V5.91083L4.18212 6.91605M7.11442 3.32227V3.91718' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M4.80721 4.51891L2.5 3.25946L4.80721 2L7.11442 3.25946L4.80721 4.51891ZM4.80721 4.51891V5.35508' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M13.5002 3.32227V5.91083L11.8181 6.91605M8.88582 3.32227V3.91718' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M11.223 4.51891V5.35508M13.5 3.25946L11.1928 4.51891L8.88558 3.25946L11.1928 2L13.5 3.25946Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M8.88574 12.0653V12.621L11.193 13.9998M11.193 13.9998L13.5002 12.621V10.0325M11.193 13.9998V11.3549' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M11.9246 9.10938L13.5005 9.96963L11.1933 11.2291L10.7104 10.9655' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M7.1145 12.0653V12.621L4.80729 13.9998M4.80729 13.9998L2.50008 12.621V10.0325M4.80729 13.9998V11.3549' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M4.07591 9.10938L2.5 9.96963L4.80721 11.2291L5.29004 10.9655' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M7.97351 11.1067L5.23682 9.48268V6.43359L7.97351 7.99132M7.97351 11.1067L10.7102 9.48268V6.43359L7.97351 7.99132M7.97351 11.1067V7.99132' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M7.97351 7.84302L5.23682 6.3595L7.97351 4.87598L10.7102 6.3595L7.97351 7.84302Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />

</svg>
)
break
Expand All @@ -49,13 +53,16 @@ const AllAppsIcon = ({
xmlns='http://www.w3.org/2000/svg'
className={className}
>
<path d='M7.5 3L10.0981 4.5V7.5L7.5 9L4.90192 7.5V4.5L7.5 3Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
<path d='M7.5 15L10.0981 16.5V19.5L7.5 21L4.90192 19.5V16.5L7.5 15Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
<path d='M12 9L14.5981 10.5V13.5L12 15L9.40192 13.5V10.5L12 9Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
<path d='M3 9L5.59808 10.5V13.5L3 15' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M20.5977 9L17.9996 10.5V13.5L20.5977 15' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M16.5 3L19.0981 4.5V7.5L16.5 9L13.9019 7.5V4.5L16.5 3Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
<path d='M16.5 15L19.0981 16.5V19.5L16.5 21L13.9019 19.5V16.5L16.5 15Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
<path d='M3.75 4.9834V8.86624L6.27318 10.3741M10.6716 4.9834V5.87576' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M7.21082 6.77837L3.75 4.88918L7.21082 3L10.6716 4.88918L7.21082 6.77837ZM7.21082 6.77837V8.03263' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M20.2502 4.9834V8.86624L17.7271 10.3741M13.3286 4.9834V5.87576' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M16.8345 6.77837V8.03263M20.25 4.88918L16.7892 6.77837L13.3284 4.88918L16.7892 3L20.25 4.88918Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M13.3284 18.0979V18.9315L16.7892 20.9997M16.7892 20.9997L20.25 18.9315V15.0487M16.7892 20.9997V17.0324' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M17.8866 13.6641L20.2505 14.9544L16.7897 16.8436L16.0654 16.4483' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M10.6719 18.0979V18.9315L7.21106 20.9997M7.21106 20.9997L3.75024 18.9315V15.0487M7.21106 20.9997V17.0324' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M6.11411 13.6641L3.75025 14.9544L7.21107 16.8436L7.9353 16.4483' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M11.9603 16.6601L7.85522 14.224V9.65039L11.9603 11.987M11.9603 16.6601L16.0653 14.224V9.65039L11.9603 11.987M11.9603 16.6601V11.987' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M11.9603 11.7645L7.85522 9.53925L11.9603 7.31396L16.0653 9.53925L11.9603 11.7645Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />

</svg>
)
Expand Down Expand Up @@ -90,13 +97,16 @@ const AllAppsIcon = ({
xmlns='http://www.w3.org/2000/svg'
className={className}
>
<path d='M12.5 5L16.8301 7.5V12.5L12.5 15L8.16987 12.5V7.5L12.5 5Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
<path d='M12.5 25L16.8301 27.5V32.5L12.5 35L8.16987 32.5V27.5L12.5 25Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
<path d='M20 15L24.3301 17.5V22.5L20 25L15.6699 22.5V17.5L20 15Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
<path d='M5 15L9.33013 17.5V22.5L5 25' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M34.3301 15L30 17.5V22.5L34.3301 25' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M27.5 5L31.8301 7.5V12.5L27.5 15L23.1699 12.5V7.5L27.5 5Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
<path d='M27.5 25L31.8301 27.5V32.5L27.5 35L23.1699 32.5V27.5L27.5 25Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
<path d='M6.25 8.30566V14.7771L10.4553 17.2901M17.7861 8.30566V9.79294' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M12.018 11.2973L6.25 8.14864L12.018 5L17.7861 8.14864L12.018 11.2973ZM12.018 11.2973V13.3877' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M33.7505 8.30566V14.7771L29.5452 17.2901M22.2144 8.30566V9.79294' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M28.0577 11.2973V13.3877M33.7502 8.14864L27.9822 11.2973L22.2142 8.14864L27.9822 5L33.7502 8.14864Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M22.2141 30.1632V31.5526L27.9821 34.9995M27.9821 34.9995L33.7502 31.5526V25.0812M27.9821 34.9995V28.3873' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M29.8112 22.7734L33.751 24.9241L27.9829 28.0727L26.7759 27.4138' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M17.7864 30.1632V31.5526L12.0183 34.9995M12.0183 34.9995L6.25032 31.5526V25.0812M12.0183 34.9995V28.3873' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M10.19 22.7734L6.25025 24.9241L12.0183 28.0727L13.2253 27.4138' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M19.9343 27.7669L13.0925 23.7067V16.084L19.9343 19.9783M19.9343 27.7669L26.776 23.7067V16.084L19.9343 19.9783M19.9343 27.7669V19.9783' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M19.934 19.6076L13.0923 15.8987L19.934 12.1899L26.7757 15.8987L19.934 19.6076Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
</svg>
)
break
Expand Down
56 changes: 27 additions & 29 deletions src/components/icons/AppConfigurationIcon.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,15 +30,15 @@ const AppConfigurationIcon = ({
xmlns='http://www.w3.org/2000/svg'
className={className}
>
<path d='M10.5 7L13.5311 8.75V12.25L10.5 14L7.46891 12.25V8.75L10.5 7Z' stroke='none' strokeLinejoin='round' />
<path d='M11 5.5V3C11 2.44772 10.5523 2 10 2H3C2.44772 2 2 2.44772 2 3V10C2 10.5523 2.44772 11 3 11H5.5' stroke='none' strokeLinecap='round' />
<path d='M2 4.25H11' stroke='none' />
<circle cx='3.125' cy='3.125' r='0.375' fill='none' className={filledClassName} />
<circle cx='4.25' cy='3.125' r='0.375' fill='none' className={filledClassName} />
<circle cx='5.375' cy='3.125' r='0.375' fill='none' className={filledClassName} />
<path d='M3.5 5.75H7.25' stroke='none' strokeLinecap='round' />
<path d='M4.25 7.25H7.5' stroke='none' strokeLinecap='round' />
<path d='M4.25 8.75H6' stroke='none' strokeLinecap='round' />
<path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V11' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M4.5 6L2.5 4.85711L8 2L13.5 4.85711L11.4538 5.79253' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<rect x='5' y='5' width='6' height='6' rx='1' stroke='none' />
<path d='M5 7H11' stroke='none' />
<circle cx='6.25' cy='6' r='0.25' fill='none' className={filledClassName} />
<circle cx='7' cy='6' r='0.25' fill='none' className={filledClassName} />
<circle cx='7.75' cy='6' r='0.25' fill='none' className={filledClassName} />
<path d='M6.5 8.25H8.25' stroke='none' strokeLinecap='round' />
<path d='M6.5 9.5H9.5' stroke='none' strokeLinecap='round' />
</svg>
)
break
Expand All @@ -52,16 +52,15 @@ const AppConfigurationIcon = ({
xmlns='http://www.w3.org/2000/svg'
className={className}
>
<path d='M15.75 10.5L20.2966 13.125V18.375L15.75 21L11.2034 18.375V13.125L15.75 10.5Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
<path d='M16.5 8.25V4C16.5 3.44772 16.0523 3 15.5 3H4C3.44772 3 3 3.44772 3 4V15.5C3 16.0523 3.44772 16.5 4 16.5H8.25' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
<path d='M3 6.375H16.5' stroke='none' strokeWidth={1.5} />
<circle cx='4.6875' cy='4.6875' r='0.5625' fill='none' className={filledClassName} />
<circle cx='6.375' cy='4.6875' r='0.5625' fill='none' className={filledClassName} />
<circle cx='8.0625' cy='4.6875' r='0.5625' fill='none' className={filledClassName} />
<path d='M5.25 8.625H10.875' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
<path d='M6.375 10.875H11.25' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
<path d='M6.375 13.125H9' stroke='none' strokeWidth={1.5} strokeLinecap='round' />

<path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V16.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M6.75 9L3.75 7.28567L12 3L20.25 7.28567L17.1807 8.6888' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<rect x='7.5' y='7.5' width='9' height='9' rx='1' stroke='none' strokeWidth={1.5} />
<path d='M7.5 10.5H16.5' stroke='none' strokeWidth={1.5} />
<circle cx='9.375' cy='9' r='0.375' fill='none' className={filledClassName} />
<circle cx='10.5' cy='9' r='0.375' fill='none' className={filledClassName} />
<circle cx='11.625' cy='9' r='0.375' fill='none' className={filledClassName} />
<path d='M9.75 12.375H12.375' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
<path d='M9.75 14.25H14.25' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
</svg>
)
break
Expand All @@ -75,16 +74,15 @@ const AppConfigurationIcon = ({
xmlns='http://www.w3.org/2000/svg'
className={className}
>
<path d='M26.25 17.5L33.8277 21.875V30.625L26.25 35L18.6723 30.625V21.875L26.25 17.5Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
<path d='M27.5 13.75V6C27.5 5.44772 27.0523 5 26.5 5H6C5.44772 5 5 5.44772 5 6V26.5C5 27.0523 5.44772 27.5 6 27.5H13.75' stroke='none' strokeWidth={2} strokeLinecap='round' />
<path d='M5 10.625H27.5' stroke='none' strokeWidth={2} />
<circle cx='7.8125' cy='7.8125' r='0.9375' fill='none' className={filledClassName} />
<circle cx='10.625' cy='7.8125' r='0.9375' fill='none' className={filledClassName} />
<circle cx='13.4375' cy='7.8125' r='0.9375' fill='none' className={filledClassName} />
<path d='M8.75 14.375H18.125' stroke='none' strokeWidth={2} strokeLinecap='round' />
<path d='M10.625 18.125H18.75' stroke='none' strokeWidth={2} strokeLinecap='round' />
<path d='M10.625 21.875H15' stroke='none' strokeWidth={2} strokeLinecap='round' />

<path d='M6.25 12.4999V27.1805L20 35M20 35L33.75 27.1805V12.4999M20 35V27.4999' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M11.25 15L6.25 12.1428L20 5L33.75 12.1428L28.6345 14.4813' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<rect x='12.5' y='12.5' width='15' height='15' rx='1' stroke='none' strokeWidth={2} />
<path d='M12.5 17.5H27.5' stroke='none' strokeWidth={2} />
<circle cx='15.625' cy='15' r='0.625' fill='none' className={filledClassName} />
<circle cx='17.5' cy='15' r='0.625' fill='none' className={filledClassName} />
<circle cx='19.375' cy='15' r='0.625' fill='none' className={filledClassName} />
<path d='M16.25 20.625H20.625' stroke='none' strokeWidth={2} strokeLinecap='round' />
<path d='M16.25 23.75H23.75' stroke='none' strokeWidth={2} strokeLinecap='round' />
</svg>
)
break
Expand Down
23 changes: 13 additions & 10 deletions src/components/icons/AppDetailsIcon.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,10 @@ const AppDetailsIcon = ({
xmlns='http://www.w3.org/2000/svg'
className={className}
>
<path d='M10.6603 6V4.5L6.33013 2L2 4.5V9.5L5.33008 11.4226' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<circle cx='9.24675' cy='9.91667' r='2.91667' stroke='none' />
<path d='M13.3301 14L11.5801 12.25' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V10.8722' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<path d='M4 5.71428L2.5 4.85711L8 2L13.5 4.85711L11.625 5.71428' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
<circle cx='7.58333' cy='7.08333' r='2.08333' stroke='none' />
<path d='M10.5 10L9.25 8.75' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
</svg>
)
break
Expand All @@ -45,9 +46,11 @@ const AppDetailsIcon = ({
xmlns='http://www.w3.org/2000/svg'
className={className}
>
<path d='M15.9904 9V6.75L9.49519 3L3 6.75V14.25L7.99512 17.1339' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<circle cx='13.8701' cy='14.875' r='4.375' stroke='none' strokeWidth={1.5} />
<path d='M19.9951 21L17.3701 18.375' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V16.3083' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<path d='M6 8.57142L3.75 7.28567L12 3L20.25 7.28567L17.4375 8.57142' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<circle cx='11.375' cy='10.625' r='3.125' stroke='none' strokeWidth={1.5} />
<path d='M15.75 15L13.875 13.125' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />

</svg>
)
break
Expand All @@ -64,7 +67,6 @@ const AppDetailsIcon = ({
<path d='M21.3205 12V9L12.6603 4L4 9V19L10.6602 22.8452' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
<circle cx='18.4935' cy='19.8333' r='5.83333' stroke='none' strokeWidth={1.5} />
<path d='M26.6602 28L23.1602 24.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />

</svg>
)
break
Expand All @@ -78,9 +80,10 @@ const AppDetailsIcon = ({
xmlns='http://www.w3.org/2000/svg'
className={className}
>
<path d='M26.6506 15V11.25L15.8253 5L5 11.25V23.75L13.3252 28.5566' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<circle cx='23.1169' cy='24.7917' r='7.29167' stroke='none' strokeWidth={2} />
<path d='M33.3252 35L28.9502 30.625' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M6.25 12.5V27.1806L20 35M20 35L33.75 27.1806V12.5M20 35V27.1806' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<path d='M10 14.2857L6.25 12.1428L20 5L33.75 12.1428L29.0625 14.2857' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
<circle cx='18.9583' cy='17.7083' r='5.20833' stroke='none' strokeWidth={2} />
<path d='M26.25 25L23.125 21.875' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />

</svg>
)
Expand Down
Loading

0 comments on commit 8a5665e

Please sign in to comment.