Example of QR Code With Logo in Blazor Barcode Generator Component

Barcode Generator / Getting started / QR Code With Logo

This sample displays a machine-readable optical label that contains information about the item to which it is attached. And also visualize the logo image that will be displayed in the center of the QR code

Appearance
Value
Width
Height
Background Color
Fore Color
Text Visibility
Margin
Left
Right
Top
Bottom
Version
Error Correction Level

This example shows how to render the logo in the center of the QRCode. The ImageSource can be specified as an image path, a base64-encoded image, an online image URL, or an icon of the QR code.

You can customize the QR barcode's Value, allowing you to modify the barcode content. Adjust its Width, Height, Background Color, and Fore Color to control its size and appearance.

The Text Visibility option lets you choose whether to display the accompanying text. Margin properties such as left, right, top, and bottom define the spacing around the barcode.

The Version property is used to set the version of the QR barcode. Also, the Barcode component provides support to set the error correction level on a QR-type barcode by using the ErrorCorrectionLevel property.

The Download button allows users to save the barcode as an image.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE