Icono Hold Interface
icon-park:hold-interface
El icono Hold Interface (icon-park:hold-interface) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, 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
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Manos
- Etiquetas
- holdinterface
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-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M20 33L26 35C26 35 41 32 43 32C45 32 45 34 43 36C41 38 34 44 28 44C22 44 18 41 14 41C10 41 4 41 4 41"/><path stroke-linecap="round" stroke-linejoin="round" d="M4 29C6 27 10 24 14 24C18 24 27.5 28 29 30C30.5 32 26 35 26 35"/><rect width="16" height="6" x="26" y="15" fill="#2F88FF" rx="3"/><path stroke-linecap="round" d="M26 9L42 9"/></g></svg>
Cómo usar el icono Hold Interface
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:hold-interface" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:hold-interface" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:hold-interface" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--hold-interface]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:hold-interface"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:hold-interface"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/hold-interface.svg" alt="Icono Hold Interface" width="24" height="24">
Iconos relacionados en IconPark
El icono Hold Interface en otras colecciones
Preguntas frecuentes sobre Icono Hold Interface
¿El icono Hold Interface es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Hold Interface en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:hold-interface" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Hold Interface a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/hold-interface.svg" alt="Icono Hold Interface">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos IconPark →
ICONYZ
