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
The example below shows how icons can be added for the services "Microsoft" and "Microsoft OneDrive".
- Create the directory with the primary domain name
./vectors/microsoft.com
. - Add a scalable Microsoft logo SVG (that meets the requirements) at
./vectors/microsoft.com/microsoft.svg
. - Add a scalable Microsoft OneDrive logo SVG (that meets the requirements) at
./vectors/microsoft.com/microsoft-onedrive.svg
.
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.