pizza icon
pizza-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.
- Name
- pizza-sharp
- Set
- IonIcons
- Style
- Sharp
- 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="M442.3 67.82C383.92 44.72 317.78 32 256 32c-63.57 0-129.8 12.51-186.56 35.25C49.18 75.48 42 80 42 80l22 44l37.53-16.14C147.58 89.53 199.19 80 256.51 80c57.49 0 108.09 9.23 154.75 28.25L448 124l22-44s-7-4-27.7-12.18"/><ellipse cx="320.48" cy="207.99" fill="none" rx="31.97" ry="32.03" transform="rotate(-44.98 320.503 207.996)"/><ellipse cx="192.48" cy="191.99" fill="none" rx="31.97" ry="32.03" transform="rotate(-44.98 192.49 191.992)"/><ellipse cx="256.48" cy="319.99" fill="none" rx="31.97" ry="32.03" transform="rotate(-44.98 256.505 320)"/><path fill="currentColor" d="M409.66 140.85C364.15 122.52 308.16 112 256 112a425 425 0 0 0-153.7 28.9c-.25.1-9.24 4.23-19 8.71c7.46 16.22 18 39.16 22.2 48.33L256 480l173.74-330.84l-19.92-8.24Zm-185.25 53.22a32 32 0 1 1-34-34a32.12 32.12 0 0 1 34 34m64 128a32 32 0 1 1-34-34a32.12 32.12 0 0 1 34 34m64-112a32 32 0 1 1-34-34a32.12 32.12 0 0 1 34 34"/></svg>
React
import type { SVGProps } from "react";
export function IonPizzaSharp(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="M442.3 67.82C383.92 44.72 317.78 32 256 32c-63.57 0-129.8 12.51-186.56 35.25C49.18 75.48 42 80 42 80l22 44l37.53-16.14C147.58 89.53 199.19 80 256.51 80c57.49 0 108.09 9.23 154.75 28.25L448 124l22-44s-7-4-27.7-12.18"/><ellipse cx="320.48" cy="207.99" fill="none" rx="31.97" ry="32.03" transform="rotate(-44.98 320.503 207.996)"/><ellipse cx="192.48" cy="191.99" fill="none" rx="31.97" ry="32.03" transform="rotate(-44.98 192.49 191.992)"/><ellipse cx="256.48" cy="319.99" fill="none" rx="31.97" ry="32.03" transform="rotate(-44.98 256.505 320)"/><path fill="currentColor" d="M409.66 140.85C364.15 122.52 308.16 112 256 112a425 425 0 0 0-153.7 28.9c-.25.1-9.24 4.23-19 8.71c7.46 16.22 18 39.16 22.2 48.33L256 480l173.74-330.84l-19.92-8.24Zm-185.25 53.22a32 32 0 1 1-34-34a32.12 32.12 0 0 1 34 34m64 128a32 32 0 1 1-34-34a32.12 32.12 0 0 1 34 34m64-112a32 32 0 1 1-34-34a32.12 32.12 0 0 1 34 34"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M442.3 67.82C383.92 44.72 317.78 32 256 32c-63.57 0-129.8 12.51-186.56 35.25C49.18 75.48 42 80 42 80l22 44l37.53-16.14C147.58 89.53 199.19 80 256.51 80c57.49 0 108.09 9.23 154.75 28.25L448 124l22-44s-7-4-27.7-12.18"/><ellipse cx="320.48" cy="207.99" fill="none" rx="31.97" ry="32.03" transform="rotate(-44.98 320.503 207.996)"/><ellipse cx="192.48" cy="191.99" fill="none" rx="31.97" ry="32.03" transform="rotate(-44.98 192.49 191.992)"/><ellipse cx="256.48" cy="319.99" fill="none" rx="31.97" ry="32.03" transform="rotate(-44.98 256.505 320)"/><path fill="currentColor" d="M409.66 140.85C364.15 122.52 308.16 112 256 112a425 425 0 0 0-153.7 28.9c-.25.1-9.24 4.23-19 8.71c7.46 16.22 18 39.16 22.2 48.33L256 480l173.74-330.84l-19.92-8.24Zm-185.25 53.22a32 32 0 1 1-34-34a32.12 32.12 0 0 1 34 34m64 128a32 32 0 1 1-34-34a32.12 32.12 0 0 1 34 34m64-112a32 32 0 1 1-34-34a32.12 32.12 0 0 1 34 34"/></svg> </template>
CSS
.icon-pizza-sharp {
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%22M442.3%2067.82C383.92%2044.72%20317.78%2032%20256%2032c-63.57%200-129.8%2012.51-186.56%2035.25C49.18%2075.48%2042%2080%2042%2080l22%2044l37.53-16.14C147.58%2089.53%20199.19%2080%20256.51%2080c57.49%200%20108.09%209.23%20154.75%2028.25L448%20124l22-44s-7-4-27.7-12.18%22%2F%3E%3Cellipse%20cx%3D%22320.48%22%20cy%3D%22207.99%22%20fill%3D%22none%22%20rx%3D%2231.97%22%20ry%3D%2232.03%22%20transform%3D%22rotate(-44.98%20320.503%20207.996)%22%2F%3E%3Cellipse%20cx%3D%22192.48%22%20cy%3D%22191.99%22%20fill%3D%22none%22%20rx%3D%2231.97%22%20ry%3D%2232.03%22%20transform%3D%22rotate(-44.98%20192.49%20191.992)%22%2F%3E%3Cellipse%20cx%3D%22256.48%22%20cy%3D%22319.99%22%20fill%3D%22none%22%20rx%3D%2231.97%22%20ry%3D%2232.03%22%20transform%3D%22rotate(-44.98%20256.505%20320)%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M409.66%20140.85C364.15%20122.52%20308.16%20112%20256%20112a425%20425%200%200%200-153.7%2028.9c-.25.1-9.24%204.23-19%208.71c7.46%2016.22%2018%2039.16%2022.2%2048.33L256%20480l173.74-330.84l-19.92-8.24Zm-185.25%2053.22a32%2032%200%201%201-34-34a32.12%2032.12%200%200%201%2034%2034m64%20128a32%2032%200%201%201-34-34a32.12%2032.12%200%200%201%2034%2034m64-112a32%2032%200%201%201-34-34a32.12%2032.12%200%200%201%2034%2034%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%22M442.3%2067.82C383.92%2044.72%20317.78%2032%20256%2032c-63.57%200-129.8%2012.51-186.56%2035.25C49.18%2075.48%2042%2080%2042%2080l22%2044l37.53-16.14C147.58%2089.53%20199.19%2080%20256.51%2080c57.49%200%20108.09%209.23%20154.75%2028.25L448%20124l22-44s-7-4-27.7-12.18%22%2F%3E%3Cellipse%20cx%3D%22320.48%22%20cy%3D%22207.99%22%20fill%3D%22none%22%20rx%3D%2231.97%22%20ry%3D%2232.03%22%20transform%3D%22rotate(-44.98%20320.503%20207.996)%22%2F%3E%3Cellipse%20cx%3D%22192.48%22%20cy%3D%22191.99%22%20fill%3D%22none%22%20rx%3D%2231.97%22%20ry%3D%2232.03%22%20transform%3D%22rotate(-44.98%20192.49%20191.992)%22%2F%3E%3Cellipse%20cx%3D%22256.48%22%20cy%3D%22319.99%22%20fill%3D%22none%22%20rx%3D%2231.97%22%20ry%3D%2232.03%22%20transform%3D%22rotate(-44.98%20256.505%20320)%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M409.66%20140.85C364.15%20122.52%20308.16%20112%20256%20112a425%20425%200%200%200-153.7%2028.9c-.25.1-9.24%204.23-19%208.71c7.46%2016.22%2018%2039.16%2022.2%2048.33L256%20480l173.74-330.84l-19.92-8.24Zm-185.25%2053.22a32%2032%200%201%201-34-34a32.12%2032.12%200%200%201%2034%2034m64%20128a32%2032%200%201%201-34-34a32.12%2032.12%200%200%201%2034%2034m64-112a32%2032%200%201%201-34-34a32.12%2032.12%200%200%201%2034%2034%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/pizza-sharp.svg?color=%231a73e8&size=48
