Home/Libraries/Material Icon Theme (Iconify)/haml

Material Icon Theme (Iconify)

Haml

License: MITCommercial 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 300 300"><path fill="#818cf8" d="M75.766 33.97c-12.149-.304-27.153 6.049-27.153 6.049l49.613 100.64l-26.308 112.47c24.012 20.305 50.496 10.593 50.496 10.593l12.187-87.03c1.54 1.458 3.172 2.794 4.818 4.028c5.289 3.746 11.018 6.609 16.746 8.813c5.73 2.203 11.68 3.966 17.63 5.288c3.967.882 7.711 1.543 11.677 1.984c-1.763 3.966-2.864 8.152-2.643 12.78c0 .44.22.88.661 1.1h.22c4.186 2.204 8.593 3.97 13.44 5.071c4.628.881 9.697 1.323 14.545.662c5.068-.661 10.136-2.645 14.103-5.95s6.831-7.714 8.594-12.34l.22-.221v-.219l.663-5.949v-.222c2.203-1.322 4.406-2.644 6.61-4.406c2.644-2.204 5.068-4.629 6.83-7.714c1.764-3.085 2.865-6.831 2.644-10.577c-.22-3.525-1.544-7.049-3.086-10.134c-1.543-3.085-3.525-5.951-5.728-8.596c-4.408-5.068-9.696-9.253-15.425-12.559c-5.51-3.525-11.68-6.392-17.85-8.375l-2.424-.662l-1.98-.66c-1.322-.44-2.426-1.101-3.527-1.542c-2.204-1.322-3.748-2.645-4.85-4.408c-2.203-3.305-2.423-8.371-1.321-13.66c.22-1.322.662-2.645 1.103-3.967s.88-2.645 1.321-4.188a27 27 0 0 0 .603-4.44l29.451-25.77c-2.295-8.474-27.722-17.303-27.722-17.303l-75.57 64.269l-43.61-82.277c-1.566-.353-3.245-.532-4.98-.575zm108.6 73.763c-.452 2.355-.652 4.836-.652 7.32c.22 3.746 1.323 7.936 3.746 11.462s5.728 6.169 9.034 7.711a30 30 0 0 0 5.07 1.984l2.645.66l2.202.44c5.73 1.543 11.237 3.746 16.305 6.611s9.916 6.39 13.883 10.357s7.052 9.035 7.493 14.103c.22 3.526-.222 6.17-1.324 8.373c-1.101 2.424-2.864 4.627-4.847 6.61c-.881.882-1.983 1.762-2.864 2.423q0-2.974-.66-5.948c-.22-1.102-.442-1.983-.882-3.085c-.44-.881-.88-1.982-1.982-2.643c-.22 0-.443-.001-.443.219c-1.322 3.305-3.525 6.171-5.948 8.154s-5.51 2.864-8.594 3.085c-3.085.22-6.392-.44-9.697-1.322c-3.306-.881-6.609-1.985-9.914-3.086l-.443-.221c-.661-.22-1.539.002-1.98.443c-1.762 2.204-3.086 4.184-4.628 6.388a59 59 0 0 0-2.864 5.07c-3.967-1.543-7.715-2.866-11.68-4.408c-5.51-2.204-11.02-4.406-16.087-7.05c-5.289-2.424-10.354-5.29-14.761-8.596c-3.178-2.383-6.114-4.886-8.255-7.747l2.424-17.318z"/></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. HamlIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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