ICONYZ
Français
Icône Qr Code Solid de Flex free icons

Icône Qr Code Solid

streamline-flex:qr-code-solid

L'icône Qr Code Solid (streamline-flex:qr-code-solid) est une icône SVG gratuite de la collection Flex free icons par Streamline. Elle est dessinée sur une grille de 14 × 14. Les Flex free icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Flex free icons
Auteur
Streamline
Licence
CC-BY-4.0
Taille
14 × 14
Catégorie
Argent et achats
Mots-clés
qrcode, codesolid, qrcodesolid
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M3.92.196a.75.75 0 0 1 .16 1.491q-.514.056-1.026.116l-.07.008A1.34 1.34 0 0 0 1.81 2.986l-.119 1.089A.75.75 0 0 1 .2 3.92l.12-1.102A2.84 2.84 0 0 1 2.812.32l.072-.008Q3.394.253 3.92.196m6.174 0a.75.75 0 1 0-.16 1.491q.514.056 1.025.116l.07.008a1.34 1.34 0 0 1 1.174 1.175l.12 1.089a.75.75 0 1 0 1.491-.154q-.058-.56-.12-1.102A2.84 2.84 0 0 0 11.202.32l-.071-.008q-.511-.06-1.037-.117M4.3 3.89c.273-.029.532-.05.787-.05s.514.021.787.05a.29.29 0 0 1 .25.25c.028.271.048.53.048.785c0 .256-.02.514-.047.785a.29.29 0 0 1-.251.25c-.273.03-.532.05-.787.05s-.514-.02-.787-.05a.29.29 0 0 1-.25-.25a8 8 0 0 1-.048-.785c0-.255.02-.514.047-.784a.29.29 0 0 1 .251-.25m.787-1.55c-.333 0-.653.028-.946.059a1.79 1.79 0 0 0-1.584 1.59c-.03.29-.055.607-.055.936s.025.646.055.937a1.79 1.79 0 0 0 1.584 1.59c.293.031.613.058.946.058c.334 0 .653-.027.946-.058a1.79 1.79 0 0 0 1.584-1.59c.03-.29.055-.607.055-.937s-.025-.645-.055-.937a1.79 1.79 0 0 0-1.584-1.59a9 9 0 0 0-.946-.058m4.18 10.796a.75.75 0 0 0 .826.666q.526-.057 1.037-.118l.071-.008a2.84 2.84 0 0 0 2.492-2.497q.062-.544.12-1.102a.75.75 0 1 0-1.492-.154q-.057.546-.119 1.088a1.34 1.34 0 0 1-1.174 1.175l-.07.008q-.511.061-1.026.116a.75.75 0 0 0-.665.826m-4.522 0a.75.75 0 0 1-.826.666q-.526-.057-1.037-.118l-.072-.008A2.84 2.84 0 0 1 .32 11.18q-.061-.544-.12-1.102a.75.75 0 0 1 1.491-.154q.058.546.12 1.088a1.34 1.34 0 0 0 1.173 1.175l.07.008q.512.061 1.026.116a.75.75 0 0 1 .666.826m-.408-4.093a.75.75 0 1 0-1.5 0v1.528c0 .414.336.75.75.75h1.5a.75.75 0 0 0 0-1.5h-.75zm6.349 2.278a.75.75 0 0 1-.75-.75v-.778h-.75a.75.75 0 1 1 0-1.5h1.5a.75.75 0 0 1 .75.75v1.528a.75.75 0 0 1-.75.75m.06-3.81a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5zm-3.505 3.796a.75.75 0 0 1-.75-.75v-1.5a.75.75 0 1 1 1.5 0v1.5a.75.75 0 0 1-.75.75M9.937 4.47a.75.75 0 0 0 1.5 0V3.397a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 1 0 0 1.5h.75z" clip-rule="evenodd"/></svg>

Comment utiliser l'icône Qr Code Solid

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-flex:qr-code-solid" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-flex:qr-code-solid" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-flex:qr-code-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--qr-code-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:qr-code-solid"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-flex:qr-code-solid"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-flex/qr-code-solid.svg" alt="Icône Qr Code Solid" width="24" height="24">

Icônes similaires dans Flex free icons

L'icône Qr Code Solid dans d'autres collections

FAQ : Icône Qr Code Solid

L'icône Qr Code Solid est-elle gratuite pour un usage commercial ?

Oui. Les Flex free icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Qr Code Solid dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-flex:qr-code-solid" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Qr Code Solid à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-flex/qr-code-solid.svg" alt="Icône Qr Code Solid">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Flex free icons →