duotone
1. Farbe
Die Originalfarben des Icons bleiben erhalten, bis Sie eine neue Farbe wählen.
2. Leinwandhintergrund und Transformationen
3. Live-Vektoranimationen
Im SVG-Export enthalten
QR Code SVG-Icon
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. QR Code - Kostenlos für kommerzielle und private Nutzung. Ohne Anmeldung | 100% im Browser verarbeitet
Sofortiger Vektor- und Hochauflösungs-Download
Die Originalfarben des Icons bleiben erhalten, bis Sie eine neue Farbe wählen.
heroicons-16px-solid-qr-code.svg (1.369 B)
Schnelles Kopieren für Entwickler und UI-Frameworks
Live-Code-Ausgabe
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon" width="36" height="36" role="img" aria-label="QR Code icon"><title>QR Code - Heroicons icon</title><desc>Free QR Code vector icon from the Heroicons open-source icon library; solid style, MIT licence, viewBox 0 0 16 16, 1132 bytes.</desc> <path d="M4.75 4.25a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Z"/> <path fill-rule="evenodd" d="M2 3.5A1.5 1.5 0 0 1 3.5 2H6a1.5 1.5 0 0 1 1.5 1.5V6A1.5 1.5 0 0 1 6 7.5H3.5A1.5 1.5 0 0 1 2 6V3.5Zm1.5 0H6V6H3.5V3.5Z" clip-rule="evenodd"/> <path d="M4.25 11.25a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z"/> <path fill-rule="evenodd" d="M2 10a1.5 1.5 0 0 1 1.5-1.5H6A1.5 1.5 0 0 1 7.5 10v2.5A1.5 1.5 0 0 1 6 14H3.5A1.5 1.5 0 0 1 2 12.5V10Zm1.5 2.5V10H6v2.5H3.5Z" clip-rule="evenodd"/> <path d="M11.25 4.25a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Z"/> <path fill-rule="evenodd" d="M10 2a1.5 1.5 0 0 0-1.5 1.5V6A1.5 1.5 0 0 0 10 7.5h2.5A1.5 1.5 0 0 0 14 6V3.5A1.5 1.5 0 0 0 12.5 2H10Zm2.5 1.5H10V6h2.5V3.5Z" clip-rule="evenodd"/> <path d="M8.5 9.417a.917.917 0 1 1 1.833 0 .917.917 0 0 1-1.833 0ZM8.5 13.083a.917.917 0 1 1 1.833 0 .917.917 0 0 1-1.833 0ZM13.083 8.5a.917.917 0 1 0 0 1.833.917.917 0 0 0 0-1.833ZM12.166 13.084a.917.917 0 1 1 1.833 0 .917.917 0 0 1-1.833 0ZM11.25 10.333a.917.917 0 1 0 0 1.833.917.917 0 0 0 0-1.833Z"/> </svg>
KI-Prompt und Vektor-Verbesserung
Möchtest du dieses Symbol verbessern oder umstylen? QR Code
Erzeuge einen genauen Engineering-Prompt oder verbessere das Symbol direkt auf der Leinwand. QR Code
Prompt-Generator zu 100% im Browser
Prüfung von Quelle und Lizenz
LICENSE.txt
Library: Heroicons | Author: Tailwind Labs | License: MIT | Source: https://github.com/tailwindlabs/heroicons | Ohne Anmeldung | 100% im Browser verarbeitet
Schlagwörter
#heroicons
#16px
#solid
#qr
#code
#interface
#hero
QR Code - Technische Vektordaten
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. QR Code
| Kanonische Datei-Kennung | heroicons/heroicons-16px-solid-qr-code |
|---|---|
| Quell-Bibliothekspaket | Heroicons |
| Koordinatenraster und viewBox | viewBox="0 0 16 16" |
| Größe unkomprimiert | 1.369 bytes (~753 bytes gzipped) |
| SPDX-Lizenz und kommerzielle Nutzung | MIT - Kostenlos für kommerzielle Nutzung |
| Upstream Source | https://github.com/tailwindlabs/heroicons |
| Unterstützte Exportziele | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Sicherheits- und Datenschutzgarantie | Ohne Anmeldung | 100% im Browser verarbeitet |
So nutzt und änderst du dieses Symbol: QR Code
- Visuell anpassen: Farbe, Automatisch (Strich und Füllung), Strichstärke (
0.5px-4px), Live-Vektoranimationen - Vektor oder Bild herunterladen: SVG herunterladen, PNG (transparent), WebP (optimiert) (
2048x2048 px) - Framework-Code kopieren: Kopiere fertigen Code für React, Next.js, Vue 3, Svelte, Angular, HTML und CSS-Masken.
- Tiefe Vektorbearbeitung: Im SVG-Editor bearbeiten (76.166)
Tipp zur Barrierefreiheit (WCAG 2.1): Blende dekorative Symbole mit aria-hidden und focusable false aus. Gib Symbol-Schaltflächen ein klares aria-label. Spiegele Pfeile für Sprachen von rechts nach links horizontal.
heroicons-16px-solid-qr-code.svg aria-hidden="true" focusable="false"
Mehr in Benutzeroberfläche (UI/UX)
Ansehensolid
Face Mask
Tabler Icons|interfaceoutline
Tumblr
SVG Icons Collection|interfaceoutline
Drag Vertical
Mouse|interfaceoutline
Dogecoin Doge
MingCute Icons|interfaceoutline
Dots Nine
Phosphor Icons|interface
AV Fast Forward
Material Icons|interface
Dutch Windmill
MingCute Icons Fill|interface
Flask
Tabler Icons|interface
Router
Bootstrap Icons|interface
Emergency Flashers
MingCute Icons|interface
Headset
Tabler Icons|interface
AV Repeat On
Material Icons|interface
Crab
IconPark|interface
Factory
MingCute Icons|interface
Automotive Fuel
Domain Icons|interface
Data Four
IconPark|interface
Automotive Road
Domain Icons|interface
Deer
IconPark|interface
Flowerpot
MingCute Icons Fill|interface
1 Circle
Bootstrap Icons|interface
Folders
MingCute Icons Fill|interface
Beauty Bottle
Domain Icons|interface
Grid Nine
Phosphor Icons|interfaceMehr entdecken
Häufig gestellte Fragen
QR Code - Häufig gestellte Fragen
Welche Lizenz gilt für QR Code? +
QR Code stammt aus Heroicons und unterliegt MIT. Namensnennung: Nennung Pflicht.
In welchen Formaten kann ich QR Code herunterladen? +
QR Code ist ein Vektor im solid-Stil (viewBox 0 0 16 16). Laden Sie SVG, PNG, WebP oder ICO herunter oder kopieren Sie React-TSX-, Vue-3-, Svelte-, Tailwind-CSS-, CSS-Mask- oder Base64-Code von dieser Seite.
Woher stammt das Symbol QR Code? +
QR Code ist Teil der Bibliothek Heroicons von Tailwind Labs in der Kategorie Benutzeroberfläche (UI/UX). Der vollständige Lizenztext steht in der auf dieser Seite verlinkten Lizenzdatei der Bibliothek.
100% im Browser verarbeitet | 76.166 Symbole
SVG-Editor
Bearbeite Pfade, Ebenen, Farben und Animationen im Browser und exportiere sauberes SVG, PNG oder Framework-Code.