Xbp アイコン
cryptocurrency:xbp
Xbp アイコン(cryptocurrency:xbp)は、Cryptocurrency Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cryptocurrency Icons
- 作者
- Christopher Downer
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 32C7.163 32 0 24.837 0 16S7.163 0 16 0s16 7.163 16 16s-7.163 16-16 16m0-4c6.627 0 12-5.373 12-12S22.627 4 16 4S4 9.373 4 16s5.373 12 12 12m4.613-16.349c.178.236.268.527.256.822a3 3 0 0 1-.186.917c-.099.275-.24.532-.418.763a4.1 4.1 0 0 1-1.186 1.027a3 3 0 0 1-.56.25l.01.004l-6.268.617l3.142-8.634a10 10 0 0 0-.63.068c-4.165.598-7.377 4.187-7.377 8.515c0 2.161.816 4.243 2.285 5.829l-.852 2.345A10.86 10.86 0 0 1 5.118 16c0-5.877 4.683-10.677 10.512-10.873c.122-.004.245-.01.369-.01c.08 0 .159.007.238.007c.813.017 1.622.124 2.411.321l-.785 2.157l-1.177 3.235h1.45q1.03 0 1.62.227q.592.227.857.587m-2.674 2.105a1.16 1.16 0 0 0 .087-.52a.52.52 0 0 0-.151-.33a.74.74 0 0 0-.32-.17a1.6 1.6 0 0 0-.4-.05h-1.13l-.758 2.083h1.13c.313-.002.62-.08.897-.228q.441-.227.645-.785M19.2 5.598c4.444 1.37 7.682 5.515 7.682 10.402c0 6-4.881 10.882-10.882 10.882a10.82 10.82 0 0 1-6.706-2.32l.831-2.285l2.035-5.581l6.326-.624q.241.096.46.237c.185.122.342.282.46.47c.13.215.213.455.242.705q.056.41-.141.954q-.535 1.468-1.798 2.134q-1.261.669-3.229.668h-1.448l-.892 2.445q.254.13.519.243a8.603 8.603 0 1 0 5.76-16.183zm-4.64 11.475l-.845 2.316h1.323q.25 0 .498-.036q.28-.038.54-.154c.185-.086.353-.205.495-.352a1.7 1.7 0 0 0 .376-.631q.132-.368.069-.594a.6.6 0 0 0-.242-.343a1.1 1.1 0 0 0-.424-.161a2.7 2.7 0 0 0-.47-.045z"/></svg>Xbp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency:xbp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency:xbp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency:xbp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency--xbp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency -->
<div class="i-cryptocurrency:xbp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency:xbp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency/xbp.svg" alt="Xbp アイコン" width="24" height="24">他のアイコンセットの Xbp アイコン
Xbp アイコン のよくある質問
Xbp アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Xbp アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency:xbp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Xbp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency/xbp.svg" alt="Xbp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。