ICONYZ
Português (Brasil)
Ícone Bad Two de IconPark

Ícone Bad Two

icon-park:bad-two

O ícone Bad Two (icon-park:bad-two) é um ícone SVG gratuito da coleção IconPark de ByteDance. Ele é desenhado em uma grade de 48 × 48. IconPark 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
IconPark
Autor
ByteDance
Licença
Apache-2.0
Tamanho
48 × 48
Categoria
Mãos
Tags
badtwo
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M4.18051 26.8339C4.08334 27.9999 5.00352 29 6.1736 29H10C11.1046 29 12 28.1046 12 27V7C12 5.89543 11.1046 5 10 5H7.84027C6.80009 5 5.93356 5.79733 5.84717 6.83391L4.18051 26.8339Z"/><path d="M18 26.6255C18 27.4612 18.5194 28.2092 19.2753 28.5655C20.9238 29.3426 23.7329 30.9062 25 33.0195C26.6331 35.7431 26.9411 40.664 26.9912 41.7912C26.9982 41.949 26.9937 42.107 27.0154 42.2634C27.2861 44.2155 31.0543 41.9351 32.5 39.5239C33.2846 38.2153 33.3852 36.496 33.3027 35.1537C33.2144 33.7175 32.7933 32.3301 32.3802 30.9517L31.5 28.0155H42.3569C43.6832 28.0155 44.6421 26.7482 44.2816 25.4719L38.9113 6.45642C38.668 5.5949 37.8818 5 36.9866 5H20C18.8954 5 18 5.89543 18 7V26.6255Z"/></g></svg>

Como usar o ícone Bad Two

React

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

<Icon icon="icon-park:bad-two" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:bad-two" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:bad-two" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--bad-two]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:bad-two"></div>

Web component

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

<iconify-icon icon="icon-park:bad-two"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/icon-park/bad-two.svg" alt="Ícone Bad Two" width="24" height="24">

Ícones relacionados em IconPark

O ícone Bad Two em outras coleções

Perguntas frequentes sobre Ícone Bad Two

O ícone Bad Two é grátis para uso comercial?

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

Como uso o ícone Bad Two no React?

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

Como adiciono o ícone Bad Two a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/icon-park/bad-two.svg" alt="Ícone Bad Two">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones IconPark →