Box アイコン
iwwa:box
Box アイコン(iwwa:box)は、Innowatio Font セットの無料 SVG アイコンです（作者: Innowatio）。 40 × 40 のグリッドで描かれています。 Innowatio Font icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Innowatio Font
- 作者
- Innowatio
- ライセンス
- Apache-2.0
- サイズ
- 40 × 40
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path fill="currentColor" d="M36.611 34.313H3.389c-2.084 0-2.867-1.762-2.989-2.692l-.004-11.79a.5.5 0 0 1 .034-.182L5.093 7.661a3.13 3.13 0 0 1 3.02-1.974h23.758a3.15 3.15 0 0 1 3.043 1.992l4.655 11.97a.5.5 0 0 1 .034.182v11.725c-.125.996-.907 2.757-2.992 2.757M1.396 19.925v11.631c.021.119.301 1.758 1.993 1.758h33.222c1.738 0 1.986-1.748 1.996-1.822l-.004-11.566l-4.628-11.9c-.025-.069-.502-1.337-2.087-1.337H8.131c-1.629 0-2.094 1.304-2.099 1.317z"/><path fill="currentColor" d="M27.166 22.618h-14.33a.5.5 0 0 1-.497-.553c.122-1.151-.032-2.005-.449-2.468c-.412-.458-1.044-.423-1.101-.419l-5.573.005a.5.5 0 0 1-.464-.683l3.489-8.814a.5.5 0 0 1 .465-.316h22.588a.5.5 0 0 1 .465.316l3.441 8.695a.5.5 0 0 1-.398.803h-5.524c-.077-.006-.115-.009-.171-.009c-.231 0-.666.055-.997.423c-.416.464-.571 1.316-.448 2.468a.496.496 0 0 1-.496.552m-13.792-1h13.253c-.048-1.186.2-2.089.739-2.688c.815-.906 1.984-.74 1.983-.741l4.697-.004l-3.093-7.815H9.046l-3.093 7.815h4.749c.015-.003.09-.009.192-.009c.397 0 1.149.098 1.74.754c.539.599.788 1.502.74 2.688"/></svg>
Box アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="iwwa:box" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iwwa:box" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iwwa:box" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iwwa--box]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iwwa -->
<div class="i-iwwa:box"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iwwa:box"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/iwwa/box.svg" alt="Box アイコン" width="24" height="24">
Box アイコン のよくある質問
Box アイコンは商用利用でも無料ですか?
はい。Innowatio Font icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Box アイコンを使うには?
@iconify/react をインストールして <Icon icon="iwwa:box" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Box アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/iwwa/box.svg" alt="Box アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Innowatio Font アイコン をすべて見る →
ICONYZ
