Ícone Empty
icon-park:empty
O ícone Empty (icon-park:empty) é 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M9.4385 42.0001L12.6231 42.0001C13.452 42.0001 14.1951 41.4887 14.4911 40.7144L16.6914 34.9607L16.716 29.4352C16.7166 29.3185 16.7273 29.2022 16.7481 29.0875L20.1524 10.3C20.3748 9.07262 19.4318 7.94336 18.1845 7.94336L10.8629 7.94335C9.73662 7.94335 8.83247 8.87286 8.86363 9.99868L9.38589 28.8701L7.61514 32.1998C7.22293 32.9373 7.33036 33.8409 7.88455 34.4658L8.44639 35.0994L7.48318 39.5797C7.21544 40.8251 8.16466 42.0001 9.4385 42.0001Z"/><path d="M16.7168 29.2598L9.38587 28.87"/><path d="M38.5784 41.9998L35.3983 41.9998C34.5585 41.9998 33.8082 41.4752 33.5199 40.6865L31.4266 34.9606L31.402 29.435C31.4015 29.3184 31.3908 29.202 31.37 29.0873L27.9654 10.2997C27.743 9.07239 28.686 7.94311 29.9334 7.94312L37.2553 7.94317C38.3815 7.94317 39.2856 8.87268 39.2545 9.99849L38.7323 28.87L40.5032 32.1997C40.8954 32.9372 40.788 33.8408 40.2337 34.4658L39.6719 35.0993L40.5423 39.6218C40.7797 40.8554 39.8345 41.9998 38.5784 41.9998Z"/><path d="M31.4004 29.2598L38.7315 28.8701"/></g></svg>Como usar o ícone Empty
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:empty" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:empty" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:empty" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--empty]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:empty"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:empty"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/icon-park/empty.svg" alt="Ícone Empty" width="24" height="24">O ícone Empty em outras coleções
Perguntas frequentes sobre Ícone Empty
O ícone Empty é 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 Empty no React?
Instale @iconify/react e renderize <Icon icon="icon-park:empty" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Empty a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/icon-park/empty.svg" alt="Ícone Empty">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.