Icono Handheld
icon-park:handheld
El icono Handheld (icon-park:handheld) 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
- Juego
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-linejoin="round" stroke-width="4"><path stroke-linecap="round" d="M42 18V44H6V18"/><path fill="#2F88FF" d="M42 4H6V18H42V4Z"/><path stroke-linecap="round" d="M16 27V35"/><path stroke-linecap="round" d="M12 31H20"/><path fill="#2F88FF" d="M32 35C34.2091 35 36 33.2091 36 31C36 28.7909 34.2091 27 32 27C29.7909 27 28 28.7909 28 31C28 33.2091 29.7909 35 32 35Z"/></g></svg>Cómo usar el icono Handheld
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:handheld" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:handheld" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:handheld" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--handheld]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:handheld"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:handheld"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/handheld.svg" alt="Icono Handheld" width="24" height="24">El icono Handheld en otras colecciones
Preguntas frecuentes sobre Icono Handheld
¿El icono Handheld 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 Handheld en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:handheld" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Handheld a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/handheld.svg" alt="Icono Handheld">, o pega el código SVG en línea para darle estilo con CSS.