All Projects → HazAT → Badge

HazAT / Badge

Licence: mit
Add a badge to your app icon

Programming Languages

ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to Badge

Php badge
This is an identification tag based on SVG, It can quickly generate various labels and status identifiers
Stars: ✭ 101 (-87.86%)
Mutual labels:  badge, icons
Badges4 Readme.md Profile
👩‍💻👨‍💻 Improve your README.md profile with these amazing badges.
Stars: ✭ 929 (+11.66%)
Mutual labels:  badge, icons
Phosphor Home
The homepage of Phosphor Icons, a flexible icon family for everyone
Stars: ✭ 704 (-15.38%)
Mutual labels:  icons
Ppbadgeview
iOS Custom Badge, Support UIView, UITabBarItem, UIBarButtonItem ,Support Objective-C/Swift; iOS自定义Badge组件, 支持UIView, UITabBarItem, UIBarButtonItem, 支持Objective-C/Swift
Stars: ✭ 807 (-3%)
Mutual labels:  badge
Font Awesome Swift
Font Awesome swift library for iOS.
Stars: ✭ 743 (-10.7%)
Mutual labels:  icons
Icones
⚡️ Icon Explorer with Instant searching, powered by Iconify
Stars: ✭ 718 (-13.7%)
Mutual labels:  icons
Swifticons
🎢Swift Library for Font Icons - ★ this library
Stars: ✭ 747 (-10.22%)
Mutual labels:  icons
Flyingfox
An opinionated set of configurations for firefox.
Stars: ✭ 669 (-19.59%)
Mutual labels:  icons
React Share Icons
🔷 Vector share icons as react-components
Stars: ✭ 6 (-99.28%)
Mutual labels:  icons
Sonar Swift
Open source Swift plugin for SonarQube (also supports Objective-C)
Stars: ✭ 735 (-11.66%)
Mutual labels:  fastlane
Line Awesome
Replace Font Awesome with modern line icons
Stars: ✭ 801 (-3.73%)
Mutual labels:  icons
Logos In Pure Css
Company logos created in pure CSS.
Stars: ✭ 735 (-11.66%)
Mutual labels:  icons
Counterfab
A FloatingActionButton subclass that shows a counter badge on right top corner
Stars: ✭ 725 (-12.86%)
Mutual labels:  badge
Iconizer
Create Xcode asset catalogs swift and painless. Generate images for macOS and iOS app icons, launch images and image sets.
Stars: ✭ 751 (-9.74%)
Mutual labels:  icons
Alfred Font Awesome Workflow
🎩 Font Awesome workflow for Alfred
Stars: ✭ 714 (-14.18%)
Mutual labels:  icons
Cryptocoins
Cryptocoins is the most complete vector/webfont icon pack of your favourite cryptocurrencies
Stars: ✭ 810 (-2.64%)
Mutual labels:  icons
Sfsafesymbols
Safely access Apple's SF Symbols using static typing
Stars: ✭ 683 (-17.91%)
Mutual labels:  icons
Drawthe.net
drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created.
Stars: ✭ 729 (-12.38%)
Mutual labels:  icons
Bootstrap Maxlength
This plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text. Uses the HTML5 attribute "maxlength" to work.
Stars: ✭ 743 (-10.7%)
Mutual labels:  badge
Vue Unicons
1000+ Pixel-perfect svg icons for your next project as Vue components
Stars: ✭ 828 (-0.48%)
Mutual labels:  icons

badge - add a badge to your tvOS/iOS/Android app icon

Twitter: @DanielGri License Gem fastlane Plugin Badge

Features

This gem helps to add a badge to your tvOS/iOS/Android app icon.

Yes that's it. It's built to easily integrate with fastlane.

assets/icon175x175.png assets/icon175x175_fitrack.png

badge

assets/icon175x175_light_badged.png assets/icon175x175_fitrack_light_badged.png

badge --dark

assets/icon175x175_dark_badged.png assets/icon175x175_fitrack_dark_badged.png

