ICONYZ
Español
Icono Zoomin de Ligature Symbols

Icono Zoomin

ls:zoomin

El icono Zoomin (ls:zoomin) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 717 × 766. Ligature Symbols icons se publican bajo la Open Font License, 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
Ligature Symbols
Autor
Kazuyuki Motoyama
Licencia
OFL-1.1
Tamaño
717 × 766
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="717" height="766" viewBox="0 0 717 766"><path fill="currentColor" d="m541 517l176 176l-72 73l-184-185c-45 25-97 39-151 39C139 620 0 481 0 310S139 0 310 0s311 139 311 310c0 80-31 153-80 207M86 310c0 124 100 223 224 223c123 0 224-99 224-223S433 87 310 87C186 87 86 186 86 310m260-35h124v71H346v123h-71V346H152v-71h123V151h71z"/></svg>

Cómo usar el icono Zoomin

React

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

<Icon icon="ls:zoomin" width="24" />

Vue

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

<template>
  <Icon icon="ls:zoomin" width="24" />
</template>

Svelte

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

<Icon icon="ls:zoomin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--zoomin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:zoomin"></div>

Web component

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

<iconify-icon icon="ls:zoomin"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ls/zoomin.svg" alt="Icono Zoomin" width="24" height="24">

El icono Zoomin en otras colecciones

Preguntas frecuentes sobre Icono Zoomin

¿El icono Zoomin es gratis para uso comercial?

Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Zoomin en React?

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

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

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

Ver todos los Iconos Ligature Symbols →