content: import React from 'react';
  
  export default function Heart(props) {
    const iconStyle = {
      color: '#f11',
    };
  
    const divStyle  = {
      width: '50px',
      height: '50px',
      display: 'flex',
      marginLeft: 'auto',
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: '#f5f5f5'
    };
  
    return (
      <div>
        <div className='heart' style={ divStyle }>
          <span style={ iconStyle }>
            <svg width="100%" height="100%" viewBox="0 0 30 30"><path d="M8.8,23l-0.7,0.7c-0.3,0.3-0.3,0.8,0,1.1C8.2,25,8.4,25,8.6,25S9,25,9.2,24.8l0.7-0.7c0.3-0.3,0.3-0.8,0-1.1  S9.1,22.8,8.8,23z M7,17.2H6c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h1c0.4,0,0.8-0.3,0.8-0.8S7.4,17.2,7,17.2z M15,10.6  c0.4,0,0.8-0.3,0.8-0.8v-1c0-0.4-0.3-0.8-0.8-0.8s-0.8,0.3-0.8,0.8v1C14.2,10.3,14.6,10.6,15,10.6z M9.2,11c-0.3-0.3-0.8-0.3-1.1,0  c-0.3,0.3-0.3,0.8,0,1.1l0.7,0.7C8.9,12.9,9.1,13,9.3,13s0.4-0.1,0.5-0.2c0.3-0.3,0.3-0.8,0-1.1L9.2,11z M18.5,13.3l-3.3,3.2  c-0.5-0.1-1,0-1.4,0.3c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0c0.4-0.4,0.5-0.9,0.4-1.4l3.3-3.2c0.3-0.3,0.3-0.8,0-1.1  C19.3,13,18.8,13,18.5,13.3z M15.8,5.9V5.3c1.1-0.3,2-1.4,2-2.6C17.7,1.3,16.5,0,15,0c-1.5,0-2.7,1.2-2.7,2.7c0,1.2,0.8,2.3,2,2.6  v0.6C8,6.3,3,11.5,3,17.8c0,6.6,5.4,12,12,12s12-5.4,12-12C27,11.5,22,6.3,15.8,5.9z M13.8,2.8c0-0.7,0.5-1.2,1.2-1.2  c0.7,0,1.2,0.5,1.2,1.2C16.2,3.4,15.7,4,15,4C14.3,4,13.8,3.4,13.8,2.8z M15,28.3c-5.8,0-10.5-4.7-10.5-10.5S9.2,7.4,15,7.4  s10.5,4.7,10.5,10.5S20.8,28.3,15,28.3z M15,25.2c-0.4,0-0.8,0.3-0.8,0.8v1c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8v-1  C15.8,25.5,15.4,25.2,15,25.2z M24,17.2h-1c-0.4,0-0.8,0.3-0.8,0.8s0.3,0.8,0.8,0.8h1c0.4,0,0.8-0.3,0.8-0.8S24.4,17.2,24,17.2z   M20.8,11l-0.7,0.7c-0.3,0.3-0.3,0.8,0,1.1c0.1,0.1,0.3,0.2,0.5,0.2c0.2,0,0.4-0.1,0.5-0.2l0.7-0.7c0.3-0.3,0.3-0.8,0-1.1  C21.6,10.7,21.1,10.7,20.8,11z M21.2,23c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l0.7,0.7C21,25,21.2,25,21.4,25  c0.2,0,0.4-0.1,0.5-0.2c0.3-0.3,0.3-0.8,0-1.1L21.2,23z" fill="#262324"/></svg>
          </span>
        </div>
      </div>
    );
  }
  