Teapot ikonu

twemoji:teapot

Teapot ikonu (twemoji:teapot), Twitter Emoji setinden ücretsiz bir SVG ikondur (yapımcı: Twitter). 36 × 36 ızgara üzerinde çizilmiştir. Twitter Emoji icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Twitter Emoji
Yazar: Twitter
Lisans: CC-BY-4.0
Boyut: 36 × 36
Kategori: Yiyecek ve içecek

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><ellipse cx="17.5" cy="31.5" fill="#269" rx="8" ry="2"/><path fill="#3b88c3" d="M11.173 31.777s3.297.757 6.371.668c2.539-.074 5.614-.356 6.505-.757c0 0-1.069 1.381-6.416 1.381s-6.46-1.292-6.46-1.292"/><ellipse cx="17.5" cy="15.25" fill="#269" rx="8.5" ry="2.25"/><path fill="#3b88c3" d="M33.582 16.654c3.518-.202 2.185 1.133 1.072 1.712c-.505.262-1.515 1.738-2.098 4.234c-.455 1.948-.847 5.658-5.213 5.391c-2.994-.183-.045-7.084-.045-7.084s1.871 3.119 3.876-1.47c.895-2.049 1.409-2.726 2.408-2.783M5.829 28.351a4.82 4.82 0 0 1-3.021-1.04C.858 25.789.167 22.812.167 21c0-2.422 1.331-4.875 3.875-4.875c1.546 0 2.209.537 2.911 1.104c.394.319.801.648 1.48.988l-.782 1.931c-.849-.424-1.375-.85-1.798-1.192c-.607-.491-.884-.715-1.811-.715c-1.46 0-2.125 1.254-2.125 2.759c0 1.531.608 3.551 1.967 4.611c.822.643 1.815.822 2.945.54l.425 2.017a6 6 0 0 1-1.425.183"/><path fill="#3b88c3" d="M29 24.727C29 31.254 22.1 32 17.5 32S6 31.254 6 24.727S10.775 12 17.5 12S29 18.2 29 24.727"/><path fill="#269" d="M29.485 26.965c-.489.039-1.069-.757-1.069-.757c-.847 2.049-3.342 4.589-11.139 4.589c-6.995 0-9.579-2.139-10.96-3.965c0 0 .33 1.202-1.782.757c-.648-.137-1.926-.768-2.966-1.658c.34.524.749.998 1.239 1.38a4.83 4.83 0 0 0 3.021 1.04a6 6 0 0 0 1.087-.118c2.02 3.3 6.932 3.847 10.521 3.847c3.679 0 8.883-.566 10.798-4.097c3.525-.265 3.898-3.577 4.32-5.382c.439-1.88 1.12-3.18 1.645-3.82c-.03.013-.051.016-.082.031c-1.826.891-1.871 7.93-4.633 8.153M4.891 17.698c-.64-.362-1.96-.223-2.629.891c-.442.736-.471 1.642-.34 2.316c.028-1.462.691-2.664 2.12-2.664c.926 0 1.204.224 1.811.715c.289.234.636.508 1.092.793l.174-.492s-1.203-.98-2.228-1.559m19.663-3.704c.284.159.446.328.446.506c0 .828-3.358 1.5-7.5 1.5s-7.5-.672-7.5-1.5c0-.178.162-.347.446-.506C9.533 14.353 9 14.785 9 15.25c0 1.243 3.806 2.25 8.5 2.25s8.5-1.007 8.5-2.25c0-.465-.533-.897-1.446-1.256"/><ellipse cx="17.5" cy="11" fill="#269" rx="2.8" ry="1.5"/><ellipse cx="34.364" cy="17.141" fill="#269" rx="1.047" ry=".334"/></svg>

Teapot ikonu nasıl kullanılır

React

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

<Icon icon="twemoji:teapot" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:teapot" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:teapot" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="twemoji:teapot"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/twemoji/teapot.svg" alt="Teapot ikonu" width="24" height="24">

Diğer ikon setlerinde Teapot ikonu

Teapot ikonu: sık sorulan sorular

Teapot ikonu ticari kullanım için ücretsiz mi?

Evet. Twitter Emoji icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Teapot ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="twemoji:teapot" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Teapot ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/twemoji/teapot.svg" alt="Teapot ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Twitter Emoji ikonları →