Qr Code アイコン
streamline-stickies-color:qr-code
Qr Code アイコン(streamline-stickies-color:qr-code)は、Stickies color icons セットの無料 SVG アイコンです（作者: Streamline）。 40 × 40 のグリッドで描かれています。 Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stickies color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 40 × 40
- カテゴリ
- メール・電話
- タグ
- qrcode
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>
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 コンポーネント
<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>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/qr-code.svg" alt="Qr Code アイコン" width="24" height="24">
Stickies color icons の関連アイコン
Qr Code アイコン のよくある質問
Qr Code アイコンは商用利用でも無料ですか?
はい。Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Qr Code アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-stickies-color:qr-code" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Qr Code アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/qr-code.svg" alt="Qr Code アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Stickies color icons をすべて見る →
ICONYZ
