Typescript: 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 :confused:

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

:+1: :+1:

[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?