tableau logo

tableau from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name
tableau
Set
CoreUI Brands
Style
Brand
Viewbox
32×32
License
CC0 1.0

The same logo in other sets

tableauSVG LogostableauSimple Icons

Use the tableau logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.536.235v2.937h-2.624v.771h2.624V6.88h.933V3.943h2.624v-.771h-2.624V.235zm8.043 3.016v4.328h-3.943v1.233h3.943v4.251h1.391l.009-2.109l.032-2.099l1.953-.032l1.943-.011V7.579H24.97V3.251zm-16.543.077v4.256H3.052v1.228h3.984v4.256h1.313V8.812h4.015V7.579H8.349V3.328zm8.115 7.027v4.791h-4.405v1.584h4.405v4.797h1.709V16.73h4.411v-1.584H16.86v-4.791zm12.964 2.066v2.959h-2.688v1.084h2.688v3.015h1.183v-3.015h2.703V15.38h-2.703v-2.959zm-25.484.172v2.901H0v.828h2.631v2.928h.891v-2.928h2.667v-.828H3.48v-2.901zm20.948 6.027v4.339h-4.027v1.235h4.027v4.285h1.427v-4.285h3.979v-1.235h-3.979V18.62zm-16.62.011v4.328H3.016v1.235h3.943v4.255h1.468v-4.255h3.937v-1.235H8.427v-4.333h-.733zm8.421 6.104v2.937h-2.625v1.077h2.625v3.016h1.24l.016-1.489l.02-1.527h2.631v-1.077H16.62v-2.937z"/></svg>

React

import type { SVGProps } from "react";

export function CibTableau(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.536.235v2.937h-2.624v.771h2.624V6.88h.933V3.943h2.624v-.771h-2.624V.235zm8.043 3.016v4.328h-3.943v1.233h3.943v4.251h1.391l.009-2.109l.032-2.099l1.953-.032l1.943-.011V7.579H24.97V3.251zm-16.543.077v4.256H3.052v1.228h3.984v4.256h1.313V8.812h4.015V7.579H8.349V3.328zm8.115 7.027v4.791h-4.405v1.584h4.405v4.797h1.709V16.73h4.411v-1.584H16.86v-4.791zm12.964 2.066v2.959h-2.688v1.084h2.688v3.015h1.183v-3.015h2.703V15.38h-2.703v-2.959zm-25.484.172v2.901H0v.828h2.631v2.928h.891v-2.928h2.667v-.828H3.48v-2.901zm20.948 6.027v4.339h-4.027v1.235h4.027v4.285h1.427v-4.285h3.979v-1.235h-3.979V18.62zm-16.62.011v4.328H3.016v1.235h3.943v4.255h1.468v-4.255h3.937v-1.235H8.427v-4.333h-.733zm8.421 6.104v2.937h-2.625v1.077h2.625v3.016h1.24l.016-1.489l.02-1.527h2.631v-1.077H16.62v-2.937z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.536.235v2.937h-2.624v.771h2.624V6.88h.933V3.943h2.624v-.771h-2.624V.235zm8.043 3.016v4.328h-3.943v1.233h3.943v4.251h1.391l.009-2.109l.032-2.099l1.953-.032l1.943-.011V7.579H24.97V3.251zm-16.543.077v4.256H3.052v1.228h3.984v4.256h1.313V8.812h4.015V7.579H8.349V3.328zm8.115 7.027v4.791h-4.405v1.584h4.405v4.797h1.709V16.73h4.411v-1.584H16.86v-4.791zm12.964 2.066v2.959h-2.688v1.084h2.688v3.015h1.183v-3.015h2.703V15.38h-2.703v-2.959zm-25.484.172v2.901H0v.828h2.631v2.928h.891v-2.928h2.667v-.828H3.48v-2.901zm20.948 6.027v4.339h-4.027v1.235h4.027v4.285h1.427v-4.285h3.979v-1.235h-3.979V18.62zm-16.62.011v4.328H3.016v1.235h3.943v4.255h1.468v-4.255h3.937v-1.235H8.427v-4.333h-.733zm8.421 6.104v2.937h-2.625v1.077h2.625v3.016h1.24l.016-1.489l.02-1.527h2.631v-1.077H16.62v-2.937z"/></svg>
</template>

CSS

.icon-tableau {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.536.235v2.937h-2.624v.771h2.624V6.88h.933V3.943h2.624v-.771h-2.624V.235zm8.043%203.016v4.328h-3.943v1.233h3.943v4.251h1.391l.009-2.109l.032-2.099l1.953-.032l1.943-.011V7.579H24.97V3.251zm-16.543.077v4.256H3.052v1.228h3.984v4.256h1.313V8.812h4.015V7.579H8.349V3.328zm8.115%207.027v4.791h-4.405v1.584h4.405v4.797h1.709V16.73h4.411v-1.584H16.86v-4.791zm12.964%202.066v2.959h-2.688v1.084h2.688v3.015h1.183v-3.015h2.703V15.38h-2.703v-2.959zm-25.484.172v2.901H0v.828h2.631v2.928h.891v-2.928h2.667v-.828H3.48v-2.901zm20.948%206.027v4.339h-4.027v1.235h4.027v4.285h1.427v-4.285h3.979v-1.235h-3.979V18.62zm-16.62.011v4.328H3.016v1.235h3.943v4.255h1.468v-4.255h3.937v-1.235H8.427v-4.333h-.733zm8.421%206.104v2.937h-2.625v1.077h2.625v3.016h1.24l.016-1.489l.02-1.527h2.631v-1.077H16.62v-2.937z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.536.235v2.937h-2.624v.771h2.624V6.88h.933V3.943h2.624v-.771h-2.624V.235zm8.043%203.016v4.328h-3.943v1.233h3.943v4.251h1.391l.009-2.109l.032-2.099l1.953-.032l1.943-.011V7.579H24.97V3.251zm-16.543.077v4.256H3.052v1.228h3.984v4.256h1.313V8.812h4.015V7.579H8.349V3.328zm8.115%207.027v4.791h-4.405v1.584h4.405v4.797h1.709V16.73h4.411v-1.584H16.86v-4.791zm12.964%202.066v2.959h-2.688v1.084h2.688v3.015h1.183v-3.015h2.703V15.38h-2.703v-2.959zm-25.484.172v2.901H0v.828h2.631v2.928h.891v-2.928h2.667v-.828H3.48v-2.901zm20.948%206.027v4.339h-4.027v1.235h4.027v4.285h1.427v-4.285h3.979v-1.235h-3.979V18.62zm-16.62.011v4.328H3.016v1.235h3.943v4.255h1.468v-4.255h3.937v-1.235H8.427v-4.333h-.733zm8.421%206.104v2.937h-2.625v1.077h2.625v3.016h1.24l.016-1.489l.02-1.527h2.631v-1.077H16.62v-2.937z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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