Receiver icon
icon-park:receiver
The Receiver icon (icon-park:receiver) 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
- Hardware
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-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M9.85786 38.1422C17.6684 45.9527 30.3316 45.9527 38.1421 38.1422L9.85786 9.85791C2.04738 17.6684 2.04738 30.3317 9.85786 38.1422Z"/><path d="M33.8994 33.8995L39.1698 11.9138"/><path d="M24 23.9999L37.1716 10.8284"/><path d="M14.1006 14.1005L36.0863 8.83008"/><path fill="#2F88FF" d="M44 8C44 10.2091 42.2091 12 40 12C39.7154 12 39.4377 11.9703 39.1699 11.9137C38.3984 11.7509 37.7089 11.3658 37.1716 10.8284C36.6342 10.2911 36.2491 9.60161 36.0863 8.83013C36.0297 8.56232 36 8.28463 36 8C36 5.79086 37.7909 4 40 4C42.2091 4 44 5.79086 44 8Z"/></g></svg>How to use the Receiver icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:receiver" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:receiver" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:receiver" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--receiver]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:receiver"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:receiver"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/receiver.svg" alt="Receiver icon" width="24" height="24">Receiver icon in other icon sets
Receiver icon FAQ
Is the Receiver 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 Receiver icon in React?
Install @iconify/react and render <Icon icon="icon-park:receiver" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Receiver icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/receiver.svg" alt="Receiver icon">, or paste the SVG code inline to style it with CSS.