Иконка Qr Code Fill

mage:qr-code-fill

Иконка Qr Code Fill (mage:qr-code-fill) — бесплатная SVG-иконка из набора Mage Icons от MageIcons. Она нарисована на сетке 24 × 24. Mage Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Mage Icons
Автор: MageIcons
Лицензия: Apache-2.0
Размер: 24 × 24
Теги: qrcode, codefill, qrcodefill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.12 6.96v2.595a1.57 1.57 0 0 1-.968 1.484a1.6 1.6 0 0 1-.612.123h-2.6a1.59 1.59 0 0 1-1.59-1.577V6.99a1.585 1.585 0 0 1 1.59-1.587h2.6a1.59 1.59 0 0 1 1.58 1.557m0 7.495v2.595a1.585 1.585 0 0 1-1.58 1.587h-2.6a1.59 1.59 0 0 1-1.59-1.587v-2.595a1.585 1.585 0 0 1 1.59-1.577h2.6a1.58 1.58 0 0 1 1.58 1.577m7.54-7.495v2.595a1.585 1.585 0 0 1-1.54 1.607h-2.59a1.59 1.59 0 0 1-1.59-1.577V6.99a1.585 1.585 0 0 1 1.59-1.587h2.59a1.59 1.59 0 0 1 1.54 1.557m0 7.515v2.595a1.585 1.585 0 0 1-1.54 1.587h-2.59a1.59 1.59 0 0 1-1.59-1.587v-2.595a1.586 1.586 0 0 1 1.59-1.577h2.59a1.59 1.59 0 0 1 1.54 1.577"/><path fill="currentColor" d="M21.25 9.695a.76.76 0 0 1-.75-.749V5.862a2.3 2.3 0 0 0-.68-1.686a2.35 2.35 0 0 0-1.65-.679h-3.05a.75.75 0 0 1-.75-.748a.75.75 0 0 1 .75-.749h3.08a3.86 3.86 0 0 1 2.68 1.178A3.8 3.8 0 0 1 22 5.882v3.084a.75.75 0 0 1-.75.729M18.17 22h-3.05a.75.75 0 0 1-.75-.748a.75.75 0 0 1 .75-.749h3.08a2.32 2.32 0 0 0 2.137-1.462a2.3 2.3 0 0 0 .163-.893v-3.054a.75.75 0 0 1 .75-.749a.75.75 0 0 1 .75.749v3.054a3.81 3.81 0 0 1-2.363 3.534c-.465.191-.964.29-1.467.288zm-9.25 0H5.84a3.85 3.85 0 0 1-2.722-1.13A3.83 3.83 0 0 1 2 18.149v-3.054a.75.75 0 0 1 .75-.749a.75.75 0 0 1 .75.749v3.054a2.334 2.334 0 0 0 2.34 2.325h3.08a.75.75 0 0 1 .75.749a.747.747 0 0 1-.75.748zM2.75 9.695A.76.76 0 0 1 2 8.946V5.862a3.8 3.8 0 0 1 1.12-2.684A3.86 3.86 0 0 1 5.83 2.06h3.08a.75.75 0 0 1 .75.749a.75.75 0 0 1-.75.748H5.83a2.333 2.333 0 0 0-2.34 2.325v3.084a.75.75 0 0 1-.74.729"/></svg>

Как использовать иконку Qr Code Fill

React

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

<Icon icon="mage:qr-code-fill" width="24" />

Vue

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

<template>
  <Icon icon="mage:qr-code-fill" width="24" />
</template>

Svelte

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

<Icon icon="mage:qr-code-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="mage:qr-code-fill"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/mage/qr-code-fill.svg" alt="Иконка Qr Code Fill" width="24" height="24">

Иконка Qr Code Fill в других наборах

Вопросы и ответы: Иконка Qr Code Fill

Можно ли бесплатно использовать иконку Qr Code Fill в коммерческих проектах?

Да. Mage Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Qr Code Fill в React?

Установите @iconify/react и выведите <Icon icon="mage:qr-code-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Qr Code Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mage/qr-code-fill.svg" alt="Иконка Qr Code Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Mage Icons →