Ícone Oil Spill 48
energy-icons:oil-spill-48
O ícone Oil Spill 48 (energy-icons:oil-spill-48) é um ícone SVG gratuito da coleção Energy Icons de Sam Passmore. Ele é desenhado em uma grade de 48 × 48. Energy Icons são publicados sob a licença MIT, 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
- Energy Icons
- Autor
- Sam Passmore
- Licença
- MIT
- Tamanho
- 48 × 48
- Tags
- oilspill
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M30 19c0-3.514-1.583-6.054-3.295-8.296c-.827-1.084-1.766-2.195-2.445-3.22q-.134-.201-.26-.41q-.125.209-.26.41c-.68 1.025-1.618 2.136-2.445 3.22C19.583 12.946 18 15.486 18 19c0 3.318 2.682 6 6 6s6-2.682 6-6m2 0c0 4.422-3.578 8-8 8s-8-3.578-8-8c0-4.186 1.917-7.166 3.705-9.509c.923-1.209 1.734-2.157 2.367-3.112C22.692 5.443 23 4.694 23 4a1 1 0 1 1 2 0c0 .694.307 1.443.928 2.379c.633.955 1.444 1.903 2.367 3.112C30.083 11.834 32 14.814 32 19m6.999 16.992l-.008-.025a.6.6 0 0 0-.09-.14c-.113-.139-.322-.32-.667-.523c-.69-.409-1.757-.811-3.162-1.162C32.277 33.442 28.362 33 24 33c-4.363 0-8.277.443-11.072 1.142c-1.405.35-2.472.753-3.162 1.162c-.345.203-.554.384-.667.523a.6.6 0 0 0-.09.14A.1.1 0 0 0 9 36l.001.008q0 .006.008.025a.6.6 0 0 0 .09.14c.113.139.322.32.667.523c.69.409 1.757.811 3.162 1.162C15.723 38.558 19.638 39 24 39c4.363 0 8.277-.443 11.072-1.142c1.405-.35 2.472-.753 3.162-1.162c.345-.203.554-.384.667-.523a.6.6 0 0 0 .09-.14A.1.1 0 0 0 39 36zM41 36c0 1.124-.887 1.909-1.748 2.418c-.928.549-2.205 1.008-3.694 1.38C32.563 40.549 28.478 41 24 41s-8.562-.452-11.558-1.201c-1.49-.373-2.766-.832-3.694-1.381C7.887 37.908 7 37.124 7 36s.887-1.909 1.748-2.418c.928-.549 2.205-1.008 3.694-1.38C15.438 31.451 19.522 31 24 31s8.563.452 11.558 1.201c1.49.373 2.766.832 3.694 1.381C40.113 34.092 41 34.876 41 36"/></svg>
Como usar o ícone Oil Spill 48
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:oil-spill-48" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:oil-spill-48" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:oil-spill-48" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--oil-spill-48]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:oil-spill-48"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:oil-spill-48"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/oil-spill-48.svg" alt="Ícone Oil Spill 48" width="24" height="24">
Ícones relacionados em Energy Icons
Perguntas frequentes sobre Ícone Oil Spill 48
O ícone Oil Spill 48 é grátis para uso comercial?
Sim. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Oil Spill 48 no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:oil-spill-48" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Oil Spill 48 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/energy-icons/oil-spill-48.svg" alt="Ícone Oil Spill 48">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Energy Icons →
ICONYZ
