tesla logo

tesla from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name
tesla
Set
Font Awesome Brands
Style
Brand
Viewbox
640×640
License
CC BY 4.0

The same logo in other sets

teslaCoreUI BrandsteslaSimple Icons

Use the tesla logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M373.1 113.8c1 0 91.5 2.1 181.5 43.8c-23.2 34.8-69.2 52-69.2 52c-3.1-30.7-24.7-38.2-93.3-38.2l-72 404.6l-72.5-404.6c-68.1 0-89.7 7.6-92.9 38.2c-.9-.4-46.3-17.5-69.2-52C176 115.7 267 113.8 267 113.8l53 64.6l53-64.6zm-53-49.8c75.6.3 163.4 13 257.1 50.1c0 .1-3 9.3-14.4 29.8c-80.4-35-159-47.7-228.8-48.7h-13.8c-73.3-.6-157.1 11.3-242.8 48.6C67.2 125.3 63 114.1 63 114.1C156.7 77 244.5 64.3 320.1 64"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsTesla(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M373.1 113.8c1 0 91.5 2.1 181.5 43.8c-23.2 34.8-69.2 52-69.2 52c-3.1-30.7-24.7-38.2-93.3-38.2l-72 404.6l-72.5-404.6c-68.1 0-89.7 7.6-92.9 38.2c-.9-.4-46.3-17.5-69.2-52C176 115.7 267 113.8 267 113.8l53 64.6l53-64.6zm-53-49.8c75.6.3 163.4 13 257.1 50.1c0 .1-3 9.3-14.4 29.8c-80.4-35-159-47.7-228.8-48.7h-13.8c-73.3-.6-157.1 11.3-242.8 48.6C67.2 125.3 63 114.1 63 114.1C156.7 77 244.5 64.3 320.1 64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M373.1 113.8c1 0 91.5 2.1 181.5 43.8c-23.2 34.8-69.2 52-69.2 52c-3.1-30.7-24.7-38.2-93.3-38.2l-72 404.6l-72.5-404.6c-68.1 0-89.7 7.6-92.9 38.2c-.9-.4-46.3-17.5-69.2-52C176 115.7 267 113.8 267 113.8l53 64.6l53-64.6zm-53-49.8c75.6.3 163.4 13 257.1 50.1c0 .1-3 9.3-14.4 29.8c-80.4-35-159-47.7-228.8-48.7h-13.8c-73.3-.6-157.1 11.3-242.8 48.6C67.2 125.3 63 114.1 63 114.1C156.7 77 244.5 64.3 320.1 64"/></svg>
</template>

CSS

.icon-tesla {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M373.1%20113.8c1%200%2091.5%202.1%20181.5%2043.8c-23.2%2034.8-69.2%2052-69.2%2052c-3.1-30.7-24.7-38.2-93.3-38.2l-72%20404.6l-72.5-404.6c-68.1%200-89.7%207.6-92.9%2038.2c-.9-.4-46.3-17.5-69.2-52C176%20115.7%20267%20113.8%20267%20113.8l53%2064.6l53-64.6zm-53-49.8c75.6.3%20163.4%2013%20257.1%2050.1c0%20.1-3%209.3-14.4%2029.8c-80.4-35-159-47.7-228.8-48.7h-13.8c-73.3-.6-157.1%2011.3-242.8%2048.6C67.2%20125.3%2063%20114.1%2063%20114.1C156.7%2077%20244.5%2064.3%20320.1%2064%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M373.1%20113.8c1%200%2091.5%202.1%20181.5%2043.8c-23.2%2034.8-69.2%2052-69.2%2052c-3.1-30.7-24.7-38.2-93.3-38.2l-72%20404.6l-72.5-404.6c-68.1%200-89.7%207.6-92.9%2038.2c-.9-.4-46.3-17.5-69.2-52C176%20115.7%20267%20113.8%20267%20113.8l53%2064.6l53-64.6zm-53-49.8c75.6.3%20163.4%2013%20257.1%2050.1c0%20.1-3%209.3-14.4%2029.8c-80.4-35-159-47.7-228.8-48.7h-13.8c-73.3-.6-157.1%2011.3-242.8%2048.6C67.2%20125.3%2063%20114.1%2063%20114.1C156.7%2077%20244.5%2064.3%20320.1%2064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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