Manhole Cover With Hydrant アイコン
pinhead:manhole-cover-with-hydrant
Manhole Cover With Hydrant アイコン(pinhead:manhole-cover-with-hydrant)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- manholecover、coverwith、withhydrant、manholecoverwithhydrant
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M10.65 2.08c.4 0 .4.8 0 .8h-1.2c-.2 0-1.4-.6-1-.8zm-4.13 0c.4.2-.8.8-1 .8h-1.2c-.4 0-.4-.8 0-.8zM3.55 4.39c.4 0-.2.8-.4.8h-.8c-.4 0-.4-.8 0-.8zm9.06 0c.4 0 .4.8 0 .8h-.8c-.2 0-.8-.8-.4-.8zm.83 2.3c.4 0 .4.8 0 .8h-.8c-.4 0-.4-.8 0-.8zm-11.12 0c.4 0 .4.8 0 .8h-.8c-.4 0-.4-.8 0-.8zm.28 2.3c.2 0 .8.8.4.8H1.81c-.4 0-.4-.8 0-.8zm10.54 0c.4 0 .4.8 0 .8h-1.2c-.4 0 .2-.8.4-.8zm-1.35 2.3c.4 0 .4.8 0 .8H9.6c-.4-.2.8-.8 1-.8zm-7.41 0c.2 0 1.4.6 1 .8H3.19c-.4 0-.4-.8 0-.8zM7.33 2.7c2.29 0 4.87 2.51 4.87 4.8s-2.4 4.78-4.69 4.78S2.79 9.79 2.79 7.5s2.26-4.8 4.55-4.8zm1.42-1.57S8.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.37M7.5.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-7m0-.5C11.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 3.4c.21 0 .37.17.37.37v-.02c.63.12.9.51 1.11 1.06h.1c.13 0 .23.14.23.3s-.1.3-.23.3H8.7v1.04h.9c.17 0 .3.13.3.3v.89c0 .17-.13.3-.3.3h-.9v2.01H9c.21 0 .38.17.38.37s-.17.37-.38.37H6c-.21 0-.38-.17-.38-.37c0-.21.17-.37.38-.37h.3V7.94h-.9c-.17 0-.3-.13-.3-.3v-.89c0-.17.13-.3.3-.3h.9V5.41h-.38c-.13 0-.22-.14-.22-.3c0-.17.1-.3.22-.3H6c.21-.67.5-.83 1.13-1.06v.02c0-.2.16-.37.37-.37"/></svg>Manhole Cover With Hydrant アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:manhole-cover-with-hydrant" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:manhole-cover-with-hydrant" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:manhole-cover-with-hydrant" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--manhole-cover-with-hydrant]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:manhole-cover-with-hydrant"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:manhole-cover-with-hydrant"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/manhole-cover-with-hydrant.svg" alt="Manhole Cover With Hydrant アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Manhole Cover With Hydrant アイコン のよくある質問
Manhole Cover With Hydrant アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Manhole Cover With Hydrant アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:manhole-cover-with-hydrant" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Manhole Cover With Hydrant アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/manhole-cover-with-hydrant.svg" alt="Manhole Cover With Hydrant アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。