Burger
ob-burger
Drawn in-house in Nigeria for Deploy Icons. Available at one weight, free under the MIT licence.
Weights
- Thin
- Light
- Regular
- Bold
- Fill
- Duotone
Use it
React
import { BoldBurger } from 'onebit-icon-react';
<BoldBurger size={24} />SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -1.5 15 15" width="24" height="24" fill="none"><path fill="currentColor" d="M8.038 8.802c.223.224.44.459.648.71l.65.787.843-.58c.409-.282.772-.59 1.092-.917h3.479a2.23 2.23 0 0 1-2.23 2.23H2.48a2.23 2.23 0 0 1-2.23-2.23h7.788Z"/> <path fill="currentColor" fill-rule="evenodd" d="M7.5.25c4.004 0 7.25 1.831 7.25 4.09v.743h-2.974l-.01.27c-.099 1.345-.928 2.557-2.221 3.449-1.841-2.227-4.366-3.63-7.164-3.715l-.272-.004H.25V4.34C.25 2.08 3.496.25 7.5.25Zm-.024 4.833c.766.45 1.493.997 2.168 1.643.357-.436.645-.99.645-1.643H7.476ZM7.5 1.737c-2.748 0-4.72.942-5.451 1.86h10.903c-.73-.918-2.703-1.86-5.452-1.86Z" clip-rule="evenodd"/> <path fill="currentColor" d="M2.11 6.198c1.633 0 3.203.523 4.592 1.488H.994a.743.743 0 1 1 0-1.488H2.11Zm11.897 0a.743.743 0 0 1 0 1.488h-1.862c.286-.472.486-.97.608-1.488h1.254Z"/></svg>
CSS mask
.icon-ob-burger {
width: 24px; height: 24px;
background: currentColor;
mask: url("https://icons.onebit.ng/icons/bold-Burger.svg") center / contain no-repeat;
}