Todo List using reactjs and tailwind

For some reason, tailwind couldn't add the checkmark I tried the code below, but it wouldn't work, what amazed me was if i add anything else in the content of the before, it works but as soon as i try puting a checkmark or any other unicode character, it just shows blank, if anyone knows the reason, i will appreciate feedback....

        <div  className={` cursor-pointer w-full h-full flex items-center gap-5`} >
          <input className='absolute opacity-0 peer' type="checkbox" id={id} checked={complete} onChange={onChange} />
          <label className={`peer-checked:before:content-["\\2713"] before:rounded-full`} htmlFor={ id }>{ title }</label>
        </div>