hubspot logo
hubspot from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- hubspot
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M18.164 7.93V5.084a2.2 2.2 0 0 0 1.267-1.978v-.067A2.2 2.2 0 0 0 17.238.845h-.067a2.2 2.2 0 0 0-2.193 2.193v.067a2.2 2.2 0 0 0 1.252 1.973l.013.006v2.852a6.2 6.2 0 0 0-2.969 1.31l.012-.01l-7.828-6.095A2.497 2.497 0 1 0 4.3 4.656l-.012.006l7.697 5.991a6.2 6.2 0 0 0-1.038 3.446a6.2 6.2 0 0 0 1.147 3.607l-.013-.02l-2.342 2.343a2 2 0 0 0-.58-.095h-.002a2.033 2.033 0 1 0 2.033 2.033a2 2 0 0 0-.1-.595l.005.014l2.317-2.317a6.247 6.247 0 1 0 4.782-11.134l-.036-.005zm-.964 9.378a3.206 3.206 0 1 1 3.215-3.207v.002a3.206 3.206 0 0 1-3.207 3.207z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsHubspot(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="M18.164 7.93V5.084a2.2 2.2 0 0 0 1.267-1.978v-.067A2.2 2.2 0 0 0 17.238.845h-.067a2.2 2.2 0 0 0-2.193 2.193v.067a2.2 2.2 0 0 0 1.252 1.973l.013.006v2.852a6.2 6.2 0 0 0-2.969 1.31l.012-.01l-7.828-6.095A2.497 2.497 0 1 0 4.3 4.656l-.012.006l7.697 5.991a6.2 6.2 0 0 0-1.038 3.446a6.2 6.2 0 0 0 1.147 3.607l-.013-.02l-2.342 2.343a2 2 0 0 0-.58-.095h-.002a2.033 2.033 0 1 0 2.033 2.033a2 2 0 0 0-.1-.595l.005.014l2.317-2.317a6.247 6.247 0 1 0 4.782-11.134l-.036-.005zm-.964 9.378a3.206 3.206 0 1 1 3.215-3.207v.002a3.206 3.206 0 0 1-3.207 3.207z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.164 7.93V5.084a2.2 2.2 0 0 0 1.267-1.978v-.067A2.2 2.2 0 0 0 17.238.845h-.067a2.2 2.2 0 0 0-2.193 2.193v.067a2.2 2.2 0 0 0 1.252 1.973l.013.006v2.852a6.2 6.2 0 0 0-2.969 1.31l.012-.01l-7.828-6.095A2.497 2.497 0 1 0 4.3 4.656l-.012.006l7.697 5.991a6.2 6.2 0 0 0-1.038 3.446a6.2 6.2 0 0 0 1.147 3.607l-.013-.02l-2.342 2.343a2 2 0 0 0-.58-.095h-.002a2.033 2.033 0 1 0 2.033 2.033a2 2 0 0 0-.1-.595l.005.014l2.317-2.317a6.247 6.247 0 1 0 4.782-11.134l-.036-.005zm-.964 9.378a3.206 3.206 0 1 1 3.215-3.207v.002a3.206 3.206 0 0 1-3.207 3.207z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.164%207.93V5.084a2.2%202.2%200%200%200%201.267-1.978v-.067A2.2%202.2%200%200%200%2017.238.845h-.067a2.2%202.2%200%200%200-2.193%202.193v.067a2.2%202.2%200%200%200%201.252%201.973l.013.006v2.852a6.2%206.2%200%200%200-2.969%201.31l.012-.01l-7.828-6.095A2.497%202.497%200%201%200%204.3%204.656l-.012.006l7.697%205.991a6.2%206.2%200%200%200-1.038%203.446a6.2%206.2%200%200%200%201.147%203.607l-.013-.02l-2.342%202.343a2%202%200%200%200-.58-.095h-.002a2.033%202.033%200%201%200%202.033%202.033a2%202%200%200%200-.1-.595l.005.014l2.317-2.317a6.247%206.247%200%201%200%204.782-11.134l-.036-.005zm-.964%209.378a3.206%203.206%200%201%201%203.215-3.207v.002a3.206%203.206%200%200%201-3.207%203.207z%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%22M18.164%207.93V5.084a2.2%202.2%200%200%200%201.267-1.978v-.067A2.2%202.2%200%200%200%2017.238.845h-.067a2.2%202.2%200%200%200-2.193%202.193v.067a2.2%202.2%200%200%200%201.252%201.973l.013.006v2.852a6.2%206.2%200%200%200-2.969%201.31l.012-.01l-7.828-6.095A2.497%202.497%200%201%200%204.3%204.656l-.012.006l7.697%205.991a6.2%206.2%200%200%200-1.038%203.446a6.2%206.2%200%200%200%201.147%203.607l-.013-.02l-2.342%202.343a2%202%200%200%200-.58-.095h-.002a2.033%202.033%200%201%200%202.033%202.033a2%202%200%200%200-.1-.595l.005.014l2.317-2.317a6.247%206.247%200%201%200%204.782-11.134l-.036-.005zm-.964%209.378a3.206%203.206%200%201%201%203.215-3.207v.002a3.206%203.206%200%200%201-3.207%203.207z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/hubspot.svg?color=%231a73e8&size=48
