Cookies
ob-cookies
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 { BoldCookies } from 'onebit-icon-react';
<BoldCookies size={24} />SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="24" height="24" fill="none"><path fill="currentColor" d="M10.667 0a5.334 5.334 0 0 0-5.334 5.333 5.334 5.334 0 1 0 5.334 5.334A5.334 5.334 0 0 0 16 5.334 5.334 5.334 0 0 1 10.667 0ZM5.334 14.666c-2.206 0-4-1.794-4-3.999 0-2.206 1.794-4 4-4 2.205 0 4 1.794 4 4 0 2.205-1.795 4-4 4Zm5.333-5.333c-.06 0-.119-.006-.177-.01a5.328 5.328 0 0 0-1.008-2.005.997.997 0 1 0-1.142-1.055 5.307 5.307 0 0 0-1.664-.753c-.003-.059-.01-.117-.01-.176a4.007 4.007 0 0 1 2.84-3.829 6.689 6.689 0 0 0 4.989 4.99 4.007 4.007 0 0 1-3.828 2.838Z"/> <path fill="currentColor" d="M6.571 13.143a1.143 1.143 0 1 0 0-2.286 1.143 1.143 0 0 0 0 2.286Zm-3.142-2.286c.63 0 1.142-.256 1.142-.571 0-.316-.511-.572-1.142-.572-.632 0-1.143.256-1.143.572 0 .315.511.57 1.143.57Zm2.857-1.714a.571.571 0 1 0 0-1.143.571.571 0 0 0 0 1.143Z"/></svg>
CSS mask
.icon-ob-cookies {
width: 24px; height: 24px;
background: currentColor;
mask: url("https://icons.onebit.ng/icons/bold-Cookies.svg") center / contain no-repeat;
}