Ícone Qr Code
streamline-stickies-color:qr-code
O ícone Qr Code (streamline-stickies-color:qr-code) é um ícone SVG gratuito da coleção Stickies color icons de Streamline. Ele é desenhado em uma grade de 40 × 40. Stickies color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Stickies color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 40 × 40
- Categoria
- E-mail e telefone
- Tags
- qrcode
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none"><path fill="#ffe236" stroke="#231f20" stroke-miterlimit="10" d="M37.8 3.88C36.25.88 26 .5 20 .5S3.75.88 2.2 3.88C.65 5.38.5 13.38.5 20s.15 14.62 1.7 16.12c1.55 3 11.8 3.38 17.8 3.38s16.25-.38 17.8-3.38c1.55-1.5 1.7-9.5 1.7-16.12s-.15-14.62-1.7-16.12Z"/><path fill="#fff" stroke="#231f20" stroke-miterlimit="10" d="M32.32 8.84C31.25 6.77 24.14 6.5 20 6.5S8.75 6.77 7.68 8.84C6.61 9.88 6.5 15.41 6.5 20s.11 10.12 1.18 11.16C8.75 33.23 15.86 33.5 20 33.5s11.25-.27 12.32-2.34c1.07-1 1.18-6.57 1.18-11.16s-.11-10.12-1.18-11.16Z"/><path fill="#fff" stroke="#231f20" stroke-miterlimit="10" d="M16.74 11.52C16.5 11.06 14.92 11 14 11s-2.5.06-2.74.52A6.2 6.2 0 0 0 11 14a6.2 6.2 0 0 0 .26 2.48c.24.46 1.82.52 2.74.52s2.5-.06 2.74-.52A6.2 6.2 0 0 0 17 14a6.2 6.2 0 0 0-.26-2.48Zm0 12C16.5 23.06 14.92 23 14 23s-2.5.06-2.74.52A6.2 6.2 0 0 0 11 26a6.2 6.2 0 0 0 .26 2.48c.24.46 1.82.52 2.74.52s2.5-.06 2.74-.52A6.2 6.2 0 0 0 17 26a6.2 6.2 0 0 0-.26-2.48Zm12-12C28.5 11.06 26.92 11 26 11s-2.5.06-2.74.52A6.2 6.2 0 0 0 23 14a6.2 6.2 0 0 0 .26 2.48c.24.46 1.82.52 2.74.52s2.5-.06 2.74-.52A6.2 6.2 0 0 0 29 14a6.2 6.2 0 0 0-.26-2.48Z"/><path stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" d="M30.94 4.15c4 .92 4 .92 4.91 4.5"/><path stroke="#231f20" stroke-linecap="round" stroke-linejoin="round" d="M20 11q-.21 4.5 0 9h3"/><path fill="#fff" d="M11 20c1.996-.17 4.004-.17 6 0Z"/><path stroke="#231f20" stroke-linecap="round" stroke-linejoin="round" d="M11 20c1.996-.17 4.004-.17 6 0m9 3h-3v3m3-6a17.7 17.7 0 0 1 3 0c.1 1 .1 5 0 6h-3"/><path stroke="#231f20" stroke-linecap="round" stroke-linejoin="round" d="M20 23a43 43 0 0 0 0 6c2.998.17 6.002.17 9 0"/></g></svg>
Como usar o ícone Qr Code
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:qr-code" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:qr-code" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:qr-code" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--qr-code]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:qr-code"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:qr-code"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/qr-code.svg" alt="Ícone Qr Code" width="24" height="24">
Ícones relacionados em Stickies color icons
O ícone Qr Code em outras coleções
Perguntas frequentes sobre Ícone Qr Code
O ícone Qr Code é grátis para uso comercial?
Sim. Stickies color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Qr Code no React?
Instale @iconify/react e renderize <Icon icon="streamline-stickies-color:qr-code" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Qr Code a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/qr-code.svg" alt="Ícone Qr Code">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Stickies color icons →
ICONYZ
