GithubHelp home page GithubHelp logo

hmw / google-play-badge-svg Goto Github PK

View Code? Open in Web Editor NEW

This project forked from steverichey/google-play-badge-svg

0.0 1.0 0.0 468 KB

Hosting for localized versions of Google Play badges in SVG format.

Home Page: http://steverichey.github.io/google-play-badge-svg/

License: MIT License

google-play-badge-svg's Introduction

Hosting for localized versions of Google Play™ badges in SVG format.

About

It's possible to use Apple's linkmaker service to generate localized "Download on the App Store" SVG badges for your application. However, no similar service exists for Google's "Get it on Google Play" badges.

This repository serves mostly as hosting for Google's badges in SVG format. Most of the files are in the gh-pages branch.

Todo

  • Optimize SVGs to minimize file size (using this for example).
  • Add "Android App on" badges

Usage

Simply link to the badge you require like so:

<img src="http://steverichey.github.io/google-play-badge-svg/img/en_get.svg">

Which leads to this image. Pretty handy! Be sure to add your own URL as well:

<a href="https://play.google.com/store/apps/details?id=com.example.myapp">
<img alt="Get it on Google Play" src="http://steverichey.github.io/google-play-badge-svg/img/en_get.svg" />
</a>

And you'll get something like this:

Get it on Google Play

It's that easy! With a little JavaScript to check for locale (check navigator.language || navigator.browserLanguage) you can then load language-specific versions of the badge:

Get it on Google Play

Or, you can call some handy JavaScript! First, call this in your header to get the JavaScript straight from a CDN:

<script type="text/javascript" src="https://cdn.rawgit.com/steverichey/google-play-badge-svg/100a2837efe8a90d2769507838e134351f045774/get-localized.js"></script>

Then, add this HTML wherever you want your badge to appear:

<script type="text/javascript">
  GetLocalizedPlayBadge.forCurrentLocale(320);
 </script>

The only argument it takes is for width; the height is determined automatically. Default width is 216 pixels.

Let me know if you have any questions, suggestions, or comments!

Available badges

To view the list of available badges, please see this folder or view all of the images in one place here. If I've made an error somewhere or you'd like an additional language added, please open an issue.

Notes

Badges are labeled by their ISO 639-1 codes wherever possible. Languages with multiple dialects, such as Chinese, are labeled by their ISO 639-1 code followed by their ISO 639-3 language code.

By default, several versions of the Google Play badge use Proxima Nova, which is copyright Mark Simonson. As I do not own this font, it was replaced with Myriad Pro. No fonts are embedded in the SVGs; instead, I opted to convert them to outlines to maximize compatibility.

Inclusion or omission of any language or dialect should not be misconstrued as support for any particular nationality, country, ideology, race, or similar. If there's a language in here, it's just because Google had it available or someone added it themselves. If a language is missing, it's just because Google did not have it available or I had issues with their file.

License

Unless covered under some other license, all content in this repository is shared under an MIT license. See license.md for details.

Google Play is a trademark of Google Inc. Google's brand, logos, and so on are all their own trademarks and copyrights. Be sure to read the Branding Guidelines and contact Google via the Android and Google Play Brand Permissions Inquiry form if you have any questions. SVGs in this repository were generated from files provided by Google here which are shared under a Creative Commons Attribution 2.5 license.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.