Ikon Outgoing
icon-park:outgoing
Ikon Outgoing (icon-park:outgoing) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Panah
Kode SVG
<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>Cara memakai ikon Outgoing
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/outgoing.svg" alt="Ikon Outgoing" width="24" height="24">Ikon Outgoing di set ikon lain
FAQ Ikon Outgoing
Apakah ikon Outgoing gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Outgoing di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:outgoing" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Outgoing ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/outgoing.svg" alt="Ikon Outgoing">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.