Иконка Qr Code Linear
solar:qr-code-linear
Иконка Qr Code Linear (solar:qr-code-linear) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Solar
- Автор
- 480 Design
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Безопасность
- Теги
- qrcode, codelinear, qrcodelinear
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 16.9C2 15.5906 2 14.9359 2.29472 14.455C2.45963 14.1859 2.68589 13.9596 2.955 13.7947C3.43594 13.5 4.09063 13.5 5.4 13.5H6.5C8.38562 13.5 9.32843 13.5 9.91421 14.0858C10.5 14.6716 10.5 15.6144 10.5 17.5V18.6C10.5 19.9094 10.5 20.5641 10.2053 21.045C10.0404 21.3141 9.81411 21.5404 9.545 21.7053C9.06406 22 8.40937 22 7.1 22C5.13594 22 4.15391 22 3.4325 21.5579C3.02884 21.3106 2.68945 20.9712 2.44208 20.5675C2 19.8461 2 18.8641 2 16.9Z"/><path d="M13.5 5.4C13.5 4.09063 13.5 3.43594 13.7947 2.955C13.9596 2.68589 14.1859 2.45963 14.455 2.29472C14.9359 2 15.5906 2 16.9 2C18.8641 2 19.8461 2 20.5675 2.44208C20.9712 2.68945 21.3106 3.02884 21.5579 3.4325C22 4.15391 22 5.13594 22 7.1C22 8.40937 22 9.06406 21.7053 9.545C21.5404 9.81411 21.3141 10.0404 21.045 10.2053C20.5641 10.5 19.9094 10.5 18.6 10.5H17.5C15.6144 10.5 14.6716 10.5 14.0858 9.91421C13.5 9.32843 13.5 8.38562 13.5 6.5V5.4Z"/><path stroke-linecap="round" d="M19 13.5H17C15.5955 13.5 14.8933 13.5 14.3889 13.8371C14.1705 13.983 13.983 14.1705 13.8371 14.3889C13.5 14.8933 13.5 15.5955 13.5 17M13.5 19V22"/><path stroke-linecap="round" stroke-linejoin="round" d="M17 22H19C19.9319 22 20.3978 22 20.7654 21.8478C21.2554 21.6448 21.6448 21.2554 21.8478 20.7654C22 20.3978 22 19.9319 22 19M22 17V13.5"/><path d="M2 7.1C2 5.13594 2 4.15391 2.44208 3.4325C2.68945 3.02884 3.02884 2.68945 3.4325 2.44208C4.15391 2 5.13594 2 7.1 2C8.40937 2 9.06406 2 9.545 2.29472C9.81411 2.45963 10.0404 2.68589 10.2053 2.955C10.5 3.43594 10.5 4.09063 10.5 5.4V6.5C10.5 8.38562 10.5 9.32843 9.91421 9.91421C9.32843 10.5 8.38562 10.5 6.5 10.5H5.4C4.09063 10.5 3.43594 10.5 2.955 10.2053C2.68589 10.0404 2.45963 9.81411 2.29472 9.545C2 9.06406 2 8.40937 2 7.1Z"/><path d="M6.25 17.25C6.49535 17.25 6.63831 17.2518 6.73926 17.2598C6.74734 17.3608 6.75 17.5038 6.75 17.75C6.75 17.9954 6.74727 18.1383 6.73926 18.2393C6.63831 18.2473 6.49541 18.25 6.25 18.25C6.0038 18.25 5.86077 18.2473 5.75977 18.2393C5.75176 18.1383 5.75 17.9953 5.75 17.75C5.75 17.5039 5.75169 17.3608 5.75977 17.2598C5.86077 17.2517 6.00387 17.25 6.25 17.25Z"/><path d="M6.25 5.75C6.49535 5.75 6.63831 5.75176 6.73926 5.75977C6.74734 5.86077 6.75 6.0038 6.75 6.25C6.75 6.49541 6.74727 6.63831 6.73926 6.73926C6.63831 6.74727 6.49541 6.75 6.25 6.75C6.0038 6.75 5.86077 6.74734 5.75977 6.73926C5.75176 6.63831 5.75 6.49535 5.75 6.25C5.75 6.00387 5.75169 5.86077 5.75977 5.75977C5.86077 5.75169 6.00387 5.75 6.25 5.75Z"/><path d="M17.75 5.75C17.9953 5.75 18.1383 5.75176 18.2393 5.75977C18.2473 5.86077 18.25 6.0038 18.25 6.25C18.25 6.49541 18.2473 6.63831 18.2393 6.73926C18.1383 6.74727 17.9954 6.75 17.75 6.75C17.5038 6.75 17.3608 6.74734 17.2598 6.73926C17.2518 6.63831 17.25 6.49535 17.25 6.25C17.25 6.00387 17.2517 5.86077 17.2598 5.75977C17.3608 5.75169 17.5039 5.75 17.75 5.75Z"/><path d="M16.75 17.75C16.75 17.3487 16.75 17.1481 16.8463 17.004C16.888 16.9416 16.9416 16.888 17.004 16.8463C17.1481 16.75 17.3487 16.75 17.75 16.75C18.1513 16.75 18.3519 16.75 18.496 16.8463C18.5584 16.888 18.612 16.9416 18.6537 17.004C18.75 17.1481 18.75 17.3487 18.75 17.75C18.75 18.1513 18.75 18.3519 18.6537 18.496C18.612 18.5584 18.5584 18.612 18.496 18.6537C18.3519 18.75 18.1513 18.75 17.75 18.75C17.3487 18.75 17.1481 18.75 17.004 18.6537C16.9416 18.612 16.888 18.5584 16.8463 18.496C16.75 18.3519 16.75 18.1513 16.75 17.75Z"/></g></svg>Как использовать иконку Qr Code Linear
React
import { Icon } from "@iconify/react";
<Icon icon="solar:qr-code-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:qr-code-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:qr-code-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--qr-code-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:qr-code-linear"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:qr-code-linear"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/solar/qr-code-linear.svg" alt="Иконка Qr Code Linear" width="24" height="24">Похожие иконки в наборе Solar
Вопросы и ответы: Иконка Qr Code Linear
Можно ли бесплатно использовать иконку Qr Code Linear в коммерческих проектах?
Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Qr Code Linear в React?
Установите @iconify/react и выведите <Icon icon="solar:qr-code-linear" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Qr Code Linear на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/qr-code-linear.svg" alt="Иконка Qr Code Linear">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.