Incoming icon
icon-park:incoming
The Incoming icon (icon-park:incoming) 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
- Arrows
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-width="4"><path fill="#2F88FF" stroke-linejoin="round" d="M18 13C18 10.7909 16.2091 9 14 9C11.7909 9 10 10.7909 10 13C10 15.2091 11.7909 17 14 17C16.2091 17 18 15.2091 18 13Z"/><path fill="#2F88FF" stroke-linejoin="round" d="M37 13C37 10.7909 35.2091 9 33 9C30.7909 9 29 10.7909 29 13C29 15.2091 30.7909 17 33 17C35.2091 17 37 15.2091 37 13Z"/><path stroke-linecap="round" d="M4 13H10"/><path stroke-linecap="round" d="M18 13H29"/><path stroke-linecap="round" d="M37 13H44"/><path stroke-linecap="round" stroke-linejoin="round" d="M10 29L4 35L10 41"/><path stroke-linecap="round" stroke-linejoin="round" d="M4 35H44"/></g></svg>How to use the Incoming icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:incoming" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:incoming" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:incoming" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--incoming]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:incoming"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:incoming"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/incoming.svg" alt="Incoming icon" width="24" height="24">Incoming icon in other icon sets
Incoming icon FAQ
Is the Incoming 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 Incoming icon in React?
Install @iconify/react and render <Icon icon="icon-park:incoming" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Incoming icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/incoming.svg" alt="Incoming icon">, or paste the SVG code inline to style it with CSS.