Ikon Preview Open
icon-park-twotone:preview-open
Ikon Preview Open (icon-park-twotone:preview-open) adalah ikon SVG gratis dari set IconPark TwoTone karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark TwoTone 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 TwoTone
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Dasar
- Tag
- previewopen
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVG544unEnd"><g fill="#555" stroke="#fff" stroke-linejoin="round" stroke-width="4"><path d="M24 36c11.046 0 20-12 20-12s-8.954-12-20-12S4 24 4 24s8.954 12 20 12Z"/><path d="M24 29a5 5 0 1 0 0-10a5 5 0 0 0 0 10Z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG544unEnd)"/></svg>Cara memakai ikon Preview Open
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-twotone:preview-open" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-twotone:preview-open" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-twotone:preview-open" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-twotone--preview-open]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-twotone -->
<div class="i-icon-park-twotone:preview-open"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-twotone:preview-open"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park-twotone/preview-open.svg" alt="Ikon Preview Open" width="24" height="24">Ikon Preview Open di set ikon lain
FAQ Ikon Preview Open
Apakah ikon Preview Open gratis untuk penggunaan komersial?
Ya. IconPark TwoTone icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Preview Open di React?
Pasang @iconify/react lalu render <Icon icon="icon-park-twotone:preview-open" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Preview Open ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park-twotone/preview-open.svg" alt="Ikon Preview Open">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.