ICONYZ
日本語
Temaki の Waste Manhole アイコン

Waste Manhole アイコン

temaki:waste-manhole

Waste Manhole アイコン(temaki:waste-manhole)は、Temaki セットの無料 SVG アイコンです(作者: Bryan Housel)。 15 × 15 のグリッドで描かれています。 Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Temaki
作者
Bryan Housel
ライセンス
CC0-1.0
サイズ
15 × 15
タグ
wastemanhole
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.5 0C11.63 0 15 3.38 15 7.5c0 4.13-3.36 7.5-7.5 7.5S0 11.63 0 7.5C0 3.38 3.38 0 7.5 0m0 .5c-3.87 0-7 3.13-7 7c0 3.88 3.13 7 7 7c3.88 0 7-3.12 7-7c0-3.87-3.12-7-7-7M11 3c.5 0 .5 1 0 1H9.5c-.25 0-1.75-.75-1.25-1zM6.75 3c.5.25-1 1-1.25 1H4c-.5 0-.5-1 0-1zM4 5c.5 0-.25 1-.5 1h-1C2 6 2 5 2.5 5zm8.5 0c.5 0 .5 1 0 1h-1c-.25 0-1-1-.5-1zm.5 2c.5 0 .5 1 0 1h-1c-.5 0-.5-1 0-1zM3 7c.5 0 .5 1 0 1H2c-.5 0-.5-1 0-1zm.5 2c.25 0 1 1 .5 1H2.5c-.5 0-.5-1 0-1zm9 0c.5 0 .5 1 0 1H11c-.5 0 .25-1 .5-1zm-5-5C9.37 4 11 5.63 11 7.5S9.37 11 7.5 11S4 9.37 4 7.5S5.63 4 7.5 4m3.5 7c.5 0 .5 1 0 1H8.25c-.5-.25 1-1 1.25-1zm-5.5 0c.25 0 1.75.75 1.25 1H4c-.5 0-.5-1 0-1zm3.25-9.87S8.5 2 7.5 2s-1.25-.87-1.25-.87A6.53 6.53 0 0 0 1 7.5c0 3 2.13 5.75 5.25 6.38c0 0 .25-.88 1.25-.88c.95 0 1.25.88 1.25.88A6.535 6.535 0 0 0 14 7.5c0-3-2.12-5.75-5.25-6.37"/><path fill="currentColor" d="M10.25 6c.25.53.25 1.24.25 1.5c0 1.59-1.25 3-3 3s-3-1.41-3-3c0-.26 0-.97.25-1.5c.5.53.9.53 1.4 0c.5.53.85.53 1.35 0c.5.53.88.53 1.38 0c.5.53.87.53 1.37 0M7.16 9.16c-.14-.06-.28.38-.14.43c.14.06.67.23.83.29c.15.05.27-.39.13-.44s-.68-.23-.82-.28m-1.03-.72c-.08-.17-.47 0-.4.18c.07.15.22.71.28.86c.05.14.44-.02.4-.16zm2.35-.05c-.14-.06-.3.36-.15.43s.64.27.81.33c.13.06.27-.38.15-.43c-.12-.06-.66-.27-.81-.33m-1-1.3c-.07.18-.32.75-.38.91s.37.27.42.12c.09-.15.25-.57.32-.84c.08-.19-.28-.36-.36-.19m-2.31-.04c-.12-.02-.19.44-.05.45c.15.02.73.09.86.1c.14.01.2-.44.05-.46c-.15-.01-.74-.08-.86-.09m4.59-.09c-.19.02-.68.06-.85.09c-.18.02-.12.49.06.47c.18-.01.64-.06.82-.08c.17-.02.16-.5-.03-.48"/></svg>

Waste Manhole アイコンの使い方

React

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

<Icon icon="temaki:waste-manhole" width="24" />

Vue

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

<template>
  <Icon icon="temaki:waste-manhole" width="24" />
</template>

Svelte

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

<Icon icon="temaki:waste-manhole" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[temaki--waste-manhole]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/temaki -->
<div class="i-temaki:waste-manhole"></div>

Web コンポーネント

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

<iconify-icon icon="temaki:waste-manhole"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/temaki/waste-manhole.svg" alt="Waste Manhole アイコン" width="24" height="24">

Temaki の関連アイコン

Waste Manhole アイコン のよくある質問

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

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

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

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

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

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

Temaki アイコン をすべて見る →