کیوآر کد · آیکون qr-code

import { IconQrCode } from "@kashi-ui/icons/react";

<IconQrCode />
<IconQrCode size={24} title="کیوآر کد" />

// یا با نام
import { Icon } from "@kashi-ui/icons/react";
<Icon name="qr-code" />

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-kashi-icon="qr-code"><path d="M4.75 3H6.75C8.15 3 8.5 3.35 8.5 4.75V6.75C8.5 8.15 8.15 8.5 6.75 8.5H4.75C3.35 8.5 3 8.15 3 6.75V4.75C3 3.35 3.35 3 4.75 3Z"/><path d="M13.25 3H15.25C16.65 3 17 3.35 17 4.75V6.75C17 8.15 16.65 8.5 15.25 8.5H13.25C11.85 8.5 11.5 8.15 11.5 6.75V4.75C11.5 3.35 11.85 3 13.25 3Z"/><path d="M4.75 11.5H6.75C8.15 11.5 8.5 11.85 8.5 13.25V15.25C8.5 16.65 8.15 17 6.75 17H4.75C3.35 17 3 16.65 3 15.25V13.25C3 11.85 3.35 11.5 4.75 11.5Z"/><path d="M11.5 11.5h2v2M17 11.5v.01M11.5 17h.01M14.5 17H17v-2.5"/></svg>

<svg width="20" height="20" aria-hidden="true">
  <use href="/sprite.svg#k-qr-code" />
</svg>

<!-- فایل جدا: @kashi-ui/icons/svg/qr-code.svg -->

import { iconSvg } from "@kashi-ui/icons";

el.innerHTML = iconSvg("qr-code", { size: 24 });

Icon / اجزای رابط / qr-code