tata logo

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

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

Use the tata logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.774 11.568c.193-1.322.168-2.013-1.768-1.906c-2.223.124-4.476.265-7.849 1.027A5.6 5.6 0 0 0 0 12c0 1.52.618 2.99 1.787 4.254c1.06 1.144 2.556 2.095 4.326 2.752a15.5 15.5 0 0 0 2.014.588c.13-.527.959-3.907 1.616-7.823l.03-.202m14.07-.88c-3.372-.762-5.624-.902-7.846-1.026c-1.937-.107-1.962.584-1.768 1.906l.046.298c.65 3.848 1.458 7.16 1.598 7.72C20.595 18.508 24 15.516 24 12q-.001-.665-.157-1.311m-.491-1.324a7.2 7.2 0 0 0-1.14-1.618c-1.06-1.144-2.555-2.095-4.325-2.752c-1.784-.662-3.82-1.011-5.887-1.011c-2.068 0-4.103.35-5.887 1.01c-1.77.658-3.266 1.61-4.326 2.753A7.2 7.2 0 0 0 .648 9.366c2.304-.557 6.245-1.293 9.904-1.37c.353-.008.596.105.756.307c.196.248.18 1.128.175 1.522l-.104 10.18a19 19 0 0 0 1.244 0l-.104-10.18c-.005-.394-.02-1.274.175-1.522c.16-.202.403-.315.756-.308c3.658.078 7.597.813 9.902 1.37"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsTata(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="M9.774 11.568c.193-1.322.168-2.013-1.768-1.906c-2.223.124-4.476.265-7.849 1.027A5.6 5.6 0 0 0 0 12c0 1.52.618 2.99 1.787 4.254c1.06 1.144 2.556 2.095 4.326 2.752a15.5 15.5 0 0 0 2.014.588c.13-.527.959-3.907 1.616-7.823l.03-.202m14.07-.88c-3.372-.762-5.624-.902-7.846-1.026c-1.937-.107-1.962.584-1.768 1.906l.046.298c.65 3.848 1.458 7.16 1.598 7.72C20.595 18.508 24 15.516 24 12q-.001-.665-.157-1.311m-.491-1.324a7.2 7.2 0 0 0-1.14-1.618c-1.06-1.144-2.555-2.095-4.325-2.752c-1.784-.662-3.82-1.011-5.887-1.011c-2.068 0-4.103.35-5.887 1.01c-1.77.658-3.266 1.61-4.326 2.753A7.2 7.2 0 0 0 .648 9.366c2.304-.557 6.245-1.293 9.904-1.37c.353-.008.596.105.756.307c.196.248.18 1.128.175 1.522l-.104 10.18a19 19 0 0 0 1.244 0l-.104-10.18c-.005-.394-.02-1.274.175-1.522c.16-.202.403-.315.756-.308c3.658.078 7.597.813 9.902 1.37"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.774 11.568c.193-1.322.168-2.013-1.768-1.906c-2.223.124-4.476.265-7.849 1.027A5.6 5.6 0 0 0 0 12c0 1.52.618 2.99 1.787 4.254c1.06 1.144 2.556 2.095 4.326 2.752a15.5 15.5 0 0 0 2.014.588c.13-.527.959-3.907 1.616-7.823l.03-.202m14.07-.88c-3.372-.762-5.624-.902-7.846-1.026c-1.937-.107-1.962.584-1.768 1.906l.046.298c.65 3.848 1.458 7.16 1.598 7.72C20.595 18.508 24 15.516 24 12q-.001-.665-.157-1.311m-.491-1.324a7.2 7.2 0 0 0-1.14-1.618c-1.06-1.144-2.555-2.095-4.325-2.752c-1.784-.662-3.82-1.011-5.887-1.011c-2.068 0-4.103.35-5.887 1.01c-1.77.658-3.266 1.61-4.326 2.753A7.2 7.2 0 0 0 .648 9.366c2.304-.557 6.245-1.293 9.904-1.37c.353-.008.596.105.756.307c.196.248.18 1.128.175 1.522l-.104 10.18a19 19 0 0 0 1.244 0l-.104-10.18c-.005-.394-.02-1.274.175-1.522c.16-.202.403-.315.756-.308c3.658.078 7.597.813 9.902 1.37"/></svg>
</template>

CSS

.icon-tata {
  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%22M9.774%2011.568c.193-1.322.168-2.013-1.768-1.906c-2.223.124-4.476.265-7.849%201.027A5.6%205.6%200%200%200%200%2012c0%201.52.618%202.99%201.787%204.254c1.06%201.144%202.556%202.095%204.326%202.752a15.5%2015.5%200%200%200%202.014.588c.13-.527.959-3.907%201.616-7.823l.03-.202m14.07-.88c-3.372-.762-5.624-.902-7.846-1.026c-1.937-.107-1.962.584-1.768%201.906l.046.298c.65%203.848%201.458%207.16%201.598%207.72C20.595%2018.508%2024%2015.516%2024%2012q-.001-.665-.157-1.311m-.491-1.324a7.2%207.2%200%200%200-1.14-1.618c-1.06-1.144-2.555-2.095-4.325-2.752c-1.784-.662-3.82-1.011-5.887-1.011c-2.068%200-4.103.35-5.887%201.01c-1.77.658-3.266%201.61-4.326%202.753A7.2%207.2%200%200%200%20.648%209.366c2.304-.557%206.245-1.293%209.904-1.37c.353-.008.596.105.756.307c.196.248.18%201.128.175%201.522l-.104%2010.18a19%2019%200%200%200%201.244%200l-.104-10.18c-.005-.394-.02-1.274.175-1.522c.16-.202.403-.315.756-.308c3.658.078%207.597.813%209.902%201.37%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%22M9.774%2011.568c.193-1.322.168-2.013-1.768-1.906c-2.223.124-4.476.265-7.849%201.027A5.6%205.6%200%200%200%200%2012c0%201.52.618%202.99%201.787%204.254c1.06%201.144%202.556%202.095%204.326%202.752a15.5%2015.5%200%200%200%202.014.588c.13-.527.959-3.907%201.616-7.823l.03-.202m14.07-.88c-3.372-.762-5.624-.902-7.846-1.026c-1.937-.107-1.962.584-1.768%201.906l.046.298c.65%203.848%201.458%207.16%201.598%207.72C20.595%2018.508%2024%2015.516%2024%2012q-.001-.665-.157-1.311m-.491-1.324a7.2%207.2%200%200%200-1.14-1.618c-1.06-1.144-2.555-2.095-4.325-2.752c-1.784-.662-3.82-1.011-5.887-1.011c-2.068%200-4.103.35-5.887%201.01c-1.77.658-3.266%201.61-4.326%202.753A7.2%207.2%200%200%200%20.648%209.366c2.304-.557%206.245-1.293%209.904-1.37c.353-.008.596.105.756.307c.196.248.18%201.128.175%201.522l-.104%2010.18a19%2019%200%200%200%201.244%200l-.104-10.18c-.005-.394-.02-1.274.175-1.522c.16-.202.403-.315.756-.308c3.658.078%207.597.813%209.902%201.37%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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