Ikon Union Selection
icon-park:union-selection
Ikon Union Selection (icon-park:union-selection) 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
- Edit
- Tag
- unionselection
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-linejoin="round" stroke-width="4"><path d="M32 16H41C42.1046 16 43 16.8954 43 18V41C43 42.1046 42.1046 43 41 43H18C16.8954 43 16 42.1046 16 41V32"/><path d="M32 16V7C32 5.89543 31.1046 5 30 5H7C5.89543 5 5 5.89543 5 7V30C5 31.1046 5.89543 32 7 32H16"/><path d="M41.0005 16L17.0005 40"/><path d="M32.0005 7L7.00049 32"/><path d="M32.0005 16L16.0005 32"/><path d="M43.0005 24L24.0005 43"/><path d="M24.0005 5L5.00049 24"/><path d="M43.0005 34L34.0005 43"/><path d="M14.0005 5L5.00049 14"/></g></svg>Cara memakai ikon Union Selection
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:union-selection" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:union-selection" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:union-selection" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--union-selection]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:union-selection"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:union-selection"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/union-selection.svg" alt="Ikon Union Selection" width="24" height="24">Ikon Union Selection di set ikon lain
FAQ Ikon Union Selection
Apakah ikon Union Selection 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 Union Selection di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:union-selection" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Union Selection ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/union-selection.svg" alt="Ikon Union Selection">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.