ICONYZ
Español
Icono Zero Size de Lineicons

Icono Zero Size

lineicons:zero-size

El icono Zero Size (lineicons:zero-size) es un icono SVG gratuito de la colección Lineicons. Está dibujado en una cuadrícula de 24 × 24. Lineicons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Lineicons
Autor
Lineicons
Licencia
MIT
Tamaño
24 × 24
Categoría
Normal
Etiquetas
zerosize
Descargar 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>

Cómo usar el icono 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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/lineicons/zero-size.svg" alt="Icono Zero Size" width="24" height="24">

Preguntas frecuentes sobre Icono Zero Size

¿El icono Zero Size es gratis para uso comercial?

Sí. Lineicons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Zero Size en React?

Instala @iconify/react y renderiza <Icon icon="lineicons:zero-size" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Zero Size a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/lineicons/zero-size.svg" alt="Icono Zero Size">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Lineicons →