Ikon Airbnb
griddy-icons:airbnb
Ikon Airbnb (griddy-icons:airbnb) adalah ikon SVG gratis dari set Griddy Icons karya Zuzana Benova. Ikon ini digambar pada grid 24 × 24. Griddy Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Griddy Icons
- Pembuat
- Zuzana Benova
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c.93 0 1.686.303 2.302.823c.594.503 1.027 1.184 1.383 1.897c.78 1.56 3.744 7.782 4.995 10.463c.803 1.725.855 3.42.156 4.727C20.126 21.238 18.728 22 17 22c-1.054 0-2.11-.417-3.066-1.023A11.4 11.4 0 0 1 12 19.403a11.5 11.5 0 0 1-1.935 1.575C9.11 21.583 8.054 22 7 22c-1.729 0-3.126-.762-3.836-2.09c-.699-1.307-.646-3.001.156-4.726c1.246-2.682 4.21-8.905 4.995-10.466c.356-.712.79-1.392 1.384-1.895C10.315 2.303 11.071 2 12 2m2 10.75c0-.686-.24-1.17-.575-1.484c-.344-.322-.84-.516-1.425-.516s-1.082.194-1.425.516c-.336.315-.575.798-.575 1.484c0 .59.218 1.378.65 2.265c.344.705.808 1.436 1.35 2.129a12.2 12.2 0 0 0 1.35-2.13c.432-.886.65-1.674.65-2.264m1.5 0c0 .91-.32 1.934-.803 2.923a14 14 0 0 1-1.691 2.616a10 10 0 0 0 1.731 1.421c.82.519 1.594.79 2.263.79c1.271 0 2.106-.538 2.512-1.298c.418-.78.47-1.96-.192-3.385l-1.196-2.543c-1.395-2.948-3.202-6.728-3.78-7.883c-.318-.638-.642-1.11-1.011-1.422C12.985 3.674 12.57 3.5 12 3.5s-.984.175-1.332.469c-.37.312-.693.784-1.012 1.422v.002C8.88 6.932 5.924 13.138 4.68 15.816c-.662 1.425-.61 2.606-.193 3.386C4.894 19.962 5.73 20.5 7 20.5c.668 0 1.443-.271 2.263-.79a10 10 0 0 0 1.73-1.42a14 14 0 0 1-1.69-2.617C8.82 14.684 8.5 13.66 8.5 12.75c0-1.064.386-1.956 1.05-2.578c.656-.616 1.535-.922 2.45-.922s1.793.306 2.45.922c.664.622 1.05 1.514 1.05 2.578"/></svg>
Cara memakai ikon Airbnb
React
import { Icon } from "@iconify/react";
<Icon icon="griddy-icons:airbnb" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="griddy-icons:airbnb" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="griddy-icons:airbnb" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--airbnb]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/griddy-icons -->
<div class="i-griddy-icons:airbnb"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="griddy-icons:airbnb"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/griddy-icons/airbnb.svg" alt="Ikon Airbnb" width="24" height="24">
Ikon Airbnb di set ikon lain
FAQ Ikon Airbnb
Apakah ikon Airbnb gratis untuk penggunaan komersial?
Ya. Griddy Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Airbnb di React?
Pasang @iconify/react lalu render <Icon icon="griddy-icons:airbnb" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Airbnb ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/griddy-icons/airbnb.svg" alt="Ikon Airbnb">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Griddy Icons →
ICONYZ
