Home/Libraries/SVG Logos (Iconify)/hubspot

SVG Logos (Iconify)

Hubspot

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 149"><path fill="#818cf8" d="M.06 27.679h17.852v39.662h37.651V27.679h17.875v97.358H55.563V84.542H17.912v40.495H.06zm129.933 65.647c0 8.15-6.64 14.782-14.788 14.782c-8.151 0-14.787-6.632-14.787-14.782V51.41h-16.93v41.916c0 17.487 14.229 31.711 31.717 31.711c17.484 0 31.712-14.224 31.712-31.711V51.41h-16.924zm64.186-41.425c-8.398 0-14.26 2.437-19.921 7.994V27.679h-16.985v59.705c0 22.348 16.158 37.653 34.311 37.653c20.181 0 37.863-15.578 37.863-36.567c0-20.723-16.305-36.569-35.268-36.569m.422 57.423c-11.509 0-20.31-9.612-20.31-20.854c0-11.244 8.801-20.859 20.31-20.859c9.752 0 18.558 9.615 18.558 20.859c0 11.242-8.806 20.854-18.558 20.854m63.373-53.144c0-8.538 5.689-11.245 11.917-11.245c5.014 0 11.649 3.792 15.979 8.398l11.103-13.001c-5.549-7.448-16.788-12.596-25.998-12.596c-18.421 0-31.694 10.7-31.694 28.444c0 32.91 40.497 22.478 40.497 40.902c0 5.682-5.551 10.698-11.913 10.698c-10.026 0-13.278-4.876-17.881-10.024l-12.327 12.729c7.86 9.617 17.608 14.495 29.257 14.495c17.47 0 31.556-10.835 31.556-27.767c0-36.566-40.496-25.188-40.496-41.033m85.21-5.233c-18.151 0-34.311 15.296-34.311 37.649v59.859h16.984v-32.369c5.662 5.553 11.521 7.994 19.922 7.994c18.962 0 35.269-15.844 35.269-36.567c0-20.992-17.687-36.566-37.864-36.566m3.018 57.425c-11.508 0-20.31-9.625-20.31-20.859c0-11.244 8.802-20.859 20.31-20.859c9.75 0 18.557 9.615 18.557 20.859c0 11.234-8.807 20.859-18.557 20.859m159.867.952c-10.018 0-12.862-4.332-12.862-10.971V68.965h15.572V54.069h-15.572v-19.64l-17.195 7.718v59.863c0 15.306 10.56 23.027 25.045 23.027c2.167 0 5.15-.14 6.777-.541l4.199-15.438c-1.896.131-4.062.266-5.964.266"/><path fill="#818cf8" d="M461.278 69.831c-3.256-5.602-7.836-10.093-13.562-13.474c-4.279-2.491-8.716-4.072-13.716-4.751v-17.8c5-2.123 8.103-6.822 8.103-12.304c0-7.472-5.992-13.527-13.458-13.527c-7.472 0-13.569 6.055-13.569 13.527c0 5.482 2.924 10.181 7.924 12.304v17.808c-4 .578-8.148 1.825-11.936 3.741c-7.737-5.876-33.107-25.153-47.948-36.412c.352-1.269.623-2.577.623-3.957c0-8.276-6.702-14.984-14.981-14.984S333.78 6.71 333.78 14.986s6.706 14.985 14.985 14.985c2.824 0 5.436-.826 7.69-2.184l3.132 2.376l43.036 31.008c-2.275 2.089-4.394 4.465-6.089 7.131C393.099 73.737 391 79.717 391 86.24v1.361c0 4.579.87 8.902 2.352 12.963c1.305 3.546 3.213 6.77 5.576 9.685l-14.283 14.318a11.5 11.5 0 0 0-12.166 2.668a11.5 11.5 0 0 0-3.388 8.19c.001 3.093 1.206 6 3.394 8.187a11.5 11.5 0 0 0 8.188 3.394a11.5 11.5 0 0 0 8.191-3.394a11.5 11.5 0 0 0 3.39-8.187c0-1.197-.185-2.365-.533-3.475l14.763-14.765c2.024 1.398 4.21 2.575 6.56 3.59c4.635 2.004 9.751 3.225 15.35 3.225h1.026c6.19 0 12.029-1.454 17.518-4.428c5.784-3.143 10.311-7.441 13.731-12.928c3.438-5.502 5.331-11.581 5.331-18.269v-.334c0-6.579-1.523-12.649-4.722-18.21m-18.038 30.973c-4.007 4.453-8.613 7.196-13.82 7.196h-.858c-2.974 0-5.883-.822-8.731-2.317c-3.21-1.646-5.65-3.994-7.647-6.967c-2.064-2.918-3.184-6.104-3.184-9.482v-1.026c0-3.321.637-6.47 2.243-9.444c1.717-3.251 4.036-5.779 7.12-7.789c3.028-1.996 6.262-2.975 9.864-2.975h.335c3.266 0 6.358.644 9.276 2.137c2.973 1.592 5.402 3.767 7.285 6.628c1.829 2.862 2.917 5.949 3.267 9.312c.055.699.083 1.415.083 2.099c0 4.564-1.744 8.791-5.233 12.628"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. HubspotIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.