pizza 02 icon
pizza-02 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- pizza-02
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the pizza 02 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M17.426 2.879A17 17 0 0 0 12 2c-1.905 0-3.732.31-5.426.879c-1.356.456-2.035.683-2.408 1.43c-.374.746-.078 1.49.512 2.979l3.328 8.386C9.68 19.891 10.516 22 12 22s2.32-2.109 3.994-6.326l3.328-8.386c.59-1.488.886-2.233.512-2.98c-.373-.746-1.052-.973-2.408-1.429Z"/><path stroke-linecap="round" d="M19 7.986a3.6 3.6 0 0 1-.819-1.014c-.873-1.62-2.89-2.342-4.662-1.67a3.87 3.87 0 0 1-2.802-.026c-1.758-.705-3.79-.02-4.695 1.584A3.6 3.6 0 0 1 5 8m1 2.329c.39-.21.841-.329 1.322-.329C8.801 10 10 11.13 10 12.524c0 1.226-.927 2.247-2.156 2.476"/><path stroke-linecap="round" stroke-linejoin="round" d="M14 14c-.5 0-1 .5-1 1"/><path stroke-linecap="round" d="M14.125 9H14m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0Z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsPizza02(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M17.426 2.879A17 17 0 0 0 12 2c-1.905 0-3.732.31-5.426.879c-1.356.456-2.035.683-2.408 1.43c-.374.746-.078 1.49.512 2.979l3.328 8.386C9.68 19.891 10.516 22 12 22s2.32-2.109 3.994-6.326l3.328-8.386c.59-1.488.886-2.233.512-2.98c-.373-.746-1.052-.973-2.408-1.429Z"/><path strokeLinecap="round" d="M19 7.986a3.6 3.6 0 0 1-.819-1.014c-.873-1.62-2.89-2.342-4.662-1.67a3.87 3.87 0 0 1-2.802-.026c-1.758-.705-3.79-.02-4.695 1.584A3.6 3.6 0 0 1 5 8m1 2.329c.39-.21.841-.329 1.322-.329C8.801 10 10 11.13 10 12.524c0 1.226-.927 2.247-2.156 2.476"/><path strokeLinecap="round" strokeLinejoin="round" d="M14 14c-.5 0-1 .5-1 1"/><path strokeLinecap="round" d="M14.125 9H14m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M17.426 2.879A17 17 0 0 0 12 2c-1.905 0-3.732.31-5.426.879c-1.356.456-2.035.683-2.408 1.43c-.374.746-.078 1.49.512 2.979l3.328 8.386C9.68 19.891 10.516 22 12 22s2.32-2.109 3.994-6.326l3.328-8.386c.59-1.488.886-2.233.512-2.98c-.373-.746-1.052-.973-2.408-1.429Z"/><path stroke-linecap="round" d="M19 7.986a3.6 3.6 0 0 1-.819-1.014c-.873-1.62-2.89-2.342-4.662-1.67a3.87 3.87 0 0 1-2.802-.026c-1.758-.705-3.79-.02-4.695 1.584A3.6 3.6 0 0 1 5 8m1 2.329c.39-.21.841-.329 1.322-.329C8.801 10 10 11.13 10 12.524c0 1.226-.927 2.247-2.156 2.476"/><path stroke-linecap="round" stroke-linejoin="round" d="M14 14c-.5 0-1 .5-1 1"/><path stroke-linecap="round" d="M14.125 9H14m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0Z"/></g></svg> </template>
CSS
.icon-pizza-02 {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.426%202.879A17%2017%200%200%200%2012%202c-1.905%200-3.732.31-5.426.879c-1.356.456-2.035.683-2.408%201.43c-.374.746-.078%201.49.512%202.979l3.328%208.386C9.68%2019.891%2010.516%2022%2012%2022s2.32-2.109%203.994-6.326l3.328-8.386c.59-1.488.886-2.233.512-2.98c-.373-.746-1.052-.973-2.408-1.429Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M19%207.986a3.6%203.6%200%200%201-.819-1.014c-.873-1.62-2.89-2.342-4.662-1.67a3.87%203.87%200%200%201-2.802-.026c-1.758-.705-3.79-.02-4.695%201.584A3.6%203.6%200%200%201%205%208m1%202.329c.39-.21.841-.329%201.322-.329C8.801%2010%2010%2011.13%2010%2012.524c0%201.226-.927%202.247-2.156%202.476%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14%2014c-.5%200-1%20.5-1%201%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.125%209H14m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.426%202.879A17%2017%200%200%200%2012%202c-1.905%200-3.732.31-5.426.879c-1.356.456-2.035.683-2.408%201.43c-.374.746-.078%201.49.512%202.979l3.328%208.386C9.68%2019.891%2010.516%2022%2012%2022s2.32-2.109%203.994-6.326l3.328-8.386c.59-1.488.886-2.233.512-2.98c-.373-.746-1.052-.973-2.408-1.429Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M19%207.986a3.6%203.6%200%200%201-.819-1.014c-.873-1.62-2.89-2.342-4.662-1.67a3.87%203.87%200%200%201-2.802-.026c-1.758-.705-3.79-.02-4.695%201.584A3.6%203.6%200%200%201%205%208m1%202.329c.39-.21.841-.329%201.322-.329C8.801%2010%2010%2011.13%2010%2012.524c0%201.226-.927%202.247-2.156%202.476%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14%2014c-.5%200-1%20.5-1%201%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.125%209H14m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/pizza-02.svg?color=%231a73e8&size=48
