hubspot logo
hubspot from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- hubspot
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the hubspot logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.219 10.573V6.781a2.93 2.93 0 0 0 1.688-2.641v-.089a2.93 2.93 0 0 0-2.922-2.922h-.089a2.93 2.93 0 0 0-2.927 2.922v.089a2.93 2.93 0 0 0 1.672 2.63l.016.01v3.802a8.27 8.27 0 0 0-3.958 1.745l.016-.01l-10.438-8.13C8.22.666 3.626-1.589 1.418 1.312C-.796 4.208 2.585 8.041 5.736 6.208l-.016.01l10.26 7.984a8.26 8.26 0 0 0-1.385 4.599c0 1.786.568 3.448 1.531 4.807l-.016-.026l-3.125 3.12c-.25-.078-.51-.12-.771-.125h-.005c-2.411 0-3.625 2.922-1.917 4.63c1.708 1.703 4.63.495 4.63-1.917a2.8 2.8 0 0 0-.135-.797l.005.021l3.089-3.089a8.34 8.34 0 0 0 7.172 1.438a8.335 8.335 0 0 0 5.182-12.073a8.32 8.32 0 0 0-5.974-4.208l-.052-.01zm-1.287 12.505c-3.807-.01-5.703-4.615-3.005-7.302c2.693-2.688 7.292-.781 7.292 3.026v.005a4.27 4.27 0 0 1-4.276 4.271z"/></svg>
React
import type { SVGProps } from "react";
export function CibHubspot(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.219 10.573V6.781a2.93 2.93 0 0 0 1.688-2.641v-.089a2.93 2.93 0 0 0-2.922-2.922h-.089a2.93 2.93 0 0 0-2.927 2.922v.089a2.93 2.93 0 0 0 1.672 2.63l.016.01v3.802a8.27 8.27 0 0 0-3.958 1.745l.016-.01l-10.438-8.13C8.22.666 3.626-1.589 1.418 1.312C-.796 4.208 2.585 8.041 5.736 6.208l-.016.01l10.26 7.984a8.26 8.26 0 0 0-1.385 4.599c0 1.786.568 3.448 1.531 4.807l-.016-.026l-3.125 3.12c-.25-.078-.51-.12-.771-.125h-.005c-2.411 0-3.625 2.922-1.917 4.63c1.708 1.703 4.63.495 4.63-1.917a2.8 2.8 0 0 0-.135-.797l.005.021l3.089-3.089a8.34 8.34 0 0 0 7.172 1.438a8.335 8.335 0 0 0 5.182-12.073a8.32 8.32 0 0 0-5.974-4.208l-.052-.01zm-1.287 12.505c-3.807-.01-5.703-4.615-3.005-7.302c2.693-2.688 7.292-.781 7.292 3.026v.005a4.27 4.27 0 0 1-4.276 4.271z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.219 10.573V6.781a2.93 2.93 0 0 0 1.688-2.641v-.089a2.93 2.93 0 0 0-2.922-2.922h-.089a2.93 2.93 0 0 0-2.927 2.922v.089a2.93 2.93 0 0 0 1.672 2.63l.016.01v3.802a8.27 8.27 0 0 0-3.958 1.745l.016-.01l-10.438-8.13C8.22.666 3.626-1.589 1.418 1.312C-.796 4.208 2.585 8.041 5.736 6.208l-.016.01l10.26 7.984a8.26 8.26 0 0 0-1.385 4.599c0 1.786.568 3.448 1.531 4.807l-.016-.026l-3.125 3.12c-.25-.078-.51-.12-.771-.125h-.005c-2.411 0-3.625 2.922-1.917 4.63c1.708 1.703 4.63.495 4.63-1.917a2.8 2.8 0 0 0-.135-.797l.005.021l3.089-3.089a8.34 8.34 0 0 0 7.172 1.438a8.335 8.335 0 0 0 5.182-12.073a8.32 8.32 0 0 0-5.974-4.208l-.052-.01zm-1.287 12.505c-3.807-.01-5.703-4.615-3.005-7.302c2.693-2.688 7.292-.781 7.292 3.026v.005a4.27 4.27 0 0 1-4.276 4.271z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.219%2010.573V6.781a2.93%202.93%200%200%200%201.688-2.641v-.089a2.93%202.93%200%200%200-2.922-2.922h-.089a2.93%202.93%200%200%200-2.927%202.922v.089a2.93%202.93%200%200%200%201.672%202.63l.016.01v3.802a8.27%208.27%200%200%200-3.958%201.745l.016-.01l-10.438-8.13C8.22.666%203.626-1.589%201.418%201.312C-.796%204.208%202.585%208.041%205.736%206.208l-.016.01l10.26%207.984a8.26%208.26%200%200%200-1.385%204.599c0%201.786.568%203.448%201.531%204.807l-.016-.026l-3.125%203.12c-.25-.078-.51-.12-.771-.125h-.005c-2.411%200-3.625%202.922-1.917%204.63c1.708%201.703%204.63.495%204.63-1.917a2.8%202.8%200%200%200-.135-.797l.005.021l3.089-3.089a8.34%208.34%200%200%200%207.172%201.438a8.335%208.335%200%200%200%205.182-12.073a8.32%208.32%200%200%200-5.974-4.208l-.052-.01zm-1.287%2012.505c-3.807-.01-5.703-4.615-3.005-7.302c2.693-2.688%207.292-.781%207.292%203.026v.005a4.27%204.27%200%200%201-4.276%204.271z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.219%2010.573V6.781a2.93%202.93%200%200%200%201.688-2.641v-.089a2.93%202.93%200%200%200-2.922-2.922h-.089a2.93%202.93%200%200%200-2.927%202.922v.089a2.93%202.93%200%200%200%201.672%202.63l.016.01v3.802a8.27%208.27%200%200%200-3.958%201.745l.016-.01l-10.438-8.13C8.22.666%203.626-1.589%201.418%201.312C-.796%204.208%202.585%208.041%205.736%206.208l-.016.01l10.26%207.984a8.26%208.26%200%200%200-1.385%204.599c0%201.786.568%203.448%201.531%204.807l-.016-.026l-3.125%203.12c-.25-.078-.51-.12-.771-.125h-.005c-2.411%200-3.625%202.922-1.917%204.63c1.708%201.703%204.63.495%204.63-1.917a2.8%202.8%200%200%200-.135-.797l.005.021l3.089-3.089a8.34%208.34%200%200%200%207.172%201.438a8.335%208.335%200%200%200%205.182-12.073a8.32%208.32%200%200%200-5.974-4.208l-.052-.01zm-1.287%2012.505c-3.807-.01-5.703-4.615-3.005-7.302c2.693-2.688%207.292-.781%207.292%203.026v.005a4.27%204.27%200%200%201-4.276%204.271z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/hubspot.svg?color=%231a73e8&size=48
