Clubhouse アイコン
arcticons:clubhouse
Clubhouse アイコン(arcticons:clubhouse)は、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"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.008 28.106c-2.832 2.832-7.407-7.626-2.178-5.012m5.229-5.124c2.858-3.059 5.717-6.118 8.279-5.77s4.846 4.097 5.447 6.32s-.47 2.91-.436 3.92s1.177 2.336 1.185 4.437s-1.124 4.985-2.056 7.33s-1.665 4.14-3.05 4.575s-3.425-.497-5.23-1.743a36 36 0 0 1-4.923-4.393"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.126 17.648c1.176-3.486 2.353-6.964 6.1-8.716s10.058-1.769 13.944.872s5.36 7.94 5.525 11.547c.166 3.617-.976 5.543-.732 7.19s1.865 2.998 3.486 4.358m-7.285-2.109c.21-.331.41-.654 0-.871a4.6 4.6 0 0 0-2.179-.219a4.14 4.14 0 0 0-1.874.81c-.636.41-1.429.942-1.176 1.805a5.15 5.15 0 0 0 2.397 2.396c.827.349 1.176-.157 1.525-.653m3.799.366q6.101-.871 7.844 5.447m-26.581-2.179q3.922 4.576 8.654 1.107"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.532 20.489q4.845-2.624 7.46-.663m4.793-.043a.75.75 0 0 0-.872-.393a1.43 1.43 0 0 0-1.307 1.743c.183 1.282 1.473 3.443 1.734 4.724c.253 1.272-.531 1.665-1.307 2.048M5.59 33.117c1.037-2.841 2.074-5.682 2.832-8.062S9.65 20.75 10.6 19.826s2.361-.863 3.921-.653a9.8 9.8 0 0 1 3.922 1.089a.888.888 0 0 1-.218 1.525a2.27 2.27 0 0 1-1.743-.218m2.616 7.408a2.07 2.07 0 0 1 1.307-.654c.567-.017 1.342.262 1.09.872s-1.526 1.543-2.397 2.397A10.1 10.1 0 0 1 16.7 33.77a36 36 0 0 1-3.922 1.307a11.6 11.6 0 0 0-2.832 1.525"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.5 32.245q1.09 5.23 7.19 5.447"/></svg>Clubhouse アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:clubhouse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:clubhouse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:clubhouse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--clubhouse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:clubhouse"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:clubhouse"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/clubhouse.svg" alt="Clubhouse アイコン" width="24" height="24">他のアイコンセットの Clubhouse アイコン
Clubhouse アイコン のよくある質問
Clubhouse アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Clubhouse アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:clubhouse" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Clubhouse アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/clubhouse.svg" alt="Clubhouse アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。