Ikon Vacation
icon-park-solid:vacation
Ikon Vacation (icon-park-solid:vacation) 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
- Perjalanan
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="currentColor" d="m11 14.999l-6 1c1.63-7.514 6.364-9.993 11-10c2.997-.005 5.952 1.026 8 2c2.048-.974 5-2 8-2c4.611 0 9.37 2.486 11 10l-6-1c.559 2.1 1.788 5.792 0 9c-2.98-2.673-9.87-6.709-13-9c-3.13 2.291-10.02 6.327-13 9c-1.788-3.207-.559-6.9 0-9"/><path d="M24 15c-.755 3.889-1.811 13.533 0 21"/><path fill="currentColor" d="M12 42h24c-4.787-4.585-7-5.995-12-6s-10.108 3.382-12 6"/></g></svg>Cara memakai ikon Vacation
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:vacation" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:vacation" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:vacation" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--vacation]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:vacation"></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:vacation"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park-solid/vacation.svg" alt="Ikon Vacation" width="24" height="24">Ikon Vacation di set ikon lain
FAQ Ikon Vacation
Apakah ikon Vacation 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 Vacation di React?
Pasang @iconify/react lalu render <Icon icon="icon-park-solid:vacation" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Vacation ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park-solid/vacation.svg" alt="Ikon Vacation">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.