Airbnb Icon icon
logos:airbnb-icon
The Airbnb Icon icon (logos:airbnb-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 275 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 275
- Tags
- airbnbicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="275" viewBox="0 0 256 275"><path fill="#ff385c" d="M252.154 194.867c-1.231-3.456-2.67-6.8-4.039-9.898c-2.107-4.766-4.314-9.541-6.449-14.157l-.169-.366c-19.04-41.23-39.475-83.026-60.738-124.222l-.903-1.75c-2.169-4.206-4.411-8.556-6.712-12.83a83.4 83.4 0 0 0-9.875-15.198a46 46 0 0 0-15.808-12.133a46.07 46.07 0 0 0-38.935.005a46 46 0 0 0-15.804 12.137a83.7 83.7 0 0 0-9.87 15.195c-2.32 4.313-4.584 8.703-6.773 12.949l-.838 1.625c-21.264 41.2-41.699 82.994-60.738 124.221l-.278.6c-2.098 4.54-4.267 9.236-6.339 13.922c-1.37 3.096-2.806 6.437-4.039 9.902a60.7 60.7 0 0 0-3.274 29.588a58.46 58.46 0 0 0 11.835 27.646a58.6 58.6 0 0 0 24.027 18.129a59.6 59.6 0 0 0 22.481 4.349c2.42 0 4.839-.142 7.243-.422a73.9 73.9 0 0 0 27.645-9.327c11.152-6.265 22.165-15.446 34.196-28.566c12.031 13.12 23.044 22.301 34.196 28.566a73.9 73.9 0 0 0 27.645 9.327a63 63 0 0 0 7.244.422a59.6 59.6 0 0 0 22.48-4.349a58.6 58.6 0 0 0 24.027-18.13a58.45 58.45 0 0 0 11.836-27.645a60.75 60.75 0 0 0-3.274-29.59M128 209.17c-14.893-18.878-24.45-36.409-27.804-51.106a45.2 45.2 0 0 1-.956-16.85a27.5 27.5 0 0 1 4.432-11.52a30.7 30.7 0 0 1 10.772-8.802a30.76 30.76 0 0 1 27.116.002a30.7 30.7 0 0 1 10.77 8.803a27.55 27.55 0 0 1 4.432 11.522a45.2 45.2 0 0 1-.96 16.856C152.444 172.77 142.89 190.296 128 209.17m110.032 12.802a40.9 40.9 0 0 1-8.275 19.33a41 41 0 0 1-16.8 12.677a42.8 42.8 0 0 1-21.088 2.758a55.7 55.7 0 0 1-21.055-7.191c-9.926-5.577-19.974-14.138-31.28-26.696c17.999-22.195 29.239-42.652 33.4-60.873a62.5 62.5 0 0 0 1.197-23.421a44.9 44.9 0 0 0-7.307-18.776a48.2 48.2 0 0 0-17.075-14.405a48.31 48.31 0 0 0-43.495-.002a48.2 48.2 0 0 0-17.075 14.403a44.9 44.9 0 0 0-7.308 18.771a62.5 62.5 0 0 0 1.19 23.412c4.16 18.229 15.4 38.69 33.406 60.892c-11.307 12.557-21.355 21.118-31.281 26.696a55.7 55.7 0 0 1-21.055 7.19a42.8 42.8 0 0 1-21.089-2.758a41 41 0 0 1-16.8-12.677a40.9 40.9 0 0 1-8.273-19.33a43.05 43.05 0 0 1 2.437-21.231c.983-2.761 2.132-5.471 3.556-8.69c2.015-4.555 4.153-9.185 6.221-13.661l.278-.602C49.394 136.792 69.716 95.23 90.864 54.255l.842-1.631c2.153-4.178 4.38-8.497 6.626-12.67a67.8 67.8 0 0 1 7.758-12.115a28.4 28.4 0 0 1 9.8-7.594a28.46 28.46 0 0 1 34.015 7.59a67.5 67.5 0 0 1 7.76 12.111c2.225 4.136 4.432 8.416 6.567 12.555l.904 1.756c21.147 40.97 41.469 82.531 60.404 123.535l.17.369c2.104 4.552 4.28 9.257 6.328 13.891c1.426 3.224 2.577 5.936 3.557 8.687a43.1 43.1 0 0 1 2.437 21.233"/></svg>How to use the Airbnb Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:airbnb-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:airbnb-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:airbnb-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--airbnb-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:airbnb-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:airbnb-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/airbnb-icon.svg" alt="Airbnb Icon icon" width="24" height="24">Related icons in SVG Logos
Airbnb Icon icon FAQ
Is the Airbnb Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Airbnb Icon icon in React?
Install @iconify/react and render <Icon icon="logos:airbnb-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Airbnb Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/airbnb-icon.svg" alt="Airbnb Icon icon">, or paste the SVG code inline to style it with CSS.