Teapot icon

game-icons:teapot

The Teapot icon (game-icons:teapot) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M252.826 85.162c-12.295 0-22.263 9.973-22.263 22.274c0 6.545 2.824 12.43 7.318 16.505c-17.227 3.053-33.423 10.562-48.218 21.564c4.093 1.436 8.62 2.72 13.525 3.777c16.838 3.627 37.55 5.008 57.97 4.407c20.42-.6 40.615-3.183 56.406-7.125c1.224-.305 2.41-.63 3.578-.964c-16.056-11.974-33.772-19.82-52.663-22.327a22.2 22.2 0 0 0 6.613-15.834c0-12.3-9.968-22.274-22.264-22.274zm-79.273 74.225c-4.527 4.47-8.882 9.288-13.057 14.412c26.254 9.453 58.836 15.887 94.848 15.887c36.46 0 69.31-5.498 95.36-15.2c-4.11-5.09-8.39-9.89-12.845-14.346c-4.836 1.703-10.117 3.17-15.766 4.58c-17.532 4.375-38.765 7.02-60.375 7.655c-21.612.635-43.545-.738-62.47-4.813c-9.363-2.015-18.09-4.593-25.697-8.175zm-101.272 1.8C59.95 161 47.278 165.13 37.938 175s-14.998 24.657-16.312 44.53c-1.47 22.042 1.022 38.312 6.97 50.814c5.946 12.502 15.397 20.635 25.31 26.22c9.815 5.526 19.944 9.16 29.503 13.207c-1.39-6.85-2.278-14.083-2.646-21.688c-6.516-2.555-12.605-4.932-17.7-7.8c-7.797-4.392-13.495-9.354-17.593-17.97c-4.1-8.615-6.525-21.508-5.19-41.53c1.123-16.975 5.726-27.132 11.22-32.938s12.203-8.096 20.5-7.97c10.355.16 22.67 5.086 33.033 12.23a210 210 0 0 1 10.328-16.055c-12.74-8.877-27.897-14.63-43.08-14.863m387.882 6.614c-11.768-.228-23.427 4.766-32.387 19.817h.002c-11.343 19.057 10.273 70.745-16.515 78.233c-.035-.346-.063-.694-.1-1.04l-.094.928c-17.243-1.76-27.984 2.648-35.298 9.666c-7.315 7.02-11.37 17.463-12.075 28.785s2.086 23.248 7.276 31.964c3.395 5.702 7.53 9.915 12.387 12.395l-.322 1.608c28.657 2.568 82.005-3.247 86.13-57.637c3.07-40.457-30.97-111.518 15.565-89.764c-3.6-11.372 1.018-19.242 12.096-21.092c-9.85-6.638-23.327-13.604-36.664-13.863zm-326.474 15.012c-21.276 28.462-34.438 61.033-34.438 97.313c0 43.367 16.458 69.532 44 86.688c27.542 17.155 67.3 24.375 112.063 24.375c44.76 0 84.658-7.208 112.375-24.375a115 115 0 0 0 4.71-3.088c-7.236-4.373-13.164-10.75-17.486-18.01c-7.407-12.44-10.806-27.66-9.87-42.69c.938-15.028 6.362-30.14 17.788-41.105c9.998-9.593 24.464-15.386 42.293-15.217c.978.01 1.975.054 2.973.1c-5.512-23.568-16.517-45.475-30.815-63.834c-31.777 16.617-74.14 25.405-121.936 25.405c-48.047 0-90.2-10.66-121.656-25.563zm226.193 209.11c-29.715 13.08-65.89 17.953-104.567 17.953c-38.47 0-74.382-4.812-103.89-17.738c5.108 11.837 13.503 20.477 24.602 27.236c19.175 11.677 47.392 16.79 79.366 16.79s60.325-5.113 79.628-16.802c11.236-6.803 19.725-15.502 24.863-27.438z"/></svg>

How to use the Teapot icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:teapot" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:teapot" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:teapot" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--teapot]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:teapot"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:teapot"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/teapot.svg" alt="Teapot icon" width="24" height="24">

Related icons in Game Icons

Teapot icon in other icon sets

Teapot icon FAQ

Is the Teapot icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Teapot icon in React?

Install @iconify/react and render <Icon icon="game-icons:teapot" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Teapot icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/teapot.svg" alt="Teapot icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →