pizza icon
pizza from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- pizza
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
Use the pizza icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M441.82 67.83C383.44 44.73 317.3 32 255.56 32C192 32 125.76 44.53 69 67.26C48.7 75.49 45.21 90 48.71 100.82L52.78 111a16 16 0 0 0 21.31 8.69c10.8-4.76 23.93-10.54 27-11.78C145.1 89.64 198.71 80 256 80c57.47 0 108.09 9.24 154.76 28.25c4.42 1.8 14.88 6.42 26.17 11.46a16 16 0 0 0 21.35-8.59L462 102l.34-.9c3.45-10.21.14-25.05-20.52-33.27"/><path fill="currentColor" d="M409.18 140.86C363.67 122.53 307.68 112 255.56 112a425 425 0 0 0-153.74 28.89c-.53.21-2.06.88-4.29 1.88a16 16 0 0 0-8 21.27c4 8.71 9.42 20.58 15.5 33.89C137.94 270 199.21 404 227.26 462A31.74 31.74 0 0 0 256 480a31.73 31.73 0 0 0 28.76-18.06l.06-.13l137.3-297.57a15.94 15.94 0 0 0-8.31-21.45c-2.26-.95-3.85-1.61-4.5-1.87Zm-215.1 83.07a32 32 0 1 1 29.85-29.85a32 32 0 0 1-29.85 29.85m64 128a32 32 0 1 1 29.85-29.85a32 32 0 0 1-29.85 29.85m64-112a32 32 0 1 1 29.85-29.85a32 32 0 0 1-29.85 29.85"/></svg>
React
import type { SVGProps } from "react";
export function IonPizza(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M441.82 67.83C383.44 44.73 317.3 32 255.56 32C192 32 125.76 44.53 69 67.26C48.7 75.49 45.21 90 48.71 100.82L52.78 111a16 16 0 0 0 21.31 8.69c10.8-4.76 23.93-10.54 27-11.78C145.1 89.64 198.71 80 256 80c57.47 0 108.09 9.24 154.76 28.25c4.42 1.8 14.88 6.42 26.17 11.46a16 16 0 0 0 21.35-8.59L462 102l.34-.9c3.45-10.21.14-25.05-20.52-33.27"/><path fill="currentColor" d="M409.18 140.86C363.67 122.53 307.68 112 255.56 112a425 425 0 0 0-153.74 28.89c-.53.21-2.06.88-4.29 1.88a16 16 0 0 0-8 21.27c4 8.71 9.42 20.58 15.5 33.89C137.94 270 199.21 404 227.26 462A31.74 31.74 0 0 0 256 480a31.73 31.73 0 0 0 28.76-18.06l.06-.13l137.3-297.57a15.94 15.94 0 0 0-8.31-21.45c-2.26-.95-3.85-1.61-4.5-1.87Zm-215.1 83.07a32 32 0 1 1 29.85-29.85a32 32 0 0 1-29.85 29.85m64 128a32 32 0 1 1 29.85-29.85a32 32 0 0 1-29.85 29.85m64-112a32 32 0 1 1 29.85-29.85a32 32 0 0 1-29.85 29.85"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M441.82 67.83C383.44 44.73 317.3 32 255.56 32C192 32 125.76 44.53 69 67.26C48.7 75.49 45.21 90 48.71 100.82L52.78 111a16 16 0 0 0 21.31 8.69c10.8-4.76 23.93-10.54 27-11.78C145.1 89.64 198.71 80 256 80c57.47 0 108.09 9.24 154.76 28.25c4.42 1.8 14.88 6.42 26.17 11.46a16 16 0 0 0 21.35-8.59L462 102l.34-.9c3.45-10.21.14-25.05-20.52-33.27"/><path fill="currentColor" d="M409.18 140.86C363.67 122.53 307.68 112 255.56 112a425 425 0 0 0-153.74 28.89c-.53.21-2.06.88-4.29 1.88a16 16 0 0 0-8 21.27c4 8.71 9.42 20.58 15.5 33.89C137.94 270 199.21 404 227.26 462A31.74 31.74 0 0 0 256 480a31.73 31.73 0 0 0 28.76-18.06l.06-.13l137.3-297.57a15.94 15.94 0 0 0-8.31-21.45c-2.26-.95-3.85-1.61-4.5-1.87Zm-215.1 83.07a32 32 0 1 1 29.85-29.85a32 32 0 0 1-29.85 29.85m64 128a32 32 0 1 1 29.85-29.85a32 32 0 0 1-29.85 29.85m64-112a32 32 0 1 1 29.85-29.85a32 32 0 0 1-29.85 29.85"/></svg> </template>
CSS
.icon-pizza {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M441.82%2067.83C383.44%2044.73%20317.3%2032%20255.56%2032C192%2032%20125.76%2044.53%2069%2067.26C48.7%2075.49%2045.21%2090%2048.71%20100.82L52.78%20111a16%2016%200%200%200%2021.31%208.69c10.8-4.76%2023.93-10.54%2027-11.78C145.1%2089.64%20198.71%2080%20256%2080c57.47%200%20108.09%209.24%20154.76%2028.25c4.42%201.8%2014.88%206.42%2026.17%2011.46a16%2016%200%200%200%2021.35-8.59L462%20102l.34-.9c3.45-10.21.14-25.05-20.52-33.27%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M409.18%20140.86C363.67%20122.53%20307.68%20112%20255.56%20112a425%20425%200%200%200-153.74%2028.89c-.53.21-2.06.88-4.29%201.88a16%2016%200%200%200-8%2021.27c4%208.71%209.42%2020.58%2015.5%2033.89C137.94%20270%20199.21%20404%20227.26%20462A31.74%2031.74%200%200%200%20256%20480a31.73%2031.73%200%200%200%2028.76-18.06l.06-.13l137.3-297.57a15.94%2015.94%200%200%200-8.31-21.45c-2.26-.95-3.85-1.61-4.5-1.87Zm-215.1%2083.07a32%2032%200%201%201%2029.85-29.85a32%2032%200%200%201-29.85%2029.85m64%20128a32%2032%200%201%201%2029.85-29.85a32%2032%200%200%201-29.85%2029.85m64-112a32%2032%200%201%201%2029.85-29.85a32%2032%200%200%201-29.85%2029.85%22%2F%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M441.82%2067.83C383.44%2044.73%20317.3%2032%20255.56%2032C192%2032%20125.76%2044.53%2069%2067.26C48.7%2075.49%2045.21%2090%2048.71%20100.82L52.78%20111a16%2016%200%200%200%2021.31%208.69c10.8-4.76%2023.93-10.54%2027-11.78C145.1%2089.64%20198.71%2080%20256%2080c57.47%200%20108.09%209.24%20154.76%2028.25c4.42%201.8%2014.88%206.42%2026.17%2011.46a16%2016%200%200%200%2021.35-8.59L462%20102l.34-.9c3.45-10.21.14-25.05-20.52-33.27%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M409.18%20140.86C363.67%20122.53%20307.68%20112%20255.56%20112a425%20425%200%200%200-153.74%2028.89c-.53.21-2.06.88-4.29%201.88a16%2016%200%200%200-8%2021.27c4%208.71%209.42%2020.58%2015.5%2033.89C137.94%20270%20199.21%20404%20227.26%20462A31.74%2031.74%200%200%200%20256%20480a31.73%2031.73%200%200%200%2028.76-18.06l.06-.13l137.3-297.57a15.94%2015.94%200%200%200-8.31-21.45c-2.26-.95-3.85-1.61-4.5-1.87Zm-215.1%2083.07a32%2032%200%201%201%2029.85-29.85a32%2032%200%200%201-29.85%2029.85m64%20128a32%2032%200%201%201%2029.85-29.85a32%2032%200%200%201-29.85%2029.85m64-112a32%2032%200%201%201%2029.85-29.85a32%2032%200%200%201-29.85%2029.85%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/pizza.svg?color=%231a73e8&size=48
