import * as React from 'react';
export interface MHeart24Props extends React.SVGProps<SVGSVGElement> { ariaLabel?: string }
export default function MHeart24({ ariaLabel, ...props }: MHeart24Props) {
  return (
    <svg viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor"
         role={ariaLabel ? 'img' : 'presentation'}
         aria-label={ariaLabel || undefined}
         {...props}><g fill="currentColor"><path d="M13.53 20.813A5.1 5.1 0 0 1 12 17.155c0-1.386.544-2.686 1.532-3.66A5.17 5.17 0 0 1 17.186 12q.254 0 .508.024c.449.045.889.147 1.307.303A5.2 5.2 0 0 1 20.818 12c1.172 0 2.273.405 3.182 1.116V2a1 1 0 0 0-.385-.788.99.99 0 0 0-.857-.182L15.04 2.959 9.316 1.052a.97.97 0 0 0-.558-.022l-8 2A1 1 0 0 0 0 4v18a.998.998 0 0 0 1.242.97l7.718-1.929 5.724 1.907c.18.06.375.069.559.021l.376-.094z"/><path d="M23.063 14.92a3.19 3.19 0 0 0-2.566-.904 3.2 3.2 0 0 0-1.498.549 3.2 3.2 0 0 0-4.064.355c-.602.596-.935 1.39-.935 2.235s.333 1.639.936 2.235L19 23.405l4.064-4.015c.603-.596.936-1.39.936-2.235s-.333-1.639-.937-2.235" data-color="color-2"/></g></svg>
  );
}