Plumbing アイコン
material-symbols-light:plumbing
Plumbing アイコン(material-symbols-light:plumbing)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 地図
- タグ
- build、construction、fix、handyman、repair、tools、wrench、maps、plumbing sharp、plumbing rounded、plumbing outline rounded、plumbing outline sharp、plumbing outline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m18.621 9.214l-2.89-2.891l-2.125 2.12l-1.414-1.408l2.499-2.504q.223-.223.492-.322q.269-.1.548-.1q.285 0 .56.1q.276.099.494.322l1.548 1.548q.373.367.547.824t.174.955q0 .344-.107.692q-.106.348-.326.664M7.25 13.39q-.315-.316-.315-.717t.315-.716l2.104-2.11l1.413 1.414L8.64 13.39q-.31.315-.692.315t-.697-.315m-1.883 6.867q-.217-.223-.319-.509q-.102-.285-.102-.59q0-.303.1-.58t.321-.498l6.825-6.82l-3.52-3.526q-.316-.31-.307-.692t.326-.697q.309-.315.703-.305q.394.009.71.325l3.502 3.501l1.425-1.425l2.28 2.292q.166.166.166.345t-.165.344q-.166.146-.373.127t-.489-.261l-8.95 8.95q-.223.223-.49.331q-.266.109-.564.109t-.577-.102t-.502-.32"/></svg>Plumbing アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:plumbing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:plumbing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:plumbing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--plumbing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:plumbing"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:plumbing"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/plumbing.svg" alt="Plumbing アイコン" width="24" height="24">他のアイコンセットの Plumbing アイコン
Plumbing アイコン のよくある質問
Plumbing アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Plumbing アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:plumbing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Plumbing アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/plumbing.svg" alt="Plumbing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。