ICONYZ
Português (Brasil)
Ícone Fire Hydrant Off de Material Design Icons

Ícone Fire Hydrant Off

mdi:fire-hydrant-off

O ícone Fire Hydrant Off (mdi:fire-hydrant-off) é um ícone SVG gratuito da coleção Material Design Icons de Pictogrammers. Ele é desenhado em uma grade de 24 × 24. Material Design Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Material Design Icons
Autor
Pictogrammers
Licença
Apache-2.0
Tamanho
24 × 24
Tags
firehydrant, hydrantoff, firehydrantoff
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m20.84 22.73l1.27-1.27L2.39 1.73L1.11 3L8 9.89V20c-1.1 0-2 .9-2 2h12a2 2 0 0 0-2-2v-2.11zM10.22 12.11l2.67 2.67c-.27.14-.57.22-.89.22a2 2 0 0 1-2-2c0-.32.08-.62.22-.89M11.2 8L8.44 5.24c.5-1.03 1.43-1.81 2.56-2.1V2h2v1.14c1.4.36 2.5 1.46 2.86 2.86H18v2zm7.8 3v1h1v2h-1v1h-.8L17 13.8V11zM5 15v-1H4v-2h1v-1h2v4zm11-2.2L12.2 9H16z"/></svg>

Como usar o ícone Fire Hydrant Off

React

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

<Icon icon="mdi:fire-hydrant-off" width="24" />

Vue

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

<template>
  <Icon icon="mdi:fire-hydrant-off" width="24" />
</template>

Svelte

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

<Icon icon="mdi:fire-hydrant-off" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--fire-hydrant-off]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:fire-hydrant-off"></div>

Web component

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

<iconify-icon icon="mdi:fire-hydrant-off"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/mdi/fire-hydrant-off.svg" alt="Ícone Fire Hydrant Off" width="24" height="24">

Ícones relacionados em Material Design Icons

O ícone Fire Hydrant Off em outras coleções

Perguntas frequentes sobre Ícone Fire Hydrant Off

O ícone Fire Hydrant Off é grátis para uso comercial?

Sim. Material Design Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Fire Hydrant Off no React?

Instale @iconify/react e renderize <Icon icon="mdi:fire-hydrant-off" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Fire Hydrant Off a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/mdi/fire-hydrant-off.svg" alt="Ícone Fire Hydrant Off">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Material Design Icons →