Ícone Butting In
flat-color-icons:butting-in
O ícone Butting In (flat-color-icons:butting-in) é um ícone SVG gratuito da coleção Flat Color Icons de Icons8. Ele é desenhado em uma grade de 48 × 48. Flat Color 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
- Flat Color Icons
- Autor
- Icons8
- Licença
- MIT
- Tamanho
- 48 × 48
- Tags
- buttingin
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#CFD8DC" d="M24 3C12.4 3 3 12.4 3 24s9.4 21 21 21c.3 0 .7 0 1-.1V3.1c-.3-.1-.7-.1-1-.1"/><path fill="#37474F" d="M25 3.1V45c4.1-.2 7.9-1.5 11-3.7V6.8c-3.1-2.2-6.9-3.6-11-3.7"/><path fill="#FFB74D" d="M20.5 13c-6.4.3-11.6 5.7-11.5 12.1c0 2.8 1 5.4 2.7 7.5c1.4 1.7 2.3 3.9 2.3 6.1v3.8c3 1.6 6.4 2.5 10 2.5c.3 0 .7 0 1-.1c.7 0 1.3-.1 2-.2v-9.4c3.6-2.1 6-5.9 6-10.4c0-6.7-5.6-12.2-12.5-11.9"/><path fill="#FFB74D" d="m29 38.6l-4-.6v-9h8l-.7 7c-.2 1.6-1.6 2.8-3.3 2.6"/><path fill="#FFB74D" d="m39 29l-7 2l-1-5l1-4z"/><circle cx="29.5" cy="25.5" r="1.5" fill="#784719"/><path fill="#FF5722" d="M21 12c-7.2 0-13 5.8-13 13c0 7.6 5.1 9 6 13l4-3v-8l5-2l1-4c3.2 0 6-3.9 6-6.1c-2.1-1.9-5.6-2.9-9-2.9"/><circle cx="19" cy="27" r="3" fill="#FFB74D"/><path fill="#CFD8DC" d="M45 24c0-7.1-3.6-13.4-9-17.2v34.4c5.4-3.8 9-10.1 9-17.2"/><path fill="#FF9800" d="M20 44.6c1.3.2 2.6.4 4 .4c.3 0 .7 0 1-.1c.7 0 1.3-.1 2-.2v-6.5l-7-1z"/></svg>Como usar o ícone Butting In
React
import { Icon } from "@iconify/react";
<Icon icon="flat-color-icons:butting-in" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-color-icons:butting-in" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-color-icons:butting-in" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-color-icons--butting-in]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-color-icons -->
<div class="i-flat-color-icons:butting-in"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-color-icons:butting-in"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/flat-color-icons/butting-in.svg" alt="Ícone Butting In" width="24" height="24">Perguntas frequentes sobre Ícone Butting In
O ícone Butting In é grátis para uso comercial?
Sim. Flat Color Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Butting In no React?
Instale @iconify/react e renderize <Icon icon="flat-color-icons:butting-in" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Butting In a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/flat-color-icons/butting-in.svg" alt="Ícone Butting In">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.