Ikon Telescope
icon-park:telescope
Ikon Telescope (icon-park:telescope) 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
- Perangkat keras
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-linejoin="round" stroke-width="4"><rect width="12" height="38" x="6" y="5" rx="6"/><rect width="12" height="38" x="30" y="5" rx="6"/><path fill="#2F88FF" d="M12 43C15.3137 43 18 40.3137 18 37C18 33.6863 15.3137 31 12 31C8.68629 31 6 33.6863 6 37C6 40.3137 8.68629 43 12 43Z"/><path fill="#2F88FF" d="M36 43C39.3137 43 42 40.3137 42 37C42 33.6863 39.3137 31 36 31C32.6863 31 30 33.6863 30 37C30 40.3137 32.6863 43 36 43Z"/><path stroke-linecap="round" d="M30 21C30 17.6863 27.3137 15 24 15C20.6863 15 18 17.6863 18 21"/><path stroke-linecap="round" d="M30 31C30 27.6863 27.3137 25 24 25C20.6863 25 18 27.6863 18 31"/></g></svg>
Cara memakai ikon Telescope
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:telescope" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:telescope" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:telescope" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--telescope]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:telescope"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:telescope"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/telescope.svg" alt="Ikon Telescope" width="24" height="24">
Ikon Telescope di set ikon lain
FAQ Ikon Telescope
Apakah ikon Telescope 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 Telescope di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:telescope" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Telescope ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/telescope.svg" alt="Ikon Telescope">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
