أيقونة Code Qr

streamline-freehand:code-qr

أيقونة Code Qr (streamline-freehand:code-qr) أيقونة SVG مجانية من مجموعة Freehand free icons من تصميم Streamline. مرسومة على شبكة 24 × 24. تُنشر Freehand free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Freehand free icons
المؤلف: Streamline
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: التسوق والتجارة الإلكترونية
الوسوم: codeqr

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M.623 7.177c.324.236.702.384 1.1.43Q2.86 7.68 4 7.617a10.6 10.6 0 0 0 1.998 0a2 2 0 0 0 1-.59a6.3 6.3 0 0 0 .999-3.996a3.16 3.16 0 0 0-1.2-2.548A4.3 4.3 0 0 0 4.72.033q-1.476.1-2.918.43a.33.33 0 0 0-.227.49a.32.32 0 0 0 .327.15C2.832.942 3.775.858 4.72.853a3.5 3.5 0 0 1 1.648.39c.245.197.409.478.46.789c.148.546.205 1.113.17 1.678a4.75 4.75 0 0 1-.79 2.618c-.19.142-.422.216-.66.21q-.773.045-1.548 0c-.46 0-1.189.12-1.858.1a1.67 1.67 0 0 1-.93-.21c-.319-.21-.369-.84-.389-1.519a20.4 20.4 0 0 1 .16-2.997l.17-1.159A.29.29 0 0 0 .812.414a.28.28 0 0 0-.219.23l-.24 1.228a18.7 18.7 0 0 0-.349 3.577a2.4 2.4 0 0 0 .62 1.728M23.982 3.09a3.16 3.16 0 0 0-1.18-2.607a4.3 4.3 0 0 0-2.067-.45c-.985.053-1.964.183-2.928.39a.32.32 0 0 0-.26.37a.31.31 0 0 0 .37.27a17 17 0 0 1 2.808-.21a3.5 3.5 0 0 1 1.648.39c.241.192.404.465.46.769c.144.554.194 1.128.15 1.698a4.75 4.75 0 0 1-.75 2.618a1.06 1.06 0 0 1-.659.21q-.784.045-1.569 0c-.46 0-1.189.12-1.858.1a1.67 1.67 0 0 1-.929-.21c-.3-.21-.34-.84-.37-1.519a22 22 0 0 1 .16-2.997l.17-1.199a.29.29 0 0 0-.214-.39a.29.29 0 0 0-.345.28l-.24 1.23a19.5 19.5 0 0 0-.39 3.616a2.4 2.4 0 0 0 .61 1.728c.323.236.701.384 1.099.43q1.128.067 2.257 0a10.7 10.7 0 0 0 1.999 0a2 2 0 0 0 1.029-.58a6.37 6.37 0 0 0 .999-3.936M6.798 16.798a4.3 4.3 0 0 0-2.078-.41q-1.475.08-2.918.39a.34.34 0 0 0-.27.37a.32.32 0 0 0 .37.27c.93-.161 1.873-.245 2.818-.25a3.5 3.5 0 0 1 1.648.39c.241.192.404.465.46.769c.148.55.205 1.12.17 1.688a4.7 4.7 0 0 1-.75 2.608a1.06 1.06 0 0 1-.66.21q-.783.045-1.568 0c-.46 0-1.189.12-1.858.1c-.322.02-.644-.05-.93-.2c-.299-.22-.349-.85-.369-1.529a20 20 0 0 1 .16-2.997l.17-1.199a.29.29 0 0 0-.341-.339a.28.28 0 0 0-.219.23l-.28 1.288a18.7 18.7 0 0 0-.349 3.577a2.37 2.37 0 0 0 .61 1.728c.323.236.701.384 1.098.43q1.13.075 2.258 0a10.6 10.6 0 0 0 1.998 0c.379-.061.728-.24 1-.51a6.3 6.3 0 0 0 .999-3.996a3.16 3.16 0 0 0-1.17-2.618M11.254 5.03a.32.32 0 0 0 .639 0c.07-.51.15-1 .2-1.52v-.649a5 5 0 0 0 0-.65c0-.519-.14-.998-.21-1.518a.28.28 0 0 0-.56.02c-.09.51-.2 1-.26 1.519V3.53c.05.499.12 1.009.19 1.498m.65 6.495a.32.32 0 0 0 .31.34a.33.33 0 0 0 .34-.3c.09-.55.19-1.079.25-1.628a6 6 0 0 0 0-.71a6 6 0 0 0 0-.71a13 13 0 0 0-.32-1.648a.28.28 0 0 0-.31-.26a.28.28 0 0 0-.26.31c0 .54-.11 1.06-.15 1.609v.86c-.7-.09-1.389-.16-2.098-.2H7.807c-.72 0-1.429.11-2.158.11a.282.282 0 1 0-.07.559q1.248.29 2.528.39q.754.045 1.508 0c.72 0 1.439-.12 2.168-.16c.04.459.09.938.12 1.438m1.878 11.36c-.54-.07-1.089-.13-1.648-.16a11 11 0 0 0-1.13 0h-.249v-.43l-.22-2.917a.3.3 0 0 0-.29-.29a.29.29 0 0 0-.29.29l-.269 2.887v.77a1.4 1.4 0 0 0 0 .369a.76.76 0 0 0 .47.47c.193.05.396.05.59 0q.218-.057.429-.14q.628-.135 1.269-.18c.44 0 .879-.05 1.308-.05a.33.33 0 0 0 .35-.3a.33.33 0 0 0-.32-.32m2.438-9.071c.353.112.72.179 1.089.2q.584.045 1.169 0c.86-.07 1.708-.23 2.558-.29a.32.32 0 0 0 .32-.32a.32.32 0 0 0-.32-.33c-.86-.05-1.719 0-2.578 0a9 9 0 0 1-1-.1c-.998-.13-.838 0-.898-.719a28 28 0 0 1-.15-1.608v-1.07a.28.28 0 0 0-.26-.309a.3.3 0 0 0-.31.27a33 33 0 0 0-.24 2.757v.7a.83.83 0 0 0 .13.42c.127.172.295.31.49.399m4.676-4.376a2.9 2.9 0 0 0-.83 0c-1.378.21-1.229.53-1.229.56s0 .28 1.23.48h.399q.204.014.41 0c1.159-.14 1.269-.24 1.279-.48s-.17-.38-1.26-.56m-3.216 9.991q-1.08.06-2.158 0a.87.87 0 0 1-.9-.91l-.3-1.998q.925-.059 1.849 0a.32.32 0 0 0 .331-.134a.32.32 0 0 0 .05-.24a.32.32 0 0 0-.251-.255a9 9 0 0 0-1.539-.38a5 5 0 0 0-.689 0a5 5 0 0 0-.68.07a5.6 5.6 0 0 0-1.518.54a.28.28 0 0 0-.18.36a.29.29 0 0 0 .36.18q.406-.067.82-.07h.758l-.06 1.998a7 7 0 0 0 0 .739a.87.87 0 0 0 .19.48c.35.357.82.571 1.319.599c.907-.007 1.81-.125 2.688-.35a.33.33 0 0 0 .3-.35a.33.33 0 0 0-.39-.28m3.886-3.026a.7.7 0 0 0-.5-.26a6 6 0 0 0-.709.06l-2.507-.1a.27.27 0 0 0-.32.24a.29.29 0 0 0 .24.32l2.517.479c.47.06.51 0 .49.4s0 .619-.05.829v4.236a.33.33 0 0 0 .445.308a.32.32 0 0 0 .204-.298l.43-4.176a7 7 0 0 0 0-1.3a1.47 1.47 0 0 0-.24-.739"/><path d="M2.312 5.359a.29.29 0 0 0 .27-.2a.33.33 0 0 0 .35.24c.599 0 1.158.18 1.688.13c.32-.022.627-.14.879-.34a.8.8 0 0 0 .26-.43q.106-.494.11-.999c.065-.44.065-.888 0-1.328a1.47 1.47 0 0 0-.37-.71a.8.8 0 0 0-.42-.2q-.33-.03-.66 0a8 8 0 0 0-1.058.05a4.3 4.3 0 0 0-.73.18a1.7 1.7 0 0 0-.519.28a.76.76 0 0 0-.26.31a.84.84 0 0 0-.08.4q.01.291.06.579l.17 1.768a.28.28 0 0 0 .31.27m.31-2.058c0-.56-.06-.51.29-.59q.36-.066.729-.07h.789c.25 0 .43 0 .45.31s0 .57 0 .79s0 .998-.56.998q-.735-.045-1.469 0a.3.3 0 0 0-.26.2zm-.31 18.712a.28.28 0 0 0 .27-.2a.32.32 0 0 0 .35.24c.599 0 1.158.18 1.688.14c.318-.03.622-.148.879-.34a.8.8 0 0 0 .26-.43q.105-.492.11-.998c.065-.44.065-.888 0-1.329a1.47 1.47 0 0 0-.37-.71a.8.8 0 0 0-.42-.2a5 5 0 0 0-.659 0a8 8 0 0 0-1.06.06q-.373.047-.728.17a1.7 1.7 0 0 0-.54.27a.76.76 0 0 0-.26.31a.84.84 0 0 0-.08.4q.01.296.06.59l.19 1.708a.27.27 0 0 0 .31.32m.31-2.058c0-.54-.06-.51.29-.59a4.3 4.3 0 0 1 .729-.07h.789c.25 0 .46 0 .45.31s0 .56 0 .78s0 .999-.56.999q-.734-.053-1.469 0a.34.34 0 0 0-.26.2zM18.167 5.359a.28.28 0 0 0 .26-.2a.33.33 0 0 0 .35.24c.599 0 1.158.18 1.698.13a1.56 1.56 0 0 0 .87-.34a.8.8 0 0 0 .259-.43a5 5 0 0 0 .12-.999a4.5 4.5 0 0 0 0-1.328a1.4 1.4 0 0 0-.38-.71a.75.75 0 0 0-.42-.2a3.5 3.5 0 0 0-.649 0a8 8 0 0 0-1.059.05a4 4 0 0 0-.73.18c-.18.065-.349.16-.499.28a.85.85 0 0 0-.26.31q-.075.192-.08.4q.015.291.07.579l.18 1.748a.29.29 0 0 0 .27.29m.6-2.648q.36-.066.729-.07h.78c.249 0 .429 0 .449.31q.022.394 0 .79c0 .339 0 .998-.55.998q-.735-.045-1.468 0a.29.29 0 0 0-.26.2V3.281c.03-.54-.04-.49.32-.57M9.305 13.022a.54.54 0 0 0-.31-.16a2.5 2.5 0 0 0-.409-.05l-1.189-.08l-1.948-.08H3.451q-.375.025-.75 0c-.13 0-.27 0-.35-.1a.36.36 0 0 1 0-.22v-.47l-.149-2.447a.27.27 0 0 0-.28-.28a.28.28 0 0 0-.29.28l-.15 2.478q-.024.375 0 .749c.016.17.07.335.16.48c.141.222.352.39.6.48c.417.11.849.151 1.279.119h5.045q.08.006.16 0a2 2 0 0 0 0 .22v1.668a.33.33 0 1 0 .65 0l.09-1.668q.012-.255 0-.51a.74.74 0 0 0-.16-.41"/></g></svg>

كيفية استخدام أيقونة Code Qr

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/code-qr.svg" alt="أيقونة Code Qr" width="24" height="24">

أيقونات ذات صلة في Freehand free icons

أيقونة Code Qr في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Code Qr

هل أيقونة Code Qr مجانية للاستخدام التجاري؟

نعم. تُنشر Freehand free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Code Qr في React؟

ثبّت @iconify/react واعرض <Icon icon="streamline-freehand:code-qr" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Code Qr إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-freehand/code-qr.svg" alt="أيقونة Code Qr">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Freehand free icons →