Box 3d Scan Fill アイコン

Q: Box 3d Scan Fill アイコンは商用利用でも無料ですか?

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

mage:box-3d-scan-fill

Box 3d Scan Fill アイコン(mage:box-3d-scan-fill)は、Mage Icons セットの無料 SVG アイコンです（作者: MageIcons）。 24 × 24 のグリッドで描かれています。 Mage Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Mage Icons
作者: MageIcons
ライセンス: Apache-2.0
サイズ: 24 × 24
タグ: box3d、3dscan、scanfill、box3dscanfill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.48 8.38a2.8 2.8 0 0 0-1.05-1.002l-4.07-2.275a2.85 2.85 0 0 0-2.72 0L6.57 7.378a2.8 2.8 0 0 0-1.05 1.003c-.25.432-.381.924-.38 1.423v4.391c-.001.5.13.991.38 1.424c.253.423.616.77 1.05 1.002l4.07 2.266a2.82 2.82 0 0 0 2.72 0l4.07-2.266c.434-.233.797-.58 1.05-1.002c.249-.43.38-.917.38-1.414v-4.36a2.83 2.83 0 0 0-.38-1.464m-1.12 5.825c0 .229-.058.453-.17.652c-.119.2-.288.367-.49.481l-3.95 2.196V12.43l4.6-2.777q.007.075 0 .15zm3.89-5.575a.75.75 0 0 1-.75-.751V5.875a2.32 2.32 0 0 0-.68-1.655a2.35 2.35 0 0 0-1.65-.691h-3.09a.75.75 0 0 1-.75-.752a.753.753 0 0 1 .75-.752h3.09a3.85 3.85 0 0 1 2.71 1.133A3.8 3.8 0 0 1 22 5.875V7.88a.753.753 0 0 1-.75.751m-3.08 13.394h-3.09a.75.75 0 0 1-.75-.752a.753.753 0 0 1 .75-.752h3.09a2.32 2.32 0 0 0 2.155-1.44c.117-.284.176-.589.175-.896V16.12a.753.753 0 0 1 .75-.752a.75.75 0 0 1 .75.752v2.065a3.84 3.84 0 0 1-1.119 2.718a3.82 3.82 0 0 1-2.711 1.122m-9.25 0H5.83a3.8 3.8 0 0 1-2.711-1.122A3.83 3.83 0 0 1 2 18.185V16.12a.753.753 0 0 1 .75-.752a.75.75 0 0 1 .75.752v2.065a2.33 2.33 0 0 0 1.437 2.161a2.3 2.3 0 0 0 .893.175h3.09a.75.75 0 0 1 .75.752a.753.753 0 0 1-.75.752M2.75 8.631A.75.75 0 0 1 2 7.88V5.875a3.82 3.82 0 0 1 1.12-2.717a3.85 3.85 0 0 1 2.71-1.133h3.09a.75.75 0 0 1 .75.752a.753.753 0 0 1-.75.752H5.83a2.35 2.35 0 0 0-2.156 1.45a2.3 2.3 0 0 0-.174.896V7.88a.753.753 0 0 1-.75.751"/></svg>

Box 3d Scan Fill アイコンの使い方

React

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

<Icon icon="mage:box-3d-scan-fill" width="24" />

Vue

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

<template>
  <Icon icon="mage:box-3d-scan-fill" width="24" />
</template>

Svelte

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

<Icon icon="mage:box-3d-scan-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mage--box-3d-scan-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mage -->
<div class="i-mage:box-3d-scan-fill"></div>

Web コンポーネント

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

<iconify-icon icon="mage:box-3d-scan-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mage/box-3d-scan-fill.svg" alt="Box 3d Scan Fill アイコン" width="24" height="24">

Mage Icons の関連アイコン

Box 3d Scan Fill アイコンのよくある質問

Box 3d Scan Fill アイコンは商用利用でも無料ですか?

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

React で Box 3d Scan Fill アイコンを使うには?

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

Box 3d Scan Fill アイコンをウェブページに追加するには?

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

Mage Icons をすべて見る →