Ícone Pipette
reicon:pipette
O ícone Pipette (reicon:pipette) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon 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
- Reicon
- Autor
- REICON
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Ferramentas
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.264 3.736a3.367 3.367 0 0 0-4.762 0l-1.455 1.456a.75.75 0 0 1-1.061 0L11.894 4.1a.794.794 0 1 0-1.122 1.123l8.005 8.005a.794.794 0 0 0 1.123-1.122l-1.092-1.092a.75.75 0 0 1 0-1.06l1.456-1.456a3.367 3.367 0 0 0 0-4.762m-5.822-1.06a4.867 4.867 0 1 1 6.883 6.882l-.926.926l.562.561a2.294 2.294 0 0 1-3.244 3.244l-.562-.561l-6.094 6.093l-.066.067c-.39.391-.695.696-1.07.894a2.8 2.8 0 0 1-.792.278c-.416.08-.844.032-1.393-.03l-.094-.01l-.476-.053a4 4 0 0 0-.285-.027a1.3 1.3 0 0 0-.885.31c-.035.03-.072.066-.205.2l-.63.628a2.294 2.294 0 1 1-3.243-3.244l.629-.629c.133-.133.17-.17.2-.205c.208-.247.319-.562.31-.885a4 4 0 0 0-.028-.285l-.053-.476l-.01-.094c-.061-.549-.11-.977-.03-1.394a2.8 2.8 0 0 1 .277-.791c.2-.375.504-.68.895-1.07l.067-.067l6.093-6.093l-.561-.562a2.294 2.294 0 1 1 3.244-3.244l.561.562zm-3.109 5.23l-6.094 6.093c-.489.489-.617.628-.696.778q-.093.175-.13.369c-.031.167-.018.355.058 1.043l.056.5c.017.15.03.267.033.382c.02.694-.217 1.37-.666 1.9c-.075.087-.158.17-.265.277l-.018.018l-.628.629a.794.794 0 1 0 1.122 1.122l.647-.646c.107-.107.19-.19.277-.265a2.8 2.8 0 0 1 1.9-.666c.115.003.231.016.382.033l.5.056c.688.076.876.09 1.043.058a1.3 1.3 0 0 0 .369-.13c.15-.08.289-.207.778-.696l1.438-1.439L10.116 16a.75.75 0 0 1 1.06-1.06l1.324 1.323l.94-.94L12.115 14a.75.75 0 0 1 1.06-1.06l1.324 1.323l1.595-1.595z" clip-rule="evenodd"/></svg>
Como usar o ícone Pipette
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:pipette" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:pipette" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:pipette" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--pipette]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:pipette"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:pipette"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/reicon/pipette.svg" alt="Ícone Pipette" width="24" height="24">
Ícones relacionados em Reicon
O ícone Pipette em outras coleções
Perguntas frequentes sobre Ícone Pipette
O ícone Pipette é grátis para uso comercial?
Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Pipette no React?
Instale @iconify/react e renderize <Icon icon="reicon:pipette" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Pipette a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/pipette.svg" alt="Ícone Pipette">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Reicon →
ICONYZ
