Ícone Manhole Cover With Droplet
pinhead:manhole-cover-with-droplet
O ícone Manhole Cover With Droplet (pinhead:manhole-cover-with-droplet) é um ícone SVG gratuito da coleção Pinhead Map Icons de Quincy Morgan. Ele é desenhado em uma grade de 15 × 15. Pinhead Map Icons são publicados sob a licença CC0, 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
- Pinhead Map Icons
- Autor
- Quincy Morgan
- Licença
- CC0-1.0
- Tamanho
- 15 × 15
- Tags
- manholecover, coverwith, withdroplet, manholecoverwithdroplet
Código 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.37M7.5 4.25c.22.68.45 1.21.68 1.58c.11.17.29.41.54.73l.34.45c.29.35.44.79.44 1.24c0 1.1-.9 2-2 2l-.17-.01a1.997 1.997 0 0 1-1.4-3.23l.39-.49c.15-.2.27-.37.37-.5l.12-.19c.24-.39.47-.91.69-1.58"/></svg>Como usar o ícone Manhole Cover With Droplet
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:manhole-cover-with-droplet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:manhole-cover-with-droplet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:manhole-cover-with-droplet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--manhole-cover-with-droplet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:manhole-cover-with-droplet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:manhole-cover-with-droplet"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/pinhead/manhole-cover-with-droplet.svg" alt="Ícone Manhole Cover With Droplet" width="24" height="24">Ícones relacionados em Pinhead Map Icons
Perguntas frequentes sobre Ícone Manhole Cover With Droplet
O ícone Manhole Cover With Droplet é grátis para uso comercial?
Sim. Pinhead Map Icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Manhole Cover With Droplet no React?
Instale @iconify/react e renderize <Icon icon="pinhead:manhole-cover-with-droplet" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Manhole Cover With Droplet a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/pinhead/manhole-cover-with-droplet.svg" alt="Ícone Manhole Cover With Droplet">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.