Skip to content
Cuelark UI

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

Game Icons · GiButter

Butter icon

A free butter icon from Game Icons, 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
CC BY 3.0 license
Project
game-icons.net
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/butter.json
components/icons/game-icons-butter.tsx
import * as React from "react";

/**
 * Butter from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/butter. Sized in em, colored by currentColor.
 */
export function GiButterIcon(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="M49.57 57.56c-.45 0-.89 0-1.34.1-1.19.14-2.37.42-3.56.81-4.77 1.56-9.63 5.58-12.88 10.8-3.26 5.23-4.78 11.42-4.04 16.67.73 5.25 3.17 9.8 9.84 13.8L240.2 219.8l11-22.9C227.2 179.8 88.49 81.78 59.71 61.19c-3.74-2.69-7-3.7-10.14-3.63zm6.19 19.95a8 8 0 0 1 8 8 8 8 0 0 1-8 8.03 8 8 0 0 1-8-8.03 8 8 0 0 1 8-8zm22.88 14.33a8 8 0 0 1 8 8 8 8 0 0 1-8 7.96 8 8 0 0 1-8-7.96 8 8 0 0 1 8-8zM266.6 206.4l-18.1 37.9c10.9 7.4 25 17.1 40.8 27.7l3.3-48.5zm-144.9 21.3c-2.5 39-22 78.8-73.97 109.2-5.98 26.5-7.27 54-6.04 81.5H316.5c2.6-34.3 4.3-70 6-103.3 1.7-32.4 3.7-57.9 7.8-87.4h-20l-7.1 76.3c-23.6-17-51.7-36.2-77.7-53.4l10.6-22.9zm240.3 0c-16.7.8-16.5 22-17.8 33.3l-9.6 157.4h88.7l-11.6-150.1c-1.3-20-9.2-40.3-26.7-40.6zm71.5 88.5l3 39.1c14.8 4.9 48 17.3 58.5 1.3zM17 436.4v18h432.4v-18z"
      />
    </svg>
  );
}
With react-icons
import { GiButter } from "react-icons/gi";

export function Example() {
  return <GiButter className="size-5" />;
}
butter.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="M49.57 57.56c-.45 0-.89 0-1.34.1-1.19.14-2.37.42-3.56.81-4.77 1.56-9.63 5.58-12.88 10.8-3.26 5.23-4.78 11.42-4.04 16.67.73 5.25 3.17 9.8 9.84 13.8L240.2 219.8l11-22.9C227.2 179.8 88.49 81.78 59.71 61.19c-3.74-2.69-7-3.7-10.14-3.63zm6.19 19.95a8 8 0 0 1 8 8 8 8 0 0 1-8 8.03 8 8 0 0 1-8-8.03 8 8 0 0 1 8-8zm22.88 14.33a8 8 0 0 1 8 8 8 8 0 0 1-8 7.96 8 8 0 0 1-8-7.96 8 8 0 0 1 8-8zM266.6 206.4l-18.1 37.9c10.9 7.4 25 17.1 40.8 27.7l3.3-48.5zm-144.9 21.3c-2.5 39-22 78.8-73.97 109.2-5.98 26.5-7.27 54-6.04 81.5H316.5c2.6-34.3 4.3-70 6-103.3 1.7-32.4 3.7-57.9 7.8-87.4h-20l-7.1 76.3c-23.6-17-51.7-36.2-77.7-53.4l10.6-22.9zm240.3 0c-16.7.8-16.5 22-17.8 33.3l-9.6 157.4h88.7l-11.6-150.1c-1.3-20-9.2-40.3-26.7-40.6zm71.5 88.5l3 39.1c14.8 4.9 48 17.3 58.5 1.3zM17 436.4v18h432.4v-18z"
  />
</svg>
Attribution
"Butter" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: