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