Tube Fill アイコン
mage:tube-fill
Tube Fill アイコン(mage:tube-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
- タグ
- tubefill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.121 12.95c.12.636.369 1.242.73 1.78l-2.7 2.7l-1.07 1.06a10.1 10.1 0 0 1-1.55-2.56a10.23 10.23 0 0 1-.34-6.9a10 10 0 0 1 1.9-3.54l3.76 3.76a3 3 0 0 0-.23.38a5 5 0 0 0-.5 3.32m11.34 6.96a10.22 10.22 0 0 1-11.33 1.13a10 10 0 0 1-1.68-1.13l3.77-3.77a5 5 0 0 0 5.48 0l2.76 2.69zm3.79-7.92a10.34 10.34 0 0 1-2.32 6.5l-3.77-3.77a5 5 0 0 0 .8-2.24a5 5 0 0 0-.8-3.24l3.77-3.77a10.27 10.27 0 0 1 2.32 6.52m-3.79-7.91l-3.72 3.75a5.2 5.2 0 0 0-1.28-.6a5 5 0 0 0-3.35.16a4.2 4.2 0 0 0-.84.45l-2.71-2.7l-1.1-1.06a8 8 0 0 1 .8-.6a10.23 10.23 0 0 1 12.19.6zm-3 8.26a3.5 3.5 0 0 1-.4 1.29a3.2 3.2 0 0 1-.6.82c-.24.237-.513.439-.81.6a3.44 3.44 0 0 1-1.64.41a3.54 3.54 0 0 1-1.65-.41a4 4 0 0 1-.56-.38a3.2 3.2 0 0 1-.84-1a3.48 3.48 0 0 1 1.73-4.88a3.42 3.42 0 0 1 2.34-.11q.324.1.62.26a3.5 3.5 0 0 1 1.25 1.14q.095.132.16.28a3.3 3.3 0 0 1 .4 1.98"/></svg>Tube Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mage:tube-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mage:tube-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mage:tube-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mage--tube-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mage -->
<div class="i-mage:tube-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mage:tube-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mage/tube-fill.svg" alt="Tube Fill アイコン" width="24" height="24">Mage Icons の関連アイコン
Tube Fill アイコン のよくある質問
Tube Fill アイコンは商用利用でも無料ですか?
はい。Mage Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tube Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mage:tube-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tube Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mage/tube-fill.svg" alt="Tube Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。