Home Three

import { BoldHomeThree } from 'onebit-icon-react';

<BoldHomeThree size={24} />

<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 0 14 14" width="24" height="24" fill="none"><path fill="currentColor" d="M6.783 10.407H5.217v-2.89h1.566v2.89Z"/>
  <path fill="currentColor" fill-rule="evenodd" d="M6 .236c.303 0 .61.132.811.228.24.114.51.268.786.44a29.5 29.5 0 0 1 1.802 1.245 68.801 68.801 0 0 1 2.119 1.627l.142.113.037.03.01.009.003.002v.001l.066.059a.78.78 0 0 1 .224.546v7.92c0 .43-.35.78-.783.78H0v-8.7a.78.78 0 0 1 .29-.605V3.93l.002-.002.01-.008.038-.03.142-.114a75.467 75.467 0 0 1 2.119-1.627A29.836 29.836 0 0 1 4.403.904a8.28 8.28 0 0 1 .786-.44C5.39.368 5.697.236 6 .236Zm-.137 1.635a6.789 6.789 0 0 0-.63.357c-.505.314-1.111.74-1.703 1.176A67.215 67.215 0 0 0 1.565 4.91v6.766h8.87V4.91A77.752 77.752 0 0 0 8.47 3.404a28.346 28.346 0 0 0-1.703-1.176 6.789 6.789 0 0 0-.63-.357c-.062-.029-.107-.046-.137-.058-.03.012-.075.03-.137.058Z" clip-rule="evenodd"/></svg>

.icon-ob-home-three {
  width: 24px; height: 24px;
  background: currentColor;
  mask: url("https://icons.onebit.ng/icons/bold-HomeThree.svg") center / contain no-repeat;
}