airbnb logo

airbnb from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: airbnb
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

airbnbBoxicons Brands airbnbCoreUI Brands airbnbFont Awesome 6 Brands airbnbHuge Icons airbnbJam Icons airbnbLine Awesome airbnbSVG Logos airbnb-fillMingCute Icon airbnbSimple Icons

Use the airbnb logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.5 437.1c-25.2-31.7-40.1-59.4-45-83.2c-22.5-88 112.6-88 90.1 0c-5.4 24.2-20.3 52-45 83.2zm138.2 73.2c-42.1 18.3-83.7-10.9-119.3-50.5c103.9-130.1 46.1-200-18.8-200c-54.9 0-85.2 46.5-73.3 100.5c6.9 29.2 25.2 62.4 54.4 99.5c-32.5 36-60.5 52.7-85.2 54.9c-50 7.4-89.1-41.1-71.3-91.1c15.1-39.2 111.7-231.2 115.9-241.6c15.8-30.1 25.6-57.4 59.4-57.4c32.3 0 43.4 25.9 60.4 59.9c36 70.6 89.4 177.5 114.8 239.1c13.2 33.1-1.4 71.3-37 86.6zm47-136.1C376.8 99.9 369.7 96 320.6 96c-45.5 0-64.9 31.7-84.7 72.8c-106.2 212.3-116.4 242.4-117.3 245C93.4 483.1 145.3 544 208.2 544c21.7 0 60.6-6.1 112.4-62.4C379.3 545.4 421.9 544 433 544c62.9.1 114.9-60.9 89.6-130.2c0-3.9-16.8-38.9-16.8-39.6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsAirbnb(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.5 437.1c-25.2-31.7-40.1-59.4-45-83.2c-22.5-88 112.6-88 90.1 0c-5.4 24.2-20.3 52-45 83.2zm138.2 73.2c-42.1 18.3-83.7-10.9-119.3-50.5c103.9-130.1 46.1-200-18.8-200c-54.9 0-85.2 46.5-73.3 100.5c6.9 29.2 25.2 62.4 54.4 99.5c-32.5 36-60.5 52.7-85.2 54.9c-50 7.4-89.1-41.1-71.3-91.1c15.1-39.2 111.7-231.2 115.9-241.6c15.8-30.1 25.6-57.4 59.4-57.4c32.3 0 43.4 25.9 60.4 59.9c36 70.6 89.4 177.5 114.8 239.1c13.2 33.1-1.4 71.3-37 86.6zm47-136.1C376.8 99.9 369.7 96 320.6 96c-45.5 0-64.9 31.7-84.7 72.8c-106.2 212.3-116.4 242.4-117.3 245C93.4 483.1 145.3 544 208.2 544c21.7 0 60.6-6.1 112.4-62.4C379.3 545.4 421.9 544 433 544c62.9.1 114.9-60.9 89.6-130.2c0-3.9-16.8-38.9-16.8-39.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.5 437.1c-25.2-31.7-40.1-59.4-45-83.2c-22.5-88 112.6-88 90.1 0c-5.4 24.2-20.3 52-45 83.2zm138.2 73.2c-42.1 18.3-83.7-10.9-119.3-50.5c103.9-130.1 46.1-200-18.8-200c-54.9 0-85.2 46.5-73.3 100.5c6.9 29.2 25.2 62.4 54.4 99.5c-32.5 36-60.5 52.7-85.2 54.9c-50 7.4-89.1-41.1-71.3-91.1c15.1-39.2 111.7-231.2 115.9-241.6c15.8-30.1 25.6-57.4 59.4-57.4c32.3 0 43.4 25.9 60.4 59.9c36 70.6 89.4 177.5 114.8 239.1c13.2 33.1-1.4 71.3-37 86.6zm47-136.1C376.8 99.9 369.7 96 320.6 96c-45.5 0-64.9 31.7-84.7 72.8c-106.2 212.3-116.4 242.4-117.3 245C93.4 483.1 145.3 544 208.2 544c21.7 0 60.6-6.1 112.4-62.4C379.3 545.4 421.9 544 433 544c62.9.1 114.9-60.9 89.6-130.2c0-3.9-16.8-38.9-16.8-39.6z"/></svg>
</template>

CSS

.icon-airbnb {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.5%20437.1c-25.2-31.7-40.1-59.4-45-83.2c-22.5-88%20112.6-88%2090.1%200c-5.4%2024.2-20.3%2052-45%2083.2zm138.2%2073.2c-42.1%2018.3-83.7-10.9-119.3-50.5c103.9-130.1%2046.1-200-18.8-200c-54.9%200-85.2%2046.5-73.3%20100.5c6.9%2029.2%2025.2%2062.4%2054.4%2099.5c-32.5%2036-60.5%2052.7-85.2%2054.9c-50%207.4-89.1-41.1-71.3-91.1c15.1-39.2%20111.7-231.2%20115.9-241.6c15.8-30.1%2025.6-57.4%2059.4-57.4c32.3%200%2043.4%2025.9%2060.4%2059.9c36%2070.6%2089.4%20177.5%20114.8%20239.1c13.2%2033.1-1.4%2071.3-37%2086.6zm47-136.1C376.8%2099.9%20369.7%2096%20320.6%2096c-45.5%200-64.9%2031.7-84.7%2072.8c-106.2%20212.3-116.4%20242.4-117.3%20245C93.4%20483.1%20145.3%20544%20208.2%20544c21.7%200%2060.6-6.1%20112.4-62.4C379.3%20545.4%20421.9%20544%20433%20544c62.9.1%20114.9-60.9%2089.6-130.2c0-3.9-16.8-38.9-16.8-39.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.5%20437.1c-25.2-31.7-40.1-59.4-45-83.2c-22.5-88%20112.6-88%2090.1%200c-5.4%2024.2-20.3%2052-45%2083.2zm138.2%2073.2c-42.1%2018.3-83.7-10.9-119.3-50.5c103.9-130.1%2046.1-200-18.8-200c-54.9%200-85.2%2046.5-73.3%20100.5c6.9%2029.2%2025.2%2062.4%2054.4%2099.5c-32.5%2036-60.5%2052.7-85.2%2054.9c-50%207.4-89.1-41.1-71.3-91.1c15.1-39.2%20111.7-231.2%20115.9-241.6c15.8-30.1%2025.6-57.4%2059.4-57.4c32.3%200%2043.4%2025.9%2060.4%2059.9c36%2070.6%2089.4%20177.5%20114.8%20239.1c13.2%2033.1-1.4%2071.3-37%2086.6zm47-136.1C376.8%2099.9%20369.7%2096%20320.6%2096c-45.5%200-64.9%2031.7-84.7%2072.8c-106.2%20212.3-116.4%20242.4-117.3%20245C93.4%20483.1%20145.3%20544%20208.2%20544c21.7%200%2060.6-6.1%20112.4-62.4C379.3%20545.4%20421.9%20544%20433%20544c62.9.1%20114.9-60.9%2089.6-130.2c0-3.9-16.8-38.9-16.8-39.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/airbnb.svg?color=%231a73e8&size=48