Wakapi アイコン
cbi:wakapi
Wakapi アイコン(cbi:wakapi)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m22 8.799l-1.115-.545l-.304.641l-.628 1.318l-2.476 5.196l-.004.006H15.03l-.002-.003l.002-.006l.963-2.02l.247-.517l.013-.028l1.252-2.628l.48-1.005l.148-.314l.765-1.606l-.377-.183l-.624-.305l3.258-1.532ZM9.495 12.614l-1.224 2.569l-2.227-4.677l-.626-1.317h2.447l.629 1.317Zm3.197-.607l-1.623 3.408v.001h-2.45v-.001l1.225-2.57l1.255-2.633l.37-.775l.368.775l.604 1.267Zm3.221.676l-.246.517l-.966 2.017l-.002.006l-1.649-3.464l-.595-1.25l-.627-1.318h2.418Zm5.87-.683q0 .314-.021.625a10 10 0 0 1-.514 2.623c-1.27 3.74-4.671 6.479-8.739 6.73a8 8 0 0 1-.618.022q-.312 0-.619-.022c-4.97-.308-8.946-4.327-9.251-9.353A8 8 0 0 1 2 12.002q-.001-.316.021-.626c.305-5.024 4.28-9.045 9.25-9.354a9 9 0 0 1 1.238 0V4.71h-1.236V3.63c-4.089.304-7.362 3.615-7.664 7.747h.956v1.25h-.956c.302 4.133 3.575 7.443 7.663 7.748v-1.102h1.237v1.102c3.02-.226 5.598-2.092 6.859-4.718a8.4 8.4 0 0 0 .804-3.03h-.002l.578-1.25h1.014q.021.31.021.626"/></svg>Wakapi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:wakapi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:wakapi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:wakapi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--wakapi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:wakapi"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:wakapi"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/wakapi.svg" alt="Wakapi アイコン" width="24" height="24">他のアイコンセットの Wakapi アイコン
Wakapi アイコン のよくある質問
Wakapi アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Wakapi アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:wakapi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wakapi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/wakapi.svg" alt="Wakapi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。