Size(px):

Background Color:

Foreground Color:

Error Level:

Minimum Version: 1

Margin Size:

Value:

Title:

Include Image:

Image Settings

Source:

Image Width: 240

Image Height: 240

Image Opacity: 1

Center Image:

Image Settings

Image X: 0

Image Y: 0

Excavate ("dig" foreground to nearest whole module):

QRCodeSVG

import { QRCodeSVG } from 'solid-qr-code';

<QRCodeSVG
  value={"https://picturesofpeoplescanningqrcodes.tumblr.com/"}
  title={"Title for my QR Code"}
  size={128}
  bgColor={"#ffffff"}
  fgColor={"#000000"}
  marginSize={0}
  imageSettings={{
    src: "https://static.zpao.com/favicon.png",
    x: undefined,
    y: undefined,
    height: 240,
    width: 240,
    opacity: 1,
    excavate: true,
  }}
/>

QRCodeCanvas

import { QRCodeCanvas } from 'solid-qr-code';

<QRCodeCanvas
  value={"https://picturesofpeoplescanningqrcodes.tumblr.com/"}
  title={"Title for my QR Code"}
  size={128}
  bgColor={"#ffffff"}
  fgColor={"#000000"}
  marginSize={0}
  imageSettings={{
    src: "https://static.zpao.com/favicon.png",
    x: undefined,
    y: undefined,
    height: 240,
    width: 240,
    opacity: 1,
    excavate: true,
  }}
/>

QRCodeTwoTone

import { QRCodeSVG } from 'solid-qr-code';

<QRCodeSVG
  value={"https://picturesofpeoplescanningqrcodes.tumblr.com/"}
  title={"Title for my QR Code"}
  size={128}
  bgColor={"#ffffff"}
  fgColor={"#000000"}
  marginSize={0}
  imageSettings={{
    src: "https://static.zpao.com/favicon.png",
    x: undefined,
    y: undefined,
    height: 240,
    width: 240,
    opacity: 1,
    excavate: true,
  }}
/>

█▀▀▀▀▀█ ▀▄▄██   ███▀█ █▀▀▀▀▀█
█ ███ █ █▄ ▄██▄▀ ▄ ▀▄ █ ███ █
█ ▀▀▀ █ ▀█  █▄█▀▀▀▄█▄ █ ▀▀▀ █
▀▀▀▀▀▀▀ ▀▄▀ █ ▀▄▀▄█▄▀ ▀▀▀▀▀▀▀
█▀▀▀▄▄▀▄█▄ █  █ █▀▀▄▄▀▄▄█▀▀ █
▀▄ ▄▄▄▀▀▄  █▀██▄▄ ▄▄▄█▄█  ▀▀▄
▀ ▄▀▄█▀█▀█▄ ██▄███ ▄ ▄▄▀ ▀█▄▄
██  ██▀██ ▄▄  ▀▄ ▀ ▀ ▄█▀█ ▀█▀
▀▄█▄▄▄▀▀▄ ▀▄ █▄▄▀ ▀ ▄▀ █▀█▄█
▀ █▀▄ ▀▀█ ▀ ▀ ███▄█▄ ▄ ██ █
▀▀  ▀▀▀█▀█▄▀ █ ███▀█▀▀▀███▄▄
█▀▀▀▀▀█  ▄ ▀▄▄▄▄  ▀▀█ ▀ ██ █
█ ███ █ ▄▀ ▀███▄▄▀ ▄▀█▀██▄▀█▄
█ ▀▀▀ █ █ ▄▄▄▀█▄ ▀█ ██ ▀▄▄▀▄▀
▀▀▀▀▀▀▀ ▀▀▀▀ ▀ ▀  ▀▀▀▀▀▀ ▀ ▀

QRCodeText

import { QRCodeSVG } from 'solid-qr-code';

<QRCodeSVG
  value={"https://picturesofpeoplescanningqrcodes.tumblr.com/"}
  title={"Title for my QR Code"}
  size={128}
  bgColor={"#ffffff"}
  fgColor={"#000000"}
  marginSize={0}
  imageSettings={{
    src: "https://static.zpao.com/favicon.png",
    x: undefined,
    y: undefined,
    height: 240,
    width: 240,
    opacity: 1,
    excavate: true,
  }}
/>

***** * * *** *   *******
*     * *  *  ** *  * *     *
* *** * *    *  ***** * *** *
* *** * *         * *** *
* *** *  * * *** * *  * *** *
*     *  * ***** *  * *     *
******* * * * * * * * *
          * * *
* *** *    *   **
* *** * *  **      *  **   *
*    *      * ** *
** *    ****   * *   ** *
******  * **    * *  *** *
  ** *           ** *
       * ***
  * *  *   *** * ***   * *
  * *  *  * ****   *
      *    ***  * *
   **  *    * ***   *
* * ** * * *      *  *  *
** * **  * *     *  *** *
        * ** *      *
***  * * ***    * * *   *
*     *  **** * ***   * *
* *** *     * ******** *
* *** * *   *     ** * **
* *** * * * *  ***  * *
*     *   *  ***   *
*****  * **      *   **