marriott logo

marriott from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
marriott
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the marriott logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.802 11.083l-1.178 2.41c-.8 1.425-1.931 3.167-3.646 3.603c-.668.232-1.255.023-1.9-.023L0 20.476a1.6 1.6 0 0 0 .59.386c3.647 1.39 5.122-.1 8.722-8.238l3.403 7.249h4.53l-2.14-4.893l1.213-2.53l3.345 7.311l4.337.027l-7.59-16.677l-3.475 1.738l2.738 6.222l-1.201 2.445L9.45 2.678l-3.7 1.877Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMarriott(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="m8.802 11.083l-1.178 2.41c-.8 1.425-1.931 3.167-3.646 3.603c-.668.232-1.255.023-1.9-.023L0 20.476a1.6 1.6 0 0 0 .59.386c3.647 1.39 5.122-.1 8.722-8.238l3.403 7.249h4.53l-2.14-4.893l1.213-2.53l3.345 7.311l4.337.027l-7.59-16.677l-3.475 1.738l2.738 6.222l-1.201 2.445L9.45 2.678l-3.7 1.877Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.802 11.083l-1.178 2.41c-.8 1.425-1.931 3.167-3.646 3.603c-.668.232-1.255.023-1.9-.023L0 20.476a1.6 1.6 0 0 0 .59.386c3.647 1.39 5.122-.1 8.722-8.238l3.403 7.249h4.53l-2.14-4.893l1.213-2.53l3.345 7.311l4.337.027l-7.59-16.677l-3.475 1.738l2.738 6.222l-1.201 2.445L9.45 2.678l-3.7 1.877Z"/></svg>
</template>

CSS

.icon-marriott {
  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%22m8.802%2011.083l-1.178%202.41c-.8%201.425-1.931%203.167-3.646%203.603c-.668.232-1.255.023-1.9-.023L0%2020.476a1.6%201.6%200%200%200%20.59.386c3.647%201.39%205.122-.1%208.722-8.238l3.403%207.249h4.53l-2.14-4.893l1.213-2.53l3.345%207.311l4.337.027l-7.59-16.677l-3.475%201.738l2.738%206.222l-1.201%202.445L9.45%202.678l-3.7%201.877Z%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%22m8.802%2011.083l-1.178%202.41c-.8%201.425-1.931%203.167-3.646%203.603c-.668.232-1.255.023-1.9-.023L0%2020.476a1.6%201.6%200%200%200%20.59.386c3.647%201.39%205.122-.1%208.722-8.238l3.403%207.249h4.53l-2.14-4.893l1.213-2.53l3.345%207.311l4.337.027l-7.59-16.677l-3.475%201.738l2.738%206.222l-1.201%202.445L9.45%202.678l-3.7%201.877Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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