Home/Libraries/Logos free icons (Iconify)/hbo-max-logo-solid

Logos free icons (Iconify)

HboMaxLogoSolid

License: CC-BY-4.0

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 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M4 11V8h1v3h2V3H5v3H4V3H2v8zm4-8h3.214C12.582 3 14 3.963 14 5.5c0 .593-.21 1.1-.549 1.5c.338.4.549.907.549 1.5c0 1.537-1.418 2.5-2.786 2.5H8zm3.214 3c.27 0 .485-.092.62-.205c.132-.111.166-.22.166-.295c0-.076-.034-.184-.166-.295a.97.97 0 0 0-.62-.205H10v1zM10 8h1.214c.27 0 .485.092.62.205c.132.111.166.22.166.295c0 .076-.034.184-.166.295a.97.97 0 0 1-.62.205H10zm8-3a2 2 0 1 0 0 4a2 2 0 0 0 0-4m-4 2a4 4 0 1 1 8 0a4 4 0 0 1-8 0m4.58 6.025a.75.75 0 0 0-1.16.95l1.86 2.275l-1.86 2.275a.75.75 0 0 0 1.16.95l1.67-2.04l1.67 2.04a.75.75 0 0 0 1.16-.95l-1.86-2.275l1.861-2.275a.75.75 0 0 0-1.16-.95l-1.67 2.04l-1.67-2.04ZM13.5 14.25c-.9 0-1.75.827-1.75 2s.85 2 1.75 2s1.75-.827 1.75-2s-.85-2-1.75-2m0-1.5c.665 0 1.27.21 1.773.563a.75.75 0 0 1 1.477.187V19a.75.75 0 0 1-1.477.187a3.06 3.06 0 0 1-1.773.563c-1.86 0-3.25-1.636-3.25-3.5s1.39-3.5 3.25-3.5m-3.25 2.75V19a.75.75 0 0 1-1.5 0v-3.5a1.25 1.25 0 1 0-2.5 0V19a.75.75 0 0 1-1.5 0v-3.5a1.25 1.25 0 1 0-2.5 0V19a.75.75 0 0 1-1.5 0v-3.5a2.75 2.75 0 0 1 4.75-1.887a2.75 2.75 0 0 1 4.75 1.887M18 8a1 1 0 1 0 0-2a1 1 0 0 0 0 2" clip-rule="evenodd"/></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. HboMaxLogoSolidIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.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.