Cue アイコン
arcticons:cue
Cue アイコン(arcticons:cue)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M41.432 22.974c0-5.127-3.076-18.458-11.28-18.458S6.569 6.567 6.569 16.822c3.076 38.966 34.756 30.14 34.864 6.152"/><path d="M10.668 33.429c21.991-.068 30.663-8.24 30.663-8.24m-28.059-6.885c2.51-2.065 6.029-1.866 7.878.446s1.336 5.869-1.15 7.962s-6.013 1.939-7.894-.347c-1.88-2.286-1.41-5.845 1.054-7.967m15.333-8.343c2.597-1.14 5.6.983 6.707 4.743s-.102 7.733-2.699 8.874s-5.6-.984-6.706-4.744s.101-7.733 2.698-8.873"/></g></svg>Cue アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:cue" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:cue" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:cue" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--cue]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:cue"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:cue"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/cue.svg" alt="Cue アイコン" width="24" height="24">Arcticons の関連アイコン
他のアイコンセットの Cue アイコン
Cue アイコン のよくある質問
Cue アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Cue アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:cue" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cue アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/cue.svg" alt="Cue アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。