Handheld icon
icon-park-solid:handheld
The Handheld icon (icon-park-solid:handheld) is a free SVG icon from the IconPark Solid set by ByteDance. It is drawn on a 48 × 48 grid. IconPark Solid icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark Solid
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Game
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="4"><path stroke-linecap="round" d="M42 18v26H6V18"/><path fill="currentColor" d="M42 4H6v14h36z"/><path stroke-linecap="round" d="M16 27v8m-4-4h8"/><path fill="currentColor" d="M32 35a4 4 0 1 0 0-8a4 4 0 0 0 0 8Z"/></g></svg>How to use the Handheld icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:handheld" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:handheld" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:handheld" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--handheld]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid: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-solid:handheld"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park-solid/handheld.svg" alt="Handheld icon" width="24" height="24">Handheld icon in other icon sets
Handheld icon FAQ
Is the Handheld icon free for commercial use?
Yes. IconPark Solid icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Handheld icon in React?
Install @iconify/react and render <Icon icon="icon-park-solid:handheld" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Handheld icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park-solid/handheld.svg" alt="Handheld icon">, or paste the SVG code inline to style it with CSS.