Update Zapier

[Mvlprem]

Similarweb rank: 5,032

Checklist

• I updated the JSON data in _data/simple-icons.json
• I optimized the icon with SVGO or SVGOMG
• The SVG viewbox is 0 0 24 24

Description

svg taken from brand page, Hex taken from brand guidelines.

[PeterShaggyNoble]

Thanks for this one, @Mvlprem 👍🏻 Your SVG lines up perfectly with the chosen source. However, page 28 of the brand guidelines mentions that they have different logos for use at different sizes. If you're using Figma, would you be able to extract the "TINY" logo on that page and use that instead as it would be better suited to our purposes.

For the colour, I think we should go with the "Zapier Orange" #ff4f00. Even though "Earth" is the first one listed in the brand guidelines, they state that:

This palette is centred on our Zapier Orange

And it's also the first colour listed at https://brand.zapier.com.

And, for the guidelines, you can link directly to the Figma file.

[Mvlprem]

Yes orange is their brand color, but when using only single color for logo i think only the black and white are allowed from Logo guidance pic above which is why i picked black.

As for different logo if your are talking about the Tiny one on page 28 I've compared both tiny and small and i don't see any major differences they align almost perfectly.

Let me know what do you think and i'll make necessary changes if required.

[PeterShaggyNoble]

If your version lines up with the tiny one then we're good to go on that front. I would like to get a second opinion from one of the other @simple-icons/maintainers on the colour before merging, though; we generally use the brand's colour rather than the logo's.

[service-paradis]

Since the hex is used to represent the brand color, I would expect it to be Zapier Orange (#ff4f00).

The usage for the logomark looks rather strict about using only black and white when using it in monochrome while also specifying to not change colors:

The app icon might be what we should use. Unfortunately, it looks like they omit the brand name below 40px which is not really suitable for us.

[adamrusted]

Good spot @service-paradis - I would agree we should therefore use the app icon with the text inside of it, perhaps the 40px one? @Mvlprem - would you mind taking another look?

[PeterShaggyNoble]

@Mvlprem, what's the source file for the updated version? The only SVG I can find is in their Google Drive folder, but it has square corners. If you extracted it from the Figma file, could you share the source here, please?

[Mvlprem]

@Mvlprem, what's the source file for the updated version? The only SVG I can find is in their Google Drive folder, but it has square corners. If you extracted it from the Figma file, could you share the source here, please?

Sorry forgot about the source, I took it from the figma file page 32, 40px

I didn't updated the source to figma link, if necessary pls update it if svg is good, sorry for the extra work.

[PeterShaggyNoble]

I'm seeing a tiny difference in all 4 corners, @Mvlprem, with your version in red. Most likely it can be solved by upping the precision by 1.

The imperfections in the letters in the source file are annoying me but they're present in all versions of the logo and icon, so there's not much we can do about it.

[PeterShaggyNoble]

I'm now seeing some tiny differences in the lettering, such as this one in the "r". But, given how insignificant they are and how riddled with imperfections the source is, I think we can let them slide.