hubspot logo

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

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

The same logo in other sets

hubspotCoreUI Brands hubspotFont Awesome 6 Brands hubspotLine Awesome hubspotSVG Logos hubspotMaterial Design Icons hubspotSimple Icons

Use the hubspot logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M331.8 275.6c-25.1 23.7-40.8 57.3-40.8 94.6c0 29.3 9.7 56.3 26 78L267.5 498c-4.4-1.6-9.1-2.5-14-2.5c-10.8 0-20.9 4.2-28.5 11.8s-11.8 17.8-11.8 28.6s4.2 20.9 11.8 28.5s17.8 11.6 28.5 11.6c10.8 0 20.9-3.9 28.6-11.6c7.6-7.6 11.8-17.8 11.8-28.5c0-4.2-.6-8.2-1.9-12.1l50-50.2c22 16.9 49.4 26.9 79.3 26.9c71.9 0 130-58.3 130-130.2c0-65.2-47.7-119.2-110.2-128.7V180c17.5-7.4 28.2-23.8 28.2-42.9c0-26.1-20.9-47.9-47-47.9s-46.7 21.8-46.7 47.9c0 19.1 10.7 35.5 28.2 42.9v61.2c-15.2 2.1-29.6 6.7-42.7 13.6c-27.6-20.9-117.5-85.7-168.9-124.8c1.2-4.4 2-9 2-13.8c0-28.8-23.5-52.2-52.4-52.2c-28.8 0-52.2 23.4-52.2 52.2c0 28.9 23.4 52.3 52.2 52.3c9.8 0 18.9-2.9 26.8-7.6zm89.5 25.6c38.1 0 69 30.9 69 69s-30.9 69-69 69s-69-30.9-69-69s30.9-69 69-69"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsHubspot(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="M331.8 275.6c-25.1 23.7-40.8 57.3-40.8 94.6c0 29.3 9.7 56.3 26 78L267.5 498c-4.4-1.6-9.1-2.5-14-2.5c-10.8 0-20.9 4.2-28.5 11.8s-11.8 17.8-11.8 28.6s4.2 20.9 11.8 28.5s17.8 11.6 28.5 11.6c10.8 0 20.9-3.9 28.6-11.6c7.6-7.6 11.8-17.8 11.8-28.5c0-4.2-.6-8.2-1.9-12.1l50-50.2c22 16.9 49.4 26.9 79.3 26.9c71.9 0 130-58.3 130-130.2c0-65.2-47.7-119.2-110.2-128.7V180c17.5-7.4 28.2-23.8 28.2-42.9c0-26.1-20.9-47.9-47-47.9s-46.7 21.8-46.7 47.9c0 19.1 10.7 35.5 28.2 42.9v61.2c-15.2 2.1-29.6 6.7-42.7 13.6c-27.6-20.9-117.5-85.7-168.9-124.8c1.2-4.4 2-9 2-13.8c0-28.8-23.5-52.2-52.4-52.2c-28.8 0-52.2 23.4-52.2 52.2c0 28.9 23.4 52.3 52.2 52.3c9.8 0 18.9-2.9 26.8-7.6zm89.5 25.6c38.1 0 69 30.9 69 69s-30.9 69-69 69s-69-30.9-69-69s30.9-69 69-69"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M331.8 275.6c-25.1 23.7-40.8 57.3-40.8 94.6c0 29.3 9.7 56.3 26 78L267.5 498c-4.4-1.6-9.1-2.5-14-2.5c-10.8 0-20.9 4.2-28.5 11.8s-11.8 17.8-11.8 28.6s4.2 20.9 11.8 28.5s17.8 11.6 28.5 11.6c10.8 0 20.9-3.9 28.6-11.6c7.6-7.6 11.8-17.8 11.8-28.5c0-4.2-.6-8.2-1.9-12.1l50-50.2c22 16.9 49.4 26.9 79.3 26.9c71.9 0 130-58.3 130-130.2c0-65.2-47.7-119.2-110.2-128.7V180c17.5-7.4 28.2-23.8 28.2-42.9c0-26.1-20.9-47.9-47-47.9s-46.7 21.8-46.7 47.9c0 19.1 10.7 35.5 28.2 42.9v61.2c-15.2 2.1-29.6 6.7-42.7 13.6c-27.6-20.9-117.5-85.7-168.9-124.8c1.2-4.4 2-9 2-13.8c0-28.8-23.5-52.2-52.4-52.2c-28.8 0-52.2 23.4-52.2 52.2c0 28.9 23.4 52.3 52.2 52.3c9.8 0 18.9-2.9 26.8-7.6zm89.5 25.6c38.1 0 69 30.9 69 69s-30.9 69-69 69s-69-30.9-69-69s30.9-69 69-69"/></svg>
</template>

