airbnb icon

airbnb-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: airbnb-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

airbnbBoxicons Brands airbnbCoreUI Brands airbnbFont Awesome 6 Brands airbnbFont Awesome Brands airbnbHuge Icons airbnbJam Icons airbnbLine Awesome airbnbSVG Logos airbnbSimple Icons

Use the airbnb icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.066c.991 0 1.9.444 2.678 1.163c1.461 1.35 2.772 3.697 3.843 6.043c1.089 2.385 1.994 4.914 2.6 6.748c.672 2.034-.207 4.199-2.004 5.277a4.635 4.635 0 0 1-5.876-.914c-.396-.453-.82-.94-1.241-1.427c-.422.488-.846.974-1.241 1.427a4.635 4.635 0 0 1-5.876.914c-1.797-1.078-2.676-3.244-2.004-5.277c.606-1.833 1.51-4.363 2.6-6.748C6.548 6.926 7.86 4.578 9.32 3.23c.78-.72 1.687-1.163 2.679-1.163M12 9c-1.787 0-3.028 1.035-3.514 2.418c-.467 1.33-.226 2.928.714 4.182c.349.465.966 1.209 1.66 2.025a1.497 1.497 0 0 0 2.281 0c.694-.816 1.31-1.56 1.659-2.025c.94-1.254 1.181-2.852.713-4.182C15.028 10.035 13.787 9 12 9"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteAirbnbFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.066c.991 0 1.9.444 2.678 1.163c1.461 1.35 2.772 3.697 3.843 6.043c1.089 2.385 1.994 4.914 2.6 6.748c.672 2.034-.207 4.199-2.004 5.277a4.635 4.635 0 0 1-5.876-.914c-.396-.453-.82-.94-1.241-1.427c-.422.488-.846.974-1.241 1.427a4.635 4.635 0 0 1-5.876.914c-1.797-1.078-2.676-3.244-2.004-5.277c.606-1.833 1.51-4.363 2.6-6.748C6.548 6.926 7.86 4.578 9.32 3.23c.78-.72 1.687-1.163 2.679-1.163M12 9c-1.787 0-3.028 1.035-3.514 2.418c-.467 1.33-.226 2.928.714 4.182c.349.465.966 1.209 1.66 2.025a1.497 1.497 0 0 0 2.281 0c.694-.816 1.31-1.56 1.659-2.025c.94-1.254 1.181-2.852.713-4.182C15.028 10.035 13.787 9 12 9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.066c.991 0 1.9.444 2.678 1.163c1.461 1.35 2.772 3.697 3.843 6.043c1.089 2.385 1.994 4.914 2.6 6.748c.672 2.034-.207 4.199-2.004 5.277a4.635 4.635 0 0 1-5.876-.914c-.396-.453-.82-.94-1.241-1.427c-.422.488-.846.974-1.241 1.427a4.635 4.635 0 0 1-5.876.914c-1.797-1.078-2.676-3.244-2.004-5.277c.606-1.833 1.51-4.363 2.6-6.748C6.548 6.926 7.86 4.578 9.32 3.23c.78-.72 1.687-1.163 2.679-1.163M12 9c-1.787 0-3.028 1.035-3.514 2.418c-.467 1.33-.226 2.928.714 4.182c.349.465.966 1.209 1.66 2.025a1.497 1.497 0 0 0 2.281 0c.694-.816 1.31-1.56 1.659-2.025c.94-1.254 1.181-2.852.713-4.182C15.028 10.035 13.787 9 12 9"/></svg>
</template>

CSS

.icon-airbnb-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202.066c.991%200%201.9.444%202.678%201.163c1.461%201.35%202.772%203.697%203.843%206.043c1.089%202.385%201.994%204.914%202.6%206.748c.672%202.034-.207%204.199-2.004%205.277a4.635%204.635%200%200%201-5.876-.914c-.396-.453-.82-.94-1.241-1.427c-.422.488-.846.974-1.241%201.427a4.635%204.635%200%200%201-5.876.914c-1.797-1.078-2.676-3.244-2.004-5.277c.606-1.833%201.51-4.363%202.6-6.748C6.548%206.926%207.86%204.578%209.32%203.23c.78-.72%201.687-1.163%202.679-1.163M12%209c-1.787%200-3.028%201.035-3.514%202.418c-.467%201.33-.226%202.928.714%204.182c.349.465.966%201.209%201.66%202.025a1.497%201.497%200%200%200%202.281%200c.694-.816%201.31-1.56%201.659-2.025c.94-1.254%201.181-2.852.713-4.182C15.028%2010.035%2013.787%209%2012%209%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202.066c.991%200%201.9.444%202.678%201.163c1.461%201.35%202.772%203.697%203.843%206.043c1.089%202.385%201.994%204.914%202.6%206.748c.672%202.034-.207%204.199-2.004%205.277a4.635%204.635%200%200%201-5.876-.914c-.396-.453-.82-.94-1.241-1.427c-.422.488-.846.974-1.241%201.427a4.635%204.635%200%200%201-5.876.914c-1.797-1.078-2.676-3.244-2.004-5.277c.606-1.833%201.51-4.363%202.6-6.748C6.548%206.926%207.86%204.578%209.32%203.23c.78-.72%201.687-1.163%202.679-1.163M12%209c-1.787%200-3.028%201.035-3.514%202.418c-.467%201.33-.226%202.928.714%204.182c.349.465.966%201.209%201.66%202.025a1.497%201.497%200%200%200%202.281%200c.694-.816%201.31-1.56%201.659-2.025c.94-1.254%201.181-2.852.713-4.182C15.028%2010.035%2013.787%209%2012%209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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