SVG version of logo

[pedromaltez]

Can we have an official SVG version of the logo? It would help with HiDPI screens.

[RyanCavanaugh]

I believe it's just Segoe UI with some tighter kerning between the T and y characters, but we'll try to find something more authoritative.

[pedromaltez]

Yeah, I was going to reproduce it but I’d end up with something that’s pretty much the logo but probably not quite right. Figured it was worth asking before spending time remaking the logo.

[RyanCavanaugh]

Seems we don't actually have an SVG version of this so we're trying to find someone who can make one 😕

[pedromaltez]

Oh, hey no worries. I can probably make one. Give me a sec and I'll be back.

[pedromaltez]

Okay, so I made one. Here's a png of my recreation overlaid on top of the original logo. I think it's pretty close. What do you think? I'll upload the SVG in a second.

[RyanCavanaugh]

👍 👍

[pedromaltez]

So I made a repository with the recreation at pedromaltez/typescript-logo-recreation, and the color version is embedded below. Do you want to store the SVG somewhere in this project, like doc/logo.svg? If so I can submit a pull request.

[DanielRosenwasser]

Hey @pedromaltez sorry this fell off our radar, but I think we'd be willing to take a PR of this into docs/logo.svg.

[pedromaltez]

Thanks for getting back to me on this @DanielRosenwasser, I'll get that ready for you in a sec. :)

[pedromaltez]

@DanielRosenwasser @RyanCavanaugh I've made a PR with the logo in the designated location at #2855.

[mhegazy]

Thanks!

[samvloeberghs]

good job! was looking for this :)

[remojansen]

Hi guys I create a community logo a few months ago:

It is available in PNG and SVG and it is licensed under MIT and can be found here.

Enjoy!

[aloisdg]

You can find some icons on typescriptlang.org.

For example:

png:

svg:

I would love to find the first one as svg. I dont know if they use the logo shared by @remojansen.

---

I just found this:

We can change it by using @remojansen 's color to get this:

[fiznool]

For anyone coming to this issue now, it appears that the official logo has changed slightly, the Type is now emboldened. See here for the white SVG version.

[pedromaltez]

Yes, I noticed a few days ago. Been meaning to send a PR to update the logo included with the project.

[bennypowers]

Here it is with official colour

