Handheld icon
icon-park:handheld
The Handheld icon (icon-park:handheld) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark 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
- 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="#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>How to use the Handheld icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/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 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: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/handheld.svg" alt="Handheld icon">, or paste the SVG code inline to style it with CSS.