CSS

.icon-hubspot {
  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%22M331.8%20275.6c-25.1%2023.7-40.8%2057.3-40.8%2094.6c0%2029.3%209.7%2056.3%2026%2078L267.5%20498c-4.4-1.6-9.1-2.5-14-2.5c-10.8%200-20.9%204.2-28.5%2011.8s-11.8%2017.8-11.8%2028.6s4.2%2020.9%2011.8%2028.5s17.8%2011.6%2028.5%2011.6c10.8%200%2020.9-3.9%2028.6-11.6c7.6-7.6%2011.8-17.8%2011.8-28.5c0-4.2-.6-8.2-1.9-12.1l50-50.2c22%2016.9%2049.4%2026.9%2079.3%2026.9c71.9%200%20130-58.3%20130-130.2c0-65.2-47.7-119.2-110.2-128.7V180c17.5-7.4%2028.2-23.8%2028.2-42.9c0-26.1-20.9-47.9-47-47.9s-46.7%2021.8-46.7%2047.9c0%2019.1%2010.7%2035.5%2028.2%2042.9v61.2c-15.2%202.1-29.6%206.7-42.7%2013.6c-27.6-20.9-117.5-85.7-168.9-124.8c1.2-4.4%202-9%202-13.8c0-28.8-23.5-52.2-52.4-52.2c-28.8%200-52.2%2023.4-52.2%2052.2c0%2028.9%2023.4%2052.3%2052.2%2052.3c9.8%200%2018.9-2.9%2026.8-7.6zm89.5%2025.6c38.1%200%2069%2030.9%2069%2069s-30.9%2069-69%2069s-69-30.9-69-69s30.9-69%2069-69%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%22M331.8%20275.6c-25.1%2023.7-40.8%2057.3-40.8%2094.6c0%2029.3%209.7%2056.3%2026%2078L267.5%20498c-4.4-1.6-9.1-2.5-14-2.5c-10.8%200-20.9%204.2-28.5%2011.8s-11.8%2017.8-11.8%2028.6s4.2%2020.9%2011.8%2028.5s17.8%2011.6%2028.5%2011.6c10.8%200%2020.9-3.9%2028.6-11.6c7.6-7.6%2011.8-17.8%2011.8-28.5c0-4.2-.6-8.2-1.9-12.1l50-50.2c22%2016.9%2049.4%2026.9%2079.3%2026.9c71.9%200%20130-58.3%20130-130.2c0-65.2-47.7-119.2-110.2-128.7V180c17.5-7.4%2028.2-23.8%2028.2-42.9c0-26.1-20.9-47.9-47-47.9s-46.7%2021.8-46.7%2047.9c0%2019.1%2010.7%2035.5%2028.2%2042.9v61.2c-15.2%202.1-29.6%206.7-42.7%2013.6c-27.6-20.9-117.5-85.7-168.9-124.8c1.2-4.4%202-9%202-13.8c0-28.8-23.5-52.2-52.4-52.2c-28.8%200-52.2%2023.4-52.2%2052.2c0%2028.9%2023.4%2052.3%2052.2%2052.3c9.8%200%2018.9-2.9%2026.8-7.6zm89.5%2025.6c38.1%200%2069%2030.9%2069%2069s-30.9%2069-69%2069s-69-30.9-69-69s30.9-69%2069-69%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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