<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="-64.9 417 216.5 51.9">
  <style>
    .st0{fill:#007ACC}
  </style>
  <path d="M-38.2 421.7h-11.1V456h-4.5v-34.3h-11.1v-4.1h26.6v4.1h.1z" class="st0"/>
  <path d="M-16.9 428.6l-12.6 31.8c-2.3 5.7-5.4 8.5-9.5 8.5-1.1 0-2.1-.1-2.9-.3v-3.9c.9.3 1.8.5 2.6.5 2.2 0 3.9-1.3 5-4l2.2-5.2-10.7-27.4h4.9l7.4 21.1c.1.3.3 1 .6 2.1h.2c.1-.4.3-1.1.5-2l7.8-21.2h4.5zm7.4 23.5h-.1v16.6H-14v-40h4.4v4.8h.1c2.2-3.6 5.3-5.5 9.5-5.5 3.5 0 6.3 1.2 8.3 3.7s3 5.7 3 9.9c0 4.6-1.1 8.3-3.3 11s-5.3 4.1-9.2 4.1c-3.6 0-6.3-1.5-8.3-4.6zm-.1-11.1v3.8c0 2.3.7 4.2 2.2 5.8s3.3 2.4 5.6 2.4c2.7 0 4.7-1 6.3-3.1 1.6-2.1 2.3-4.9 2.3-8.5 0-3.1-.7-5.4-2.1-7.2-1.4-1.7-3.3-2.6-5.7-2.6-2.6 0-4.6.9-6.2 2.7-1.6 1.8-2.4 4-2.4 6.7zm48 2.4H19c.1 3.1.9 5.4 2.5 7.1s3.7 2.5 6.5 2.5c3.1 0 5.9-1 8.5-3.1v4.1c-2.4 1.8-5.6 2.6-9.6 2.6-3.9 0-6.9-1.2-9.1-3.7-2.2-2.5-3.3-6-3.3-10.5 0-4.3 1.2-7.7 3.6-10.4 2.4-2.7 5.4-4 9-4s6.4 1.2 8.3 3.5c2 2.3 2.9 5.5 2.9 9.7v2.2h.1zm-4.5-3.7c0-2.5-.6-4.5-1.8-5.9-1.2-1.4-2.9-2.1-5-2.1s-3.8.7-5.3 2.2c-1.4 1.5-2.3 3.4-2.7 5.8h14.8zm6.9 15v-3c2.8 1.8 5.5 2.6 8.4 2.6 3 0 5.3-.6 6.8-1.9 1.6-1.2 2.3-3 2.3-5.2 0-2-.5-3.5-1.6-4.7-1-1.2-3.3-2.8-6.8-4.8-3.9-2.3-6.4-4.2-7.4-5.7s-1.6-3.3-1.6-5.3c0-2.7 1.1-5 3.2-6.9 2.1-1.9 4.9-2.8 8.4-2.8 2.3 0 4.6.4 6.9 1.2v2.8c-2.3-1-4.7-1.5-7.2-1.5-2.6 0-4.7.7-6.2 2s-2.3 3-2.3 5 .5 3.5 1.6 4.7c1 1.2 3.3 2.7 6.8 4.7 3.6 2 6 3.8 7.2 5.4 1.2 1.6 1.8 3.4 1.8 5.5 0 2.9-1 5.3-3.1 7.2-2 1.9-4.9 2.8-8.7 2.8-1.3 0-2.8-.2-4.6-.6-1.6-.5-2.9-1-3.9-1.5zm43.5.1c-2 1.2-4.5 1.9-7.3 1.9-3.7 0-6.7-1.3-9-3.8-2.3-2.6-3.4-5.9-3.4-10.1 0-4.4 1.3-7.9 3.9-10.7 2.6-2.8 5.9-4.2 9.9-4.2 2.1 0 4.1.4 6.1 1.3v2.8c-2-1.2-4.1-1.8-6.5-1.8-3.2 0-5.8 1.2-7.8 3.5s-3 5.3-3 9c0 3.6.9 6.4 2.7 8.6 1.8 2.2 4.2 3.2 7.2 3.2 2.7 0 5.1-.7 7.2-2.2v2.5zm16.6-23.6c-.8-.6-1.8-.9-2.9-.9-2.2 0-4 1.1-5.4 3.3-1.5 2.2-2.2 5.4-2.2 9.5V456H88v-27.4h2.4v6.1h.1c.6-2.1 1.6-3.7 3-4.9 1.4-1.2 2.9-1.7 4.7-1.7 1 0 1.9.2 2.7.5v2.6zm4.2-9.5c-.5 0-1-.2-1.4-.6s-.6-.9-.6-1.5.2-1.1.6-1.4c.4-.4.9-.5 1.4-.5.6 0 1 .2 1.5.5.4.4.6.8.6 1.4s-.2 1.1-.6 1.5c-.5.4-.9.6-1.5.6zm-1.2 34.4v-27.4h2.5v27.4h-2.5zm11.1-4.9h-.1v17.5h-2.5v-40h2.5v5.7h.1c1-2 2.4-3.6 4.2-4.7 1.8-1.1 3.8-1.6 6-1.6 3.5 0 6.2 1.2 8.2 3.6 2 2.4 2.9 5.7 2.9 9.8 0 4.6-1.1 8.3-3.4 11.1-2.2 2.8-5.2 4.2-8.9 4.2-4-.1-7-1.9-9-5.6zm-.1-10.2v3.5c0 2.8.9 5.1 2.6 7.1s4 3 6.8 3 5.1-1.2 6.8-3.6c1.7-2.4 2.6-5.6 2.6-9.5 0-3.4-.8-6.2-2.4-8.2s-3.8-3-6.4-3c-3.2 0-5.7 1.1-7.4 3.2-1.7 2.1-2.6 4.6-2.6 7.5zm36.7 14.7c-1.3.6-2.5.9-3.6.9-4.1 0-6.1-2.4-6.1-7.3v-18.4H137v-2.3h4.9v-7.1c.4-.1.8-.3 1.2-.4.4-.1.8-.3 1.2-.4v8h7.2v2.3h-7.2v18.1c0 1.9.3 3.3.9 4.1.6.8 1.6 1.3 3 1.3 1 0 2.1-.3 3.3-1v2.2h.1z" class="st0"/>
</svg>

[aleen42]

How about official badges?