Weights
- Thin
- Light
- Regular
- Bold
- Fill
- Duotone
Use it
React
import { RegularPizza } from 'onebit-icon-react';
<RegularPizza size={24} />SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="24" height="24" fill="none"><path d="M25.16,70.9a8,8,0,0,1,2.7-11,193.49,193.49,0,0,1,200.28,0,8,8,0,0,1,2.7,11l-96,157.26a8,8,0,0,1-13.7,0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M37.9,91.76a160.1,160.1,0,0,1,180.2,0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M154,196.79a32,32,0,1,1,33.2-54.39" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M53.74,117.71a32,32,0,1,1,30.65,50" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
CSS mask
.icon-pizza {
width: 24px; height: 24px;
background: currentColor;
mask: url("https://icons.onebit.ng/icons/regular-pizza.svg") center / contain no-repeat;
}