Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Ionicons 5 · IoPizzaSharp

Pizza Sharp icon

A free pizza sharp icon from Ionicons 5, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: MIT license
Project: ionicons.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/ionicons-5/pizza-sharp.json

components/icons/ionicons-5-pizza-sharp.tsx

import * as React from "react";

/**
 * Pizza Sharp from Ionicons 5 (https://ionicons.com/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/ionicons-5/pizza-sharp. Sized in em, colored by currentColor.
 */
export function IoPizzaSharpIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        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 44 37.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
        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.71 7.46 16.22 18 39.16 22.2 48.33L256 480l173.74-330.84-19.92-8.24zm-185.25 53.22a32 32 0 1 1-34-34 32.12 32.12 0 0 1 34 34m64 128a32 32 0 1 1-34-34 32.12 32.12 0 0 1 34 34m64-112a32 32 0 1 1-34-34 32.12 32.12 0 0 1 34 34"
      />
    </svg>
  );
}

With react-icons

import { IoPizzaSharp } from "react-icons/io5";

export function Example() {
  return <IoPizzaSharp className="size-5" />;
}

pizza-sharp.svg

<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    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 44 37.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
    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.71 7.46 16.22 18 39.16 22.2 48.33L256 480l173.74-330.84-19.92-8.24zm-185.25 53.22a32 32 0 1 1-34-34 32.12 32.12 0 0 1 34 34m64 128a32 32 0 1 1-34-34 32.12 32.12 0 0 1 34 34m64-112a32 32 0 1 1-34-34 32.12 32.12 0 0 1 34 34"
  />
</svg>

Attribution

"Pizza Sharp" icon from Ionicons 5 (https://ionicons.com/), licensed under MIT license.

Related icons:

Similar Ionicons 5 icons