badge --alpha

assets/icon175x175_alpha_light_badged.png assets/icon175x175_fitrack_alpha_light_badged.png

badge --shield "1.2-2031-orange" --no_badge

assets/icon175x175_shield_1.2-2031-orange.png assets/icon175x175_fitrack_shield_1.2-2031-orange.png

badge --shield "1.2-2031-orange" --no_badge --shield_no_resize

assets/icon175x175_shield_1.2-2031-orange-no-resize.png assets/icon175x175_fitrack_shield_1.2-2031-orange-no-resize.png

badge --shield "Version-0.0.3-blue" --dark

assets/icon175x175_shield_Version-0.0.3-blue.png assets/icon175x175_fitrack_shield_Version-0.0.3-blue.png

badge --shield "Version-0.0.3-blue" --dark --shield_geometry "+0+25%" --shield_scale 0.75

assets/icon175x175_shield_Version-0.0.3-blue-geo-scale.png assets/icon175x175_fitrack_shield_Version-0.0.3-blue-geo-scale.png

badge --grayscale --shield "Version-0.0.3-blue" --dark

assets/icon175x175_grayscale.png assets/icon175x175_fitrack_grayscale.png

Installation

Install the gem

sudo gem install badge

Usage

Call badge in your projects root folder

badge

It will search all subfolders for your asset catalog app icon set and add the badge to the icons.

You can also run badge on your Android, tvOS icons, or any other iconset. You have to use the --glob "/**/*.appiconset/*.{png,PNG}" parameter to adjust where to find your icons.

⚠️ Note that you have to use a / in the beginning of the custom path, even if you're not starting from the root path, f.ex. if your icons are in res/ios/beta/Appicon/*, your badge call would be badge --glob "/res/ios/beta/Appicon/*"

The keep the alpha channel in the icons use --alpha_channel

Be careful, it actually overwrites the icon files.

Here is the dark option (also available in combination with --alpha):

badge --dark

You can also use your custom overlay/badge image

badge --custom "path_to/custom_badge.png"

Add a shield at the top of your icon for all possibilites head over to: shields.io. You just have to add the string of shield (copied from the URL)

badge --shield "Version-0.0.3-blue"

Sometimes the response from shields.io takes a long time and can timeout. You can adjust the timeout to shields.io with --shield_io_timeout 10 accordingly.

--shield_gravity North changes the postion of the shield on the icon. Choices include: NorthWest, North, NorthEast, West, Center, East, SouthWest, South, SouthEast.

--shield_parameters "colorA=abcdef&style=flat" changes the parameters of the shield image. It uses a string of key-value pairs separated by ampersand as specified on shields.io, eg: colorA=abcdef&style=flat.

In version 0.4.0 the default behavior of the shield graphic has been changed. The shield graphic will always be resized to aspect fill the icon instead of just adding the shield on the icon. The disable to new behaviour use --shield_no_resize which now only puts the shield on the icon again.

Add --no_badge as an option to hide the beta badge completely if you just want to add a shield.

Use badge --help to get list all possible parameters.

Usage with fastlane

Please use the fastlane plugin: https://github.com/HazAT/fastlane-plugin-badge It has the same parameters as this gem.

lane :appstore do
  increment_build_number
  cocoapods

  add_badge(dark: true) #or
  #add_badge(alpha: true) #or
  #add_badge(custom: "/Users/HazA/Desktop/badge.png") #or
  #add_badge(shield: "Version-0.0.3-blue", no_badge: true)

  xctool
  snapshot
  sigh
  deliver
  sh "./customScript.sh"

  slack
end

Common problems

If Jenkins has problems finding imagemagick on your mac add following env variable to your job:

PATH=$PATH:/usr/local/bin

Make sure you have imagemagick installed on your machine e.g. for Mac its:

brew install imagemagick

Uninstall

sudo gem uninstall badge

Thanks

@ThomasMirnig @KrauseFx fastlane

License

This project is licensed under the terms of the MIT license. See the LICENSE file.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].