Ikon Gate Machine
icon-park:gate-machine
Ikon Gate Machine (icon-park:gate-machine) 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
- Perjalanan
- Tag
- gatemachine
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-linecap="round" stroke-width="4"><rect width="8" height="6" x="6" y="42" fill="#2F88FF" stroke-linejoin="round" transform="rotate(-90 6 42)"/><rect width="8" height="6" x="36" y="42" fill="#2F88FF" stroke-linejoin="round" transform="rotate(-90 36 42)"/><path stroke-linejoin="round" d="M24 14V17"/><path stroke-linejoin="round" d="M24 6V8"/><path stroke-linejoin="round" d="M24 26V30"/><path stroke-linejoin="round" d="M9 6V34"/><path stroke-linejoin="round" d="M39 6V34"/><path stroke-linejoin="round" d="M24 38V42"/><path fill="#2F88FF" stroke-linejoin="round" d="M20 21H9V30L20 21Z"/><path fill="#2F88FF" stroke-linejoin="round" d="M28 21H39V30L28 21Z"/><path d="M18 15L9 15"/><path d="M30 15L39 15"/></g></svg>Cara memakai ikon Gate Machine
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:gate-machine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:gate-machine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:gate-machine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--gate-machine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:gate-machine"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:gate-machine"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/gate-machine.svg" alt="Ikon Gate Machine" width="24" height="24">Ikon terkait di IconPark
Ikon Gate Machine di set ikon lain
FAQ Ikon Gate Machine
Apakah ikon Gate Machine 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 Gate Machine di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:gate-machine" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gate Machine ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/gate-machine.svg" alt="Ikon Gate Machine">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.