Bix アイコン
cryptocurrency-color:bix
Bix アイコン(cryptocurrency-color:bix)は、Cryptocurrency Color Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cryptocurrency Color 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"><g fill="none" fill-rule="evenodd"><circle cx="16" cy="16" r="16" fill="#000"/><path fill="#fff" fill-rule="nonzero" d="M16.941 24.577q.079.184.08.395c0 .568-.468 1.028-1.045 1.028s-1.045-.46-1.045-1.028q.001-.205.076-.385l-6.21-3.527a1.05 1.05 0 0 1-.752.314c-.577 0-1.045-.46-1.045-1.028c0-.48.333-.882.784-.996v-7.027A1.03 1.03 0 0 1 7 11.327c0-.568.468-1.028 1.045-1.028c.346 0 .653.166.844.422l6.072-3.45a1 1 0 0 1-.03-.243C14.931 6.46 15.4 6 15.976 6a1.037 1.037 0 0 1 1.017 1.265l6.108 3.47c.19-.264.501-.436.854-.436c.577 0 1.045.46 1.045 1.028c0 .48-.335.884-.787.997l-.018 7.02c.461.107.805.515.805 1.002c0 .568-.468 1.028-1.045 1.028a1.05 1.05 0 0 1-.776-.34zm-.279-.38l6.287-3.572a1 1 0 0 1 .02-.622l-6.065-3.9a1.24 1.24 0 0 1-.904.388a1.24 1.24 0 0 1-.979-.475l-5.977 4.027a1 1 0 0 1-.004.616l6.242 3.545a1.05 1.05 0 0 1 .694-.26c.263 0 .503.095.686.252zm.119-16.513a1.05 1.05 0 0 1-.547.34l-.016 6.056a1.22 1.22 0 0 1 1.017 1.196c0 .151-.028.297-.08.43l6.07 3.904c.135-.13.305-.223.495-.266l.018-7.011a1.033 1.033 0 0 1-.816-1.16zm-1.605.005l-6.101 3.465a1.033 1.033 0 0 1-.816 1.18v7.005c.212.044.4.15.544.3l6.005-4.045a1.22 1.22 0 0 1 .935-1.506l.016-6.054a1.05 1.05 0 0 1-.583-.345"/></g></svg>Bix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:bix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:bix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:bix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--bix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:bix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:bix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/bix.svg" alt="Bix アイコン" width="24" height="24">他のアイコンセットの Bix アイコン
Bix アイコン のよくある質問
Bix アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bix アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency-color:bix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/bix.svg" alt="Bix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。