Skip to main content

Basic QR Code Examples

Branded React Component​

Here is example for a branded react component to be displayed on a web page.

Please use this svg for the QR Logo below if you're using a tiplink.io link

Download QR Logo SVG

import { QRCode } from 'react-qrcode-logo';
import QRLogo from '../assets/qr-logo.svg'; // Use Image above
<QRCode
  value={'https://tiplink.io/i#2HqfTfdoivGTnBTVA'}
  size={216}
  bgColor={'transparent'}
  fgColor={#FFF}
  logoImage={QRLogo?.src}
  logoWidth={60}
  logoHeight={60}
  eyeRadius={12}
  eyeColor={'#007cbf'}
/>

Results of Example

Example Qr Code

Plain Qr Code Component​

import { QRCode } from 'react-qrcode-logo';
<QRCode
  id={id}
  value={'https://tiplink.io/i#5jC3aFcBJR4g4BQ5D'}
  size={216}
  bgColor={"transparent"}
  fgColor={#FFF}
/>