Xbox アイコン

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

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

lineicons:xbox

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

アイコンセット: Lineicons
作者: Lineicons
ライセンス: 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="m8.888 7.942l.42-.484l-.742-.645C7.34 5.717 6.534 5.168 5.792 4.91c-.58-.225-.644-.193-1.128.323c-1.129 1.225-2.128 3.225-2.419 4.934c-.225 1.419-.258 1.773-.193 2.45c.258 2.032.71 3.451 1.677 4.87c.419.58.483.742.354.42c-.193-.452-.032-1.549.355-2.58c.742-1.968 2.644-5.16 4.45-7.385M7.405 3.395c1.354 0 2.627.426 3.838 1.032c.387.258.774.419.774.387c0 0 .419-.194.87-.42c1.484-.741 2.903-1.096 3.87-1.032l.484.033l-.323-.097c-.677-.452-1.967-.903-2.999-1.129c-1-.225-2.87-.225-3.87 0c-.87.194-1.547.42-2.321.774c-.871.452-.936.516-.323.452m4.708 6.739c-.193-.032-2 1.548-3.257 2.903c-2.257 2.418-3.58 4.482-3.58 5.707c0 .58.226.903 1.355 1.645c1.354.903 2.902 1.451 4.45 1.58c1.258.097 2.806-.032 4.031-.419c1.451-.451 3.418-1.677 3.709-2.257c.419-.774-.42-2.58-2.193-4.773c-1.097-1.354-4.16-4.321-4.515-4.386m9.707-.064a11.6 11.6 0 0 0-1.677-3.87c-.483-.677-1.128-1.354-1.322-1.354c-.323 0-1 .226-1.451.548c-.58.355-1.129.806-1.967 1.548l-.645.548l.58.742c1.806 2.257 3.773 5.643 4.354 7.449c.258.806.419 1.645.322 2.096c-.032.322-.032.322.032.226c.258-.323.807-1.258 1.032-1.774c.258-.645.58-1.644.742-2.354c.226-.935.194-2.902 0-3.805"/></svg>

Xbox アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Lineicons をすべて見る →