Airbnb アイコン
bxl:airbnb
Airbnb アイコン(bxl:airbnb)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.001 16.709c-1.013-1.271-1.609-2.386-1.808-3.34c-.197-.769-.12-1.385.218-1.848c.357-.532.89-.791 1.589-.791s1.231.259 1.589.796c.335.458.419 1.075.215 1.848c-.218.974-.813 2.087-1.808 3.341zm7.196.855c-.14.934-.775 1.708-1.65 2.085c-1.687.734-3.359-.437-4.789-2.026c2.365-2.961 2.803-5.268 1.787-6.758c-.596-.855-1.449-1.271-2.544-1.271c-2.206 0-3.419 1.867-2.942 4.034c.276 1.173 1.013 2.506 2.186 3.996c-.735.813-1.432 1.391-2.047 1.748c-.478.258-.934.418-1.37.456c-2.008.299-3.582-1.647-2.867-3.656c.1-.259.297-.734.634-1.471l.019-.039c1.097-2.382 2.43-5.088 3.961-8.09l.039-.1l.435-.836c.338-.616.477-.892 1.014-1.231c.258-.157.576-.235.934-.235c.715 0 1.271.418 1.511.753c.118.18.259.419.436.716l.419.815l.06.119c1.53 3.001 2.863 5.702 3.955 8.089l.02.019l.401.915l.237.573c.183.459.221.915.16 1.393zm.913-1.791c-.139-.438-.378-.953-.675-1.569v-.022a263 263 0 0 0-3.976-8.128l-.084-.121C14.486 4.109 13.849 3.014 12 3.014c-1.827 0-2.604 1.27-3.397 2.922l-.061.119c-1.251 2.426-2.564 5.128-3.975 8.13v.039l-.418.914c-.158.378-.237.575-.259.636C2.878 18.556 4.964 21 7.489 21c.021 0 .099 0 .198-.021h.278c1.313-.159 2.664-.993 4.035-2.485c1.371 1.49 2.725 2.326 4.033 2.485h.279c.1.021.18.021.2.021c2.525.002 4.61-2.444 3.598-5.227"/></svg>
Airbnb アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:airbnb" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:airbnb" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:airbnb" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--airbnb]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:airbnb"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:airbnb"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/airbnb.svg" alt="Airbnb アイコン" width="24" height="24">
Airbnb アイコン のよくある質問
Airbnb アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Airbnb アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:airbnb" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Airbnb アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/airbnb.svg" alt="Airbnb アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
