Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🚀[FEATURE]: NGXS SVG logo #1600

Open
karol-depka opened this issue May 22, 2020 · 10 comments
Open

🚀[FEATURE]: NGXS SVG logo #1600

karol-depka opened this issue May 22, 2020 · 10 comments

Comments

@karol-depka
Copy link

I can do it based on the PNG

@karol-depka
Copy link
Author

Or is there an SVG somewhere already? I did not find it so far.

@markwhitfeld
Copy link
Member

There isn't an SVG. If you are willing to make it for us, that would be great!

@kuncevic
Copy link
Member

This version of ngxs logo is the best
image

@adisreyaj
Copy link
Contributor

adisreyaj commented May 2, 2021

I tried creating an SVG version from the png. Came out pretty OK I would say.
svg logo

<svg width="198" height="233" viewBox="0 0 198 233" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M198 124H128C119.163 124 112 131.163 112 140V168C112 176.837 119.163 184 128 184H176C177.105 184 178 184.895 178 186V211.5C178 212.605 177.105 213.5 176 213.5H108.5M108 229H177.5C186.337 229 193.5 221.837 193.5 213V184.5C193.5 175.663 186.337 168.5 177.5 168.5H128.5C127.395 168.5 126.5 167.605 126.5 166.5V142C126.5 140.895 127.395 140 128.5 140H198" stroke="#2C1AFF" stroke-width="8"/>
<path d="M7 112.5V19C7 10.7157 13.7157 4 22 4H75C83.2843 4 90 10.7157 90 19V112.5M22 112.5V22C22 20.8954 22.8954 20 24 20H72.5C73.6046 20 74.5 20.8954 74.5 22V112.5" stroke="#2C1AFF" stroke-width="8"/>
<path d="M197.5 4H125C118.373 4 113 9.37258 113 16V96C113 102.627 118.373 108 125 108H191C192.105 108 193 107.105 193 106V52C193 50.8954 192.105 50 191 50H154.5M154.5 64H176.5C177.605 64 178.5 64.8954 178.5 66V91.5C178.5 92.6046 177.605 93.5 176.5 93.5H130C128.895 93.5 128 92.6046 128 91.5V22C128 20.8954 128.895 20 130 20H197.5" stroke="#2C1AFF" stroke-width="8"/>
<path d="M0 124H26C34.8366 124 42 131.163 42 140V166.5C42 167.605 42.8954 168.5 44 168.5H54C55.1046 168.5 56 167.605 56 166.5V140C56 131.163 63.1635 124 72 124H98.5M0 140H25C26.1046 140 27 140.895 27 142V211.5C27 212.605 26.1046 213.5 25 213.5H0M0 229H26C34.8366 229 42 221.837 42 213V186C42 184.895 42.8954 184 44 184H54C55.1046 184 56 184.895 56 186V213C56 221.837 63.1635 229 72 229H98.5M98.5 140H73.5C72.3954 140 71.5 140.895 71.5 142V211.5C71.5 212.605 72.3954 213.5 73.5 213.5H98.5" stroke="#2C1AFF" stroke-width="8"/>
</svg>

@splincode
Copy link
Member

@adisreyaj really good) can you create PR to add assets?

@dinbtechit
Copy link

Alternate logo

ngxs-new

@kuncevic
Copy link
Member

Alternate logo

ngxs-new

Based on the meaning of NGXS, I believe only letter S should appear on the shield.

@dinbtechit
Copy link

That makes sense - take 2

ngxs-new

@kuncevic
Copy link
Member

kuncevic commented Sep 1, 2023

That makes sense - take 2

ngxs-new

that looks interesting really! Would you mind pz creating another version based on previous one with bg dark blue?

@dinbtechit
Copy link

@kuncevic Here you go!

64px

ngxs-new-logo-bg-optimized

128px

ngxs-new-logo-bg-128px-optimized

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants