Ícone Zero Size
lineicons:zero-size
O ícone Zero Size (lineicons:zero-size) é um ícone SVG gratuito da coleção Lineicons. Ele é desenhado em uma grade de 24 × 24. Lineicons 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.
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="M8.23 2.575a.75.75 0 0 0-1.46.35l.316 1.314a3.75 3.75 0 0 1-.448 2.833l-.604.987a9 9 0 0 0-.665 8.08l2.186 5.393a.75.75 0 0 0 1.39-.564L6.76 15.576c-.24-.59-.4-1.2-.483-1.818c1.569.14 2.828.605 3.72 1.056a9 9 0 0 1 1.254.768v5.668a.75.75 0 0 0 1.5 0v-5.669l.113-.082c.254-.182.638-.43 1.14-.685a10.3 10.3 0 0 1 3.72-1.056a7.5 7.5 0 0 1-.482 1.818l-2.186 5.392a.75.75 0 0 0 1.39.564l2.186-5.393a9 9 0 0 0-.665-8.08l-.604-.987a3.75 3.75 0 0 1-.448-2.833l.315-1.314a.75.75 0 1 0-1.458-.35l-.316 1.314a5.25 5.25 0 0 0 .628 3.966l.03.048a10 10 0 0 1-.814.377c-.857.352-2.022.694-3.299.694s-2.442-.342-3.3-.694a10 10 0 0 1-.812-.377l.029-.048a5.25 5.25 0 0 0 .628-3.966zm2.444 10.9a11.8 11.8 0 0 0-4.447-1.226c.072-1.06.37-2.104.885-3.059c.264.14.609.31 1.02.478c.97.398 2.334.806 3.868.806s2.899-.408 3.869-.806c.41-.169.755-.338 1.019-.478c.516.955.813 1.999.885 3.059a11.8 11.8 0 0 0-4.447 1.227a10.4 10.4 0 0 0-1.327.796a10.4 10.4 0 0 0-1.325-.796" clip-rule="evenodd"/><path fill="currentColor" d="M3.28 3.193a.75.75 0 0 0-1.06 1.061l.97.97l-.97.97a.75.75 0 0 0 1.06 1.06l1.5-1.5a.75.75 0 0 0 0-1.06zm18.5 1.061a.75.75 0 0 0-1.06-1.06l-1.5 1.5a.75.75 0 0 0 0 1.06l1.5 1.5a.75.75 0 1 0 1.06-1.06l-.97-.97zm-9.03 2.469a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0"/></svg>Como usar o ícone Zero Size
React
import { Icon } from "@iconify/react";
<Icon icon="lineicons:zero-size" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lineicons:zero-size" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lineicons:zero-size" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--zero-size]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:zero-size"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lineicons:zero-size"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/lineicons/zero-size.svg" alt="Ícone Zero Size" width="24" height="24">Perguntas frequentes sobre Ícone Zero Size
O ícone Zero Size é grátis para uso comercial?
Sim. Lineicons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Zero Size no React?
Instale @iconify/react e renderize <Icon icon="lineicons:zero-size" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Zero Size a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/lineicons/zero-size.svg" alt="Ícone Zero Size">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.