Xbox アイコン

Q: Xbox アイコンは商用利用でも無料ですか?

はい。Bootstrap Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

bi:xbox

Xbox アイコン(bi:xbox)は、Bootstrap Icons セットの無料 SVG アイコンです（作者: The Bootstrap Authors）。 24 × 24 のグリッドで描かれています。 Bootstrap Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Bootstrap Icons
作者: The Bootstrap Authors
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.202 15.967a8 8 0 0 1-3.552-1.26c-.898-.585-1.101-.826-1.101-1.306c0-.965 1.062-2.656 2.879-4.583C6.459 7.723 7.897 6.44 8.052 6.475c.302.068 2.718 2.423 3.622 3.531c1.43 1.753 2.088 3.189 1.754 3.829c-.254.486-1.83 1.437-2.987 1.802c-.954.301-2.207.429-3.239.33m-5.866-3.57C.589 11.253.212 10.127.03 8.497c-.06-.539-.038-.846.137-1.95c.218-1.377 1.002-2.97 1.945-3.95c.401-.417.437-.427.926-.263c.595.2 1.23.638 2.213 1.528l.574.519l-.313.385C4.056 6.553 2.52 9.086 1.94 10.653c-.315.852-.442 1.707-.306 2.063c.091.24.007.15-.3-.319Zm13.101.195c.074-.36-.019-1.02-.238-1.687c-.473-1.443-2.055-4.128-3.508-5.953l-.457-.575l.494-.454c.646-.593 1.095-.948 1.58-1.25c.381-.237.927-.448 1.161-.448c.145 0 .654.528 1.065 1.104a8.4 8.4 0 0 1 1.343 3.102c.153.728.166 2.286.024 3.012a9.5 9.5 0 0 1-.6 1.893c-.179.393-.624 1.156-.82 1.404c-.1.128-.1.127-.043-.148ZM7.335 1.952c-.67-.34-1.704-.705-2.276-.803a4 4 0 0 0-.759-.043c-.471.024-.45 0 .306-.358A7.8 7.8 0 0 1 6.47.128c.8-.169 2.306-.17 3.094-.005c.85.18 1.853.552 2.418.9l.168.103l-.385-.02c-.766-.038-1.88.27-3.078.853c-.361.176-.676.316-.699.312a12 12 0 0 1-.654-.319Z"/></svg>

Xbox アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="bi:xbox" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="bi:xbox" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="bi:xbox" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--xbox]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:xbox"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="bi:xbox"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/bi/xbox.svg" alt="Xbox アイコン" width="24" height="24">

他のアイコンセットの Xbox アイコン

Xbox アイコンのよくある質問

Xbox アイコンは商用利用でも無料ですか?

はい。Bootstrap Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Xbox アイコンを使うには?

@iconify/react をインストールして <Icon icon="bi:xbox" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Xbox アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bi/xbox.svg" alt="Xbox アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Bootstrap Icons をすべて見る →