pizza icon
pizza-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- pizza-outline
- Set
- IonIcons
- Style
- Outline
- 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="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M404.76 123.08C358.37 104.18 309.69 96 256 96s-106.1 9-148.9 26.68c-8.08 3.3-15.26 9-10.07 19.5C101.24 150.71 203 375 241.66 455a15.94 15.94 0 0 0 28.72 0l144.05-312.22c3.19-6.9.9-15.4-9.67-19.7Z"/><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M436.38 82.68C384.31 62.08 320.17 48 256 48S128.65 60.78 75.48 82.08C70.79 84 62 88.43 64.41 95.88L74.09 120c4 8.2 8.67 8.2 15.06 8.2c1.79 0 4.29-1 7.28-2.18A442.5 442.5 0 0 1 256 96c56.76 0 114.91 12 159.6 30c3.59 1.4 5.59 2.18 7.28 2.18c6.58 0 10.38 2.19 15-8.1L447.65 96c2.01-6-4.99-10.82-11.27-13.32Z"/><circle cx="192" cy="192" r="32" fill="currentColor"/><circle cx="320" cy="208" r="32" fill="currentColor"/><circle cx="256" cy="320" r="32" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonPizzaOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M404.76 123.08C358.37 104.18 309.69 96 256 96s-106.1 9-148.9 26.68c-8.08 3.3-15.26 9-10.07 19.5C101.24 150.71 203 375 241.66 455a15.94 15.94 0 0 0 28.72 0l144.05-312.22c3.19-6.9.9-15.4-9.67-19.7Z"/><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M436.38 82.68C384.31 62.08 320.17 48 256 48S128.65 60.78 75.48 82.08C70.79 84 62 88.43 64.41 95.88L74.09 120c4 8.2 8.67 8.2 15.06 8.2c1.79 0 4.29-1 7.28-2.18A442.5 442.5 0 0 1 256 96c56.76 0 114.91 12 159.6 30c3.59 1.4 5.59 2.18 7.28 2.18c6.58 0 10.38 2.19 15-8.1L447.65 96c2.01-6-4.99-10.82-11.27-13.32Z"/><circle cx="192" cy="192" r="32" fill="currentColor"/><circle cx="320" cy="208" r="32" fill="currentColor"/><circle cx="256" cy="320" r="32" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M404.76 123.08C358.37 104.18 309.69 96 256 96s-106.1 9-148.9 26.68c-8.08 3.3-15.26 9-10.07 19.5C101.24 150.71 203 375 241.66 455a15.94 15.94 0 0 0 28.72 0l144.05-312.22c3.19-6.9.9-15.4-9.67-19.7Z"/><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M436.38 82.68C384.31 62.08 320.17 48 256 48S128.65 60.78 75.48 82.08C70.79 84 62 88.43 64.41 95.88L74.09 120c4 8.2 8.67 8.2 15.06 8.2c1.79 0 4.29-1 7.28-2.18A442.5 442.5 0 0 1 256 96c56.76 0 114.91 12 159.6 30c3.59 1.4 5.59 2.18 7.28 2.18c6.58 0 10.38 2.19 15-8.1L447.65 96c2.01-6-4.99-10.82-11.27-13.32Z"/><circle cx="192" cy="192" r="32" fill="currentColor"/><circle cx="320" cy="208" r="32" fill="currentColor"/><circle cx="256" cy="320" r="32" fill="currentColor"/></svg> </template>
CSS
.icon-pizza-outline {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M404.76%20123.08C358.37%20104.18%20309.69%2096%20256%2096s-106.1%209-148.9%2026.68c-8.08%203.3-15.26%209-10.07%2019.5C101.24%20150.71%20203%20375%20241.66%20455a15.94%2015.94%200%200%200%2028.72%200l144.05-312.22c3.19-6.9.9-15.4-9.67-19.7Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M436.38%2082.68C384.31%2062.08%20320.17%2048%20256%2048S128.65%2060.78%2075.48%2082.08C70.79%2084%2062%2088.43%2064.41%2095.88L74.09%20120c4%208.2%208.67%208.2%2015.06%208.2c1.79%200%204.29-1%207.28-2.18A442.5%20442.5%200%200%201%20256%2096c56.76%200%20114.91%2012%20159.6%2030c3.59%201.4%205.59%202.18%207.28%202.18c6.58%200%2010.38%202.19%2015-8.1L447.65%2096c2.01-6-4.99-10.82-11.27-13.32Z%22%2F%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22192%22%20r%3D%2232%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22208%22%20r%3D%2232%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22320%22%20r%3D%2232%22%20fill%3D%22currentColor%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%22none%22%20stroke%3D%22currentColor%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M404.76%20123.08C358.37%20104.18%20309.69%2096%20256%2096s-106.1%209-148.9%2026.68c-8.08%203.3-15.26%209-10.07%2019.5C101.24%20150.71%20203%20375%20241.66%20455a15.94%2015.94%200%200%200%2028.72%200l144.05-312.22c3.19-6.9.9-15.4-9.67-19.7Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M436.38%2082.68C384.31%2062.08%20320.17%2048%20256%2048S128.65%2060.78%2075.48%2082.08C70.79%2084%2062%2088.43%2064.41%2095.88L74.09%20120c4%208.2%208.67%208.2%2015.06%208.2c1.79%200%204.29-1%207.28-2.18A442.5%20442.5%200%200%201%20256%2096c56.76%200%20114.91%2012%20159.6%2030c3.59%201.4%205.59%202.18%207.28%202.18c6.58%200%2010.38%202.19%2015-8.1L447.65%2096c2.01-6-4.99-10.82-11.27-13.32Z%22%2F%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22192%22%20r%3D%2232%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22208%22%20r%3D%2232%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22320%22%20r%3D%2232%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/pizza-outline.svg?color=%231a73e8&size=48
