Airbnb icon
la:airbnb
The Airbnb icon (la:airbnb) is a free SVG icon from the Line Awesome set by Icons8. It is drawn on a 32 × 32 grid. Line Awesome icons are released under the Apache 2.0 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
- Line Awesome
- Author
- Icons8
- License
- Apache-2.0
- Size
- 32 × 32
- Category
- Other
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.02 4c-1.22 0-2.35.536-3.198 1.53c-.364.448-.626.924-.855 1.341l-.045.09c-.163.327-.335.667-.531 1.041l-.043.096a269 269 0 0 0-5.12 10.662l-.095.207c-.065.14-.13.286-.186.416l-.082.178c-.06.132-.12.265-.17.384c-.117.266-.235.543-.363.883c-.313.927-.402 1.768-.281 2.658c.27 1.837 1.488 3.415 3.18 4.12a5.1 5.1 0 0 0 1.99.394c.153 0 .381-.012.636-.047a6.4 6.4 0 0 0 2.405-.832c.88-.496 1.744-1.21 2.705-2.236l.039.052l.015-.021c.9.962 1.77 1.685 2.655 2.197c.768.45 1.581.731 2.4.836a4.85 4.85 0 0 0 2.637-.353v.002c1.674-.672 2.887-2.218 3.178-4.047l.029-.164c.158-.78.08-1.61-.233-2.53a3 3 0 0 0-.119-.294a10 10 0 0 0-.228-.555q-.092-.22-.188-.422l-.158-.357c-.053-.12-.102-.239-.158-.356l-.065-.125a263 263 0 0 0-5.087-10.596l-.084-.168q-.274-.51-.565-1.109l-.056-.11c-.205-.37-.416-.751-.733-1.13l-.047-.06C18.407 4.557 17.278 4 16.02 4m-.028 2.021a2 2 0 0 1 1.582.727l.106.133c.21.24.358.51.525.806l.06.131c.186.37.38.76.561 1.092l.072.147c1.721 3.382 3.42 6.92 5.04 10.49l.142.316l.012.012l.066.15l.18.403c.048.105.097.211.16.363c.062.141.132.298.219.527c.026.06.055.121.076.182l.002.006c.209.61.254 1.103.15 1.547l-.025.148a3.27 3.27 0 0 1-2.016 2.57a2.9 2.9 0 0 1-1.558.196a4.4 4.4 0 0 1-1.666-.582c-.787-.456-1.583-1.14-2.432-2.086l.064-.084c1.368-1.786 2.224-3.419 2.543-4.852l.002-.008c.154-.71.184-1.378.092-1.97a3.9 3.9 0 0 0-.605-1.625C18.649 13.658 17.4 13 16 13c-1.342 0-2.58.638-3.313 1.707l-.054.092a3.9 3.9 0 0 0-.578 1.562a5.2 5.2 0 0 0 .086 1.98c.307 1.446 1.19 3.135 2.548 4.884l.041.052l-.001.002c-.91 1.004-1.687 1.67-2.463 2.108a4.4 4.4 0 0 1-1.676.584a3 3 0 0 1-.37.029c-.433 0-.824-.077-1.224-.242a3.29 3.29 0 0 1-1.965-2.553c-.078-.569-.016-1.103.186-1.701c.102-.272.206-.517.316-.766q.076-.175.154-.347l.092-.207q.085-.195.172-.383l.121-.27A270 270 0 0 1 13.15 8.967l.034-.078c.177-.337.355-.692.525-1.032l.025-.052c.182-.33.388-.702.625-.994a2.2 2.2 0 0 1 1.633-.79M16 15c.709 0 1.325.308 1.654.836c.171.264.274.53.315.834c.057.363.033.799-.067 1.26c-.236 1.057-.876 2.302-1.908 3.709c-1.019-1.377-1.673-2.654-1.9-3.723a3.3 3.3 0 0 1-.063-1.268c.04-.283.14-.548.31-.812l.02-.033c.363-.504.972-.803 1.639-.803"/></svg>
How to use the Airbnb icon
React
import { Icon } from "@iconify/react";
<Icon icon="la:airbnb" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:airbnb" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:airbnb" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--airbnb]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:airbnb"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:airbnb"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/la/airbnb.svg" alt="Airbnb icon" width="24" height="24">
Airbnb icon in other icon sets
Airbnb icon FAQ
Is the Airbnb icon free for commercial use?
Yes. Line Awesome icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Airbnb icon in React?
Install @iconify/react and render <Icon icon="la:airbnb" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Airbnb icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/la/airbnb.svg" alt="Airbnb icon">, or paste the SVG code inline to style it with CSS.
Browse all Line Awesome icons →
ICONYZ
