🚀[FEATURE]: NGXS SVG logo

[karol-depka]

I can do it based on the PNG

[karol-depka]

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

[markwhitfeld]

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

[kuncevic]

This version of ngxs logo is the best

[adisreyaj]

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

<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]

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

[dinbtechit]

Alternate logo

[kuncevic]

Alternate logo

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

[dinbtechit]

That makes sense - take 2

[kuncevic]

That makes sense - take 2

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

[dinbtechit]

@kuncevic Here you go!

64px

128px