Skip to content

Latest commit

 

History

History
56 lines (48 loc) · 4.13 KB

README.md

File metadata and controls

56 lines (48 loc) · 4.13 KB
Raw

Raivo OTP issuer icons


This repository contains icons (including build scripts) for issuers that can be used in Raivo OTP
Built by Tijme Gommers – Buy me a coffee via PayPal

Contributing

The example below shows how icons can be added for the services "Microsoft" and "Microsoft OneDrive".

  1. Create the directory with the primary domain name ./vectors/microsoft.com.
  2. Add a scalable Microsoft logo SVG (that meets the requirements) at ./vectors/microsoft.com/microsoft.svg.
  3. Add a scalable Microsoft OneDrive logo SVG (that meets the requirements) at ./vectors/microsoft.com/microsoft-onedrive.svg.

SVG requirements

Must:

  • Must be a vector SVG
    • Do not convert JPG/PNG/etc to SVG
    • Do not embed JPG/PNG/etc in the SVG
  • Must be a (somewhat) square icon.
    • Prevent the use of textual icons.
  • Must start with the <svg> opening element
  • Must end with the </svg> closing element
  • Must be scalable (must not have static width/height attributes, use a viewBox instead).
  • Must not contain whitespace around the SVG (this JSFiddle could help to remove whitespace).
  • Must not include the doctype element.
  • The file and directory name must be lowercase.

Can:

  • Can be any color (including white and black).
    • Raivo OTP will apply effects so the icons are correctly visible in light/dark mode.

For best practice examples, check the SVG of e.g. Amazon, Adobe or Bitbucket. Pull requests that do not meet the requirements will not be merged.