tensorflow logo

tensorflow from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: tensorflow
Set: SVG Logos
Style: Color
Viewbox: 256×274
License: CC0

The same logo in other sets

tensorflowCoreUI Brands tensorflowDevicon tensorflowSimple Icons tensorflow-darkSkill Icons

Use the tensorflow logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 274"><path fill="#e55b2d" d="M145.726 42.065v42.07l72.861 42.07v-42.07zM0 84.135v42.07l36.43 21.03V105.17zm109.291 21.035l-36.43 21.034v126.2l36.43 21.035v-84.135l36.435 21.035v-42.07l-36.435-21.034z"/><path fill="#ed8e24" d="M145.726 42.065L36.43 105.17v42.065l72.861-42.065v42.065l36.435-21.03zM255.022 63.1l-36.435 21.035v42.07l36.435-21.035zm-72.865 84.135l-36.43 21.035v42.07l36.43-21.036zm-36.43 63.104l-36.436-21.035v84.135l36.435-21.035z"/><path fill="#f8bf3c" d="M145.726 0L0 84.135l36.43 21.035l109.296-63.105l72.861 42.07L255.022 63.1zm0 126.204l-36.435 21.03l36.435 21.036l36.43-21.035z"/></svg>

React

import type { SVGProps } from "react";

export function LogosTensorflow(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 274"><path fill="#e55b2d" d="M145.726 42.065v42.07l72.861 42.07v-42.07zM0 84.135v42.07l36.43 21.03V105.17zm109.291 21.035l-36.43 21.034v126.2l36.43 21.035v-84.135l36.435 21.035v-42.07l-36.435-21.034z"/><path fill="#ed8e24" d="M145.726 42.065L36.43 105.17v42.065l72.861-42.065v42.065l36.435-21.03zM255.022 63.1l-36.435 21.035v42.07l36.435-21.035zm-72.865 84.135l-36.43 21.035v42.07l36.43-21.036zm-36.43 63.104l-36.436-21.035v84.135l36.435-21.035z"/><path fill="#f8bf3c" d="M145.726 0L0 84.135l36.43 21.035l109.296-63.105l72.861 42.07L255.022 63.1zm0 126.204l-36.435 21.03l36.435 21.036l36.43-21.035z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 274"><path fill="#e55b2d" d="M145.726 42.065v42.07l72.861 42.07v-42.07zM0 84.135v42.07l36.43 21.03V105.17zm109.291 21.035l-36.43 21.034v126.2l36.43 21.035v-84.135l36.435 21.035v-42.07l-36.435-21.034z"/><path fill="#ed8e24" d="M145.726 42.065L36.43 105.17v42.065l72.861-42.065v42.065l36.435-21.03zM255.022 63.1l-36.435 21.035v42.07l36.435-21.035zm-72.865 84.135l-36.43 21.035v42.07l36.43-21.036zm-36.43 63.104l-36.436-21.035v84.135l36.435-21.035z"/><path fill="#f8bf3c" d="M145.726 0L0 84.135l36.43 21.035l109.296-63.105l72.861 42.07L255.022 63.1zm0 126.204l-36.435 21.03l36.435 21.036l36.43-21.035z"/></svg>
</template>

CSS

.icon-tensorflow {
  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%20256%20274%22%3E%3Cpath%20fill%3D%22%23e55b2d%22%20d%3D%22M145.726%2042.065v42.07l72.861%2042.07v-42.07zM0%2084.135v42.07l36.43%2021.03V105.17zm109.291%2021.035l-36.43%2021.034v126.2l36.43%2021.035v-84.135l36.435%2021.035v-42.07l-36.435-21.034z%22%2F%3E%3Cpath%20fill%3D%22%23ed8e24%22%20d%3D%22M145.726%2042.065L36.43%20105.17v42.065l72.861-42.065v42.065l36.435-21.03zM255.022%2063.1l-36.435%2021.035v42.07l36.435-21.035zm-72.865%2084.135l-36.43%2021.035v42.07l36.43-21.036zm-36.43%2063.104l-36.436-21.035v84.135l36.435-21.035z%22%2F%3E%3Cpath%20fill%3D%22%23f8bf3c%22%20d%3D%22M145.726%200L0%2084.135l36.43%2021.035l109.296-63.105l72.861%2042.07L255.022%2063.1zm0%20126.204l-36.435%2021.03l36.435%2021.036l36.43-21.035z%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%20256%20274%22%3E%3Cpath%20fill%3D%22%23e55b2d%22%20d%3D%22M145.726%2042.065v42.07l72.861%2042.07v-42.07zM0%2084.135v42.07l36.43%2021.03V105.17zm109.291%2021.035l-36.43%2021.034v126.2l36.43%2021.035v-84.135l36.435%2021.035v-42.07l-36.435-21.034z%22%2F%3E%3Cpath%20fill%3D%22%23ed8e24%22%20d%3D%22M145.726%2042.065L36.43%20105.17v42.065l72.861-42.065v42.065l36.435-21.03zM255.022%2063.1l-36.435%2021.035v42.07l36.435-21.035zm-72.865%2084.135l-36.43%2021.035v42.07l36.43-21.036zm-36.43%2063.104l-36.436-21.035v84.135l36.435-21.035z%22%2F%3E%3Cpath%20fill%3D%22%23f8bf3c%22%20d%3D%22M145.726%200L0%2084.135l36.43%2021.035l109.296-63.105l72.861%2042.07L255.022%2063.1zm0%20126.204l-36.435%2021.03l36.435%2021.036l36.43-21.035z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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