tubi logo

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

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

Use the tubi logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.696 15.272v-.752c.4.548 1.107.917 1.934.917c1.475 0 2.28-.956 2.28-2.865c0-1.714-.893-2.858-2.235-2.858c-.851 0-1.55.347-1.979.908v-2.06h-2.674v6.71zm1.57-2.614c0 .827-.337 1.275-.827 1.275c-.486 0-.837-.452-.837-1.275s.342-1.28.837-1.28s.828.452.828 1.28zM6.94 9.988v3.6c0 1.236.754 1.841 1.955 1.841c.959 0 1.625-.396 2.028-1.064v.91h2.597V9.989h-2.675v3.14c0 .493-.346.693-.666.693s-.568-.192-.568-.655V9.989Zm14.39 0H24v5.276h-2.67ZM6.553 11.136c0 .781-.635 1.415-1.42 1.415a1.42 1.42 0 0 1-1.419-1.415c0-.782.636-1.415 1.42-1.415s1.42.633 1.42 1.415zM3.49 9.702v2.668c.005.653.327.924.976.924c.225 0 .526-.053.672-.166v1.931c-.49.243-.869.378-1.535.378c0 0-.069 0-.18-.006l-.003.006c-1.614 0-2.51-1.035-2.482-2.686v-.47H0V9.99h.92V8.563h2.569Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsTubi(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="M16.696 15.272v-.752c.4.548 1.107.917 1.934.917c1.475 0 2.28-.956 2.28-2.865c0-1.714-.893-2.858-2.235-2.858c-.851 0-1.55.347-1.979.908v-2.06h-2.674v6.71zm1.57-2.614c0 .827-.337 1.275-.827 1.275c-.486 0-.837-.452-.837-1.275s.342-1.28.837-1.28s.828.452.828 1.28zM6.94 9.988v3.6c0 1.236.754 1.841 1.955 1.841c.959 0 1.625-.396 2.028-1.064v.91h2.597V9.989h-2.675v3.14c0 .493-.346.693-.666.693s-.568-.192-.568-.655V9.989Zm14.39 0H24v5.276h-2.67ZM6.553 11.136c0 .781-.635 1.415-1.42 1.415a1.42 1.42 0 0 1-1.419-1.415c0-.782.636-1.415 1.42-1.415s1.42.633 1.42 1.415zM3.49 9.702v2.668c.005.653.327.924.976.924c.225 0 .526-.053.672-.166v1.931c-.49.243-.869.378-1.535.378c0 0-.069 0-.18-.006l-.003.006c-1.614 0-2.51-1.035-2.482-2.686v-.47H0V9.99h.92V8.563h2.569Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.696 15.272v-.752c.4.548 1.107.917 1.934.917c1.475 0 2.28-.956 2.28-2.865c0-1.714-.893-2.858-2.235-2.858c-.851 0-1.55.347-1.979.908v-2.06h-2.674v6.71zm1.57-2.614c0 .827-.337 1.275-.827 1.275c-.486 0-.837-.452-.837-1.275s.342-1.28.837-1.28s.828.452.828 1.28zM6.94 9.988v3.6c0 1.236.754 1.841 1.955 1.841c.959 0 1.625-.396 2.028-1.064v.91h2.597V9.989h-2.675v3.14c0 .493-.346.693-.666.693s-.568-.192-.568-.655V9.989Zm14.39 0H24v5.276h-2.67ZM6.553 11.136c0 .781-.635 1.415-1.42 1.415a1.42 1.42 0 0 1-1.419-1.415c0-.782.636-1.415 1.42-1.415s1.42.633 1.42 1.415zM3.49 9.702v2.668c.005.653.327.924.976.924c.225 0 .526-.053.672-.166v1.931c-.49.243-.869.378-1.535.378c0 0-.069 0-.18-.006l-.003.006c-1.614 0-2.51-1.035-2.482-2.686v-.47H0V9.99h.92V8.563h2.569Z"/></svg>
</template>

CSS

.icon-tubi {
  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%22M16.696%2015.272v-.752c.4.548%201.107.917%201.934.917c1.475%200%202.28-.956%202.28-2.865c0-1.714-.893-2.858-2.235-2.858c-.851%200-1.55.347-1.979.908v-2.06h-2.674v6.71zm1.57-2.614c0%20.827-.337%201.275-.827%201.275c-.486%200-.837-.452-.837-1.275s.342-1.28.837-1.28s.828.452.828%201.28zM6.94%209.988v3.6c0%201.236.754%201.841%201.955%201.841c.959%200%201.625-.396%202.028-1.064v.91h2.597V9.989h-2.675v3.14c0%20.493-.346.693-.666.693s-.568-.192-.568-.655V9.989Zm14.39%200H24v5.276h-2.67ZM6.553%2011.136c0%20.781-.635%201.415-1.42%201.415a1.42%201.42%200%200%201-1.419-1.415c0-.782.636-1.415%201.42-1.415s1.42.633%201.42%201.415zM3.49%209.702v2.668c.005.653.327.924.976.924c.225%200%20.526-.053.672-.166v1.931c-.49.243-.869.378-1.535.378c0%200-.069%200-.18-.006l-.003.006c-1.614%200-2.51-1.035-2.482-2.686v-.47H0V9.99h.92V8.563h2.569Z%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%22M16.696%2015.272v-.752c.4.548%201.107.917%201.934.917c1.475%200%202.28-.956%202.28-2.865c0-1.714-.893-2.858-2.235-2.858c-.851%200-1.55.347-1.979.908v-2.06h-2.674v6.71zm1.57-2.614c0%20.827-.337%201.275-.827%201.275c-.486%200-.837-.452-.837-1.275s.342-1.28.837-1.28s.828.452.828%201.28zM6.94%209.988v3.6c0%201.236.754%201.841%201.955%201.841c.959%200%201.625-.396%202.028-1.064v.91h2.597V9.989h-2.675v3.14c0%20.493-.346.693-.666.693s-.568-.192-.568-.655V9.989Zm14.39%200H24v5.276h-2.67ZM6.553%2011.136c0%20.781-.635%201.415-1.42%201.415a1.42%201.42%200%200%201-1.419-1.415c0-.782.636-1.415%201.42-1.415s1.42.633%201.42%201.415zM3.49%209.702v2.668c.005.653.327.924.976.924c.225%200%20.526-.053.672-.166v1.931c-.49.243-.869.378-1.535.378c0%200-.069%200-.18-.006l-.003.006c-1.614%200-2.51-1.035-2.482-2.686v-.47H0V9.99h.92V8.563h2.569Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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