Laravel 8 QR Code Generate Example

Websolutionstuff | Jun-30-2021 | Categories : Laravel

In this post we will see Laravel 8 qr code generate example. we will generate QR Code using simple-qrcode package. so we will learn how to create QR Code in laravel 8 using simple package.

Here, we are using simple-qrcode package, This package is very simple to use and generate QR Code in laravel 8,you can also learn from official side of Simple QrCode.

so, let's start to implement laravel 8 QR Code generate example.


Step 1: Install Simple QRCode Package

In the first step we will install simple-qrcode package using cli. if you don't have install laravel then first install or setup laravel project. so below command and past in your terninal

composer require simplesoftwareio/simple-qrcode


Step 2: Setup Configuration

in app.php file add service provider and aliase.


'providers' => [



'aliases' => [

    'QrCode' => SimpleSoftwareIO\QrCode\Facades\QrCode::class



Step 3: Create Controller QRController

In this we will create QRController in App\Http\Controllers path. and code for generate QR Code

php artisan:make controller QRController



namespace App\Http\Controllers;
use Illuminate\Http\Request;
use SimpleSoftwareIO\QrCode\Facades\QrCode;

class QRController extends Controller

    public function index()
    	return view('qrcode.index');
    public function create()
        QrCode::generate('', '../public/QRCode.svg');
	    return redirect()->route('qrcode.index');


Three formats are currently supported; png, eps, and svg. To change the format use the following code:

Note : imagick is required in order to generate a png image.

QrCode::format('png');  //Will return a png image
QrCode::format('eps');  //Will return a eps image
QrCode::format('svg');  //Will return a svg image



You can change the size of a QR Code by using the size method. Simply specify the size desired in pixels using the following syntax:



Step 4: Create Routes for QR Code Generate

Now step 4 in add routes for generate QR Code in laravel 8

use App\Http\Controllers\QRController;

Route::get('qr_code/index', [QRController::class, 'index'])->name('qrcode.index');
Route::get('qr_code/create', [QRController::class, 'create'])->name('qrcode.create');


Step 5: Create Blade File

In this step create balde file in resource/views/qrcode/index.blade.php path.

<!DOCTYPE html>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Laravel 8 QR Code Generate Example - Websolutionstuff</title>
		<link rel="stylesheet" href="">

		<form class="text-center" action="{{route('qrcode.create')}}" method="get" accept-charset="utf-8">
			<div class="row mt-5">
				<div class="col-md-12">
					<h2>Laravel 8 QR Code Generate Example - Websolutionstuff</h2>
					<button class="btn btn-success" type="submit">Generate</button> 
					<a href="{{asset('QrCode.svg')}}" class="btn btn-primary" download>Download</a><br>
					<img class="img-thumbnail" src="{{asset('QrCode.svg')}}" width="150" height="150" style="margin-top: 20px">


and also you can directly generate QR Code in blade file using below code.

{!! QrCode::generate(''); !!}

 and finally you will get output like below screen shot.

Laravel 8 QR Code Generate Example


Recommended Post
Featured Post
How To Add Tooltip In React JS
How To Add Tooltip In React JS

In this article, we will see how to add a tooltip in react js. Tooltips display informative text when users hover o...

Read More


How to Upgrade PHP 8.0 to 8.1 in Ubuntu
How to Upgrade PHP 8.0 to 8.1...

Hey there! I recently needed to upgrade my PHP version from 8.0 to the latest 8.1 on my Ubuntu server. It's a smart...

Read More


Laravel 9 Insert Multiple Records In Database
Laravel 9 Insert Multiple Reco...

In this article, we will see laravel 9 insert multiple records in the database. Here, we will learn how to ins...

Read More


How to Uninstall Composer on Ubuntu 23.04
How to Uninstall Composer on U...

Hey there! If you've found your way to this guide, chances are you're looking to bid farewell to Composer on you...

Read More