Ikon Endpoint Displacement
icon-park-solid:endpoint-displacement
Ikon Endpoint Displacement (icon-park-solid:endpoint-displacement) adalah ikon SVG gratis dari set IconPark Solid karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark Solid 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 Solid
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Edit
- Tag
- endpointdisplacement
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="currentColor" d="M16 10a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M16 10a5 5 0 1 1-10 0a5 5 0 0 1 10 0m0 0h11m0 0l-4-4m4 4l-4 4"/><path fill="currentColor" d="M32 38a5 5 0 1 0 10 0a5 5 0 0 0-10 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M32 38a5 5 0 1 0 10 0a5 5 0 0 0-10 0m0 0H21m0 0l4-4m-4 4l4 4"/><path fill="currentColor" d="M33 11a5 5 0 1 0 10 0a5 5 0 0 0-10 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M38 16a5 5 0 1 1 0-10a5 5 0 0 1 0 10m0 0v11m0 0l4-4m-4 4l-4-4"/><path fill="currentColor" d="M5 37a5 5 0 1 1 10 0a5 5 0 0 1-10 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M10 32a5 5 0 1 0 0 10a5 5 0 0 0 0-10m0 0V21m0 0l4 4m-4-4l-4 4"/></g></svg>Cara memakai ikon Endpoint Displacement
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:endpoint-displacement" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:endpoint-displacement" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:endpoint-displacement" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--endpoint-displacement]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:endpoint-displacement"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-solid:endpoint-displacement"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park-solid/endpoint-displacement.svg" alt="Ikon Endpoint Displacement" width="24" height="24">Ikon Endpoint Displacement di set ikon lain
FAQ Ikon Endpoint Displacement
Apakah ikon Endpoint Displacement gratis untuk penggunaan komersial?
Ya. IconPark Solid icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Endpoint Displacement di React?
Pasang @iconify/react lalu render <Icon icon="icon-park-solid:endpoint-displacement" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Endpoint Displacement ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park-solid/endpoint-displacement.svg" alt="Ikon Endpoint Displacement">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.