Bubble Tea ikonu
noto:bubble-tea
Bubble Tea ikonu (noto:bubble-tea), Noto Emoji setinden ücretsiz bir SVG ikondur (yapımcı: Google Inc). 128 × 128 ızgara üzerinde çizilmiştir. Noto Emoji icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans 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
- Noto Emoji
- Yazar
- Google Inc
- Lisans
- Apache-2.0
- Boyut
- 128 × 128
- Kategori
- Yiyecek ve içecek
- Etiketler
- bubbletea
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#BAE2FD" d="M63.93 25.32c-34.12.31-37.92 9.54-37.92 9.54s9.7 68.61 10.71 75.34s12.54 13.51 27.21 13.51s26.2-6.79 27.21-13.51c1.01-6.73 10.83-74.88 10.83-74.88s-3.92-9.69-38.04-10" opacity=".85"/><linearGradient id="SVGEvkBKcyU" x1="63.85" x2="63.85" y1="71.279" y2="93.528" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EEB68E"/><stop offset="1" stop-color="#F5CEA7"/></linearGradient><path fill="url(#SVGEvkBKcyU)" d="M30.3 64.3c2.61 18.75 5.83 41.86 6.43 45.89c1.01 6.73 12.54 13.51 27.21 13.51s26.2-6.79 27.21-13.51c.59-3.95 3.68-26.07 6.26-44.66c0 0-24.45-9.08-39.2-7.27c-14.75 1.8-27.91 6.04-27.91 6.04"/><radialGradient id="SVGp3EMmeJh" cx="50.2" cy="68.106" r="67.101" gradientTransform="matrix(.9469 .3217 -.2221 .6538 17.794 7.434)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#C48C63"/><stop offset="1" stop-color="#EEB68E"/></radialGradient><path fill="url(#SVGp3EMmeJh)" d="M97.22 64.04c1.81 4.57-7.43 19.27-33.89 8.04C38.24 61.42 30.3 64.3 30.3 64.3c3.68-3.67 11.07-8.7 29.26-8.7c20.63 0 35.48 2.92 37.66 8.44"/><path fill="#9575CD" d="M70.5 38.41c-2.3 8.03-8.97 29.65-8.97 29.65s2.94 2.3 7.83 2.31c5.33 0 6.17-2.09 6.17-2.09s6.55-21.27 8.78-29.18c0 0-2.12.37-7.41.33c-5.31-.03-6.4-1.02-6.4-1.02"/><radialGradient id="SVGjVHc9dja" cx="86.055" cy="82.907" r="5.668" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6D4C41"/><stop offset=".999" stop-color="#3D3832"/></radialGradient><ellipse cx="84.92" cy="86.88" fill="url(#SVGjVHc9dja)" rx="4.76" ry="4.61"/><radialGradient id="SVGYNrsOeKf" cx="70.289" cy="81.575" r="5.668" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6D4C41"/><stop offset=".999" stop-color="#3D3832"/></radialGradient><ellipse cx="69.16" cy="85.58" fill="url(#SVGYNrsOeKf)" rx="4.76" ry="4.61"/><radialGradient id="SVGO6BUtbsY" cx="60.776" cy="102.577" r="5.668" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6D4C41"/><stop offset=".999" stop-color="#3D3832"/></radialGradient><ellipse cx="59.64" cy="105.96" fill="url(#SVGO6BUtbsY)" rx="4.76" ry="4.61"/><radialGradient id="SVGgZZnGcQL" cx="74.424" cy="101.896" r="5.668" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6D4C41"/><stop offset=".999" stop-color="#3D3832"/></radialGradient><ellipse cx="73.29" cy="105.3" fill="url(#SVGgZZnGcQL)" rx="4.76" ry="4.61"/><radialGradient id="SVGoQomfcUi" cx="73.936" cy="104.452" r="5.638" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset=".528" stop-color="#F5CEA7" stop-opacity="0"/><stop offset="1" stop-color="#F5CEA7"/></radialGradient><ellipse cx="73.29" cy="105.3" fill="url(#SVGoQomfcUi)" rx="4.76" ry="4.61"/><radialGradient id="SVGwK5SqdLO" cx="69.424" cy="84.239" r="5.668" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset=".567" stop-color="#F5CEA7" stop-opacity="0"/><stop offset="1" stop-color="#F5CEA7"/></radialGradient><ellipse cx="69.16" cy="85.58" fill="url(#SVGwK5SqdLO)" rx="4.76" ry="4.61"/><radialGradient id="SVGY48PyOND" cx="85.189" cy="85.571" r="5.668" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset=".567" stop-color="#F5CEA7" stop-opacity="0"/><stop offset="1" stop-color="#F5CEA7"/></radialGradient><ellipse cx="84.92" cy="86.88" fill="url(#SVGY48PyOND)" rx="4.76" ry="4.61"/><radialGradient id="SVGST7JIe7G" cx="44.286" cy="102.117" r="5.22" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6D4C41"/><stop offset=".999" stop-color="#3D3832"/></radialGradient><ellipse cx="43.24" cy="105.3" fill="url(#SVGST7JIe7G)" rx="4.38" ry="4.25"/><radialGradient id="SVGMDBiVbhu" cx="43.366" cy="104.22" r="5.522" gradientTransform="matrix(1 0 0 .9179 0 9.179)" gradientUnits="userSpaceOnUse"><stop offset=".567" stop-color="#F5CEA7" stop-opacity="0"/><stop offset="1" stop-color="#F5CEA7"/></radialGradient><ellipse cx="43.24" cy="105.3" fill="url(#SVGMDBiVbhu)" rx="4.38" ry="4.25"/><radialGradient id="SVGAiQU8dsl" cx="83.471" cy="108.501" r="5.22" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6D4C41"/><stop offset=".999" stop-color="#3D3832"/></radialGradient><ellipse cx="82.43" cy="111.49" fill="url(#SVGAiQU8dsl)" rx="4.38" ry="4.25"/><radialGradient id="SVGDOVsnbkn" cx="82.551" cy="110.603" r="5.522" gradientTransform="matrix(1 0 0 .9179 0 9.511)" gradientUnits="userSpaceOnUse"><stop offset=".567" stop-color="#F5CEA7" stop-opacity="0"/><stop offset="1" stop-color="#F5CEA7"/></radialGradient><ellipse cx="82.43" cy="111.49" fill="url(#SVGDOVsnbkn)" rx="4.38" ry="4.25"/><radialGradient id="SVGY8SrqcrJ" cx="59.568" cy="105.661" r="6.038" gradientTransform="matrix(1 0 0 .9179 0 9.254)" gradientUnits="userSpaceOnUse"><stop offset=".567" stop-color="#F5CEA7" stop-opacity="0"/><stop offset="1" stop-color="#F5CEA7"/></radialGradient><path fill="url(#SVGY8SrqcrJ)" d="M54.84 105.96c0-2.55 1.94-4.46 4.56-4.61c2.61-.15 5.04 1.81 5.04 4.36s-1.64 5-4.85 4.87c-2.62-.12-4.75-2.08-4.75-4.62"/><radialGradient id="SVGwY5jdbED" cx="66.854" cy="114.097" r="5.668" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6D4C41"/><stop offset=".999" stop-color="#3D3832"/></radialGradient><ellipse cx="65.72" cy="117.13" fill="url(#SVGwY5jdbED)" rx="4.76" ry="4.61"/><radialGradient id="SVG7hb5jbTX" cx="65.645" cy="117.181" r="5.785" gradientTransform="matrix(1 0 0 .9284 0 8.616)" gradientUnits="userSpaceOnUse"><stop offset=".567" stop-color="#F5CEA7" stop-opacity="0"/><stop offset="1" stop-color="#F5CEA7"/></radialGradient><path fill="url(#SVG7hb5jbTX)" d="M60.92 117.13c0-2.55 1.94-4.46 4.56-4.61c2.61-.15 5.04 1.81 5.04 4.36s-1.64 5-4.85 4.87c-2.62-.11-4.75-2.07-4.75-4.62"/><radialGradient id="SVGqGnk7bqD" cx="53.402" cy="93.717" r="5.668" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6D4C41"/><stop offset=".999" stop-color="#3D3832"/></radialGradient><ellipse cx="52.27" cy="97.36" fill="url(#SVGqGnk7bqD)" rx="4.76" ry="4.61"/><radialGradient id="SVGQDxFNbAo" cx="52.194" cy="96.801" r="6.038" gradientTransform="matrix(1 0 0 .9179 0 8.793)" gradientUnits="userSpaceOnUse"><stop offset=".567" stop-color="#F5CEA7" stop-opacity="0"/><stop offset="1" stop-color="#F5CEA7"/></radialGradient><path fill="url(#SVGQDxFNbAo)" d="M47.47 97.36c0-2.55 1.94-4.46 4.56-4.61c2.61-.15 5.04 1.81 5.04 4.36s-1.64 5-4.85 4.87c-2.62-.11-4.75-2.07-4.75-4.62"/><radialGradient id="SVGnvnHmeWE" cx="65.533" cy="91.96" r="5.668" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6D4C41"/><stop offset=".999" stop-color="#3D3832"/></radialGradient><ellipse cx="64.4" cy="95.66" fill="url(#SVGnvnHmeWE)" rx="4.76" ry="4.61"/><radialGradient id="SVGkMOmSccD" cx="64.325" cy="95.044" r="5.725" gradientTransform="matrix(1 0 0 .9565 0 5.032)" gradientUnits="userSpaceOnUse"><stop offset=".567" stop-color="#F5CEA7" stop-opacity="0"/><stop offset="1" stop-color="#F5CEA7"/></radialGradient><path fill="url(#SVGkMOmSccD)" d="M59.6 95.66c0-2.55 1.94-4.46 4.56-4.61c2.61-.15 5.04 1.81 5.04 4.36s-1.64 5-4.85 4.87c-2.62-.12-4.75-2.07-4.75-4.62"/><radialGradient id="SVGpfK3pctX" cx="80.097" cy="95.907" r="5.668" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6D4C41"/><stop offset=".999" stop-color="#3D3832"/></radialGradient><ellipse cx="78.96" cy="99.49" fill="url(#SVGpfK3pctX)" rx="4.76" ry="4.61"/><radialGradient id="SVGCft6bd4e" cx="78.7" cy="98.342" r="5.928" gradientTransform="matrix(1 0 0 .9179 0 8.873)" gradientUnits="userSpaceOnUse"><stop offset=".507" stop-color="#F5CEA7" stop-opacity="0"/><stop offset="1" stop-color="#F5CEA7"/></radialGradient><path fill="url(#SVGCft6bd4e)" d="M74.16 99.49c0-2.55 1.94-4.46 4.56-4.61c2.61-.15 5.04 1.81 5.04 4.36s-1.64 5-4.85 4.87c-2.62-.12-4.75-2.07-4.75-4.62"/><radialGradient id="SVGGxQLlbeo" cx="43.954" cy="85.416" r="5.668" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6D4C41"/><stop offset=".999" stop-color="#3D3832"/></radialGradient><ellipse cx="42.82" cy="89.31" fill="url(#SVGGxQLlbeo)" rx="4.76" ry="4.61"/><radialGradient id="SVGzh7wxehk" cx="42.746" cy="88.501" r="6.038" gradientTransform="matrix(1 0 0 .9681 0 3.916)" gradientUnits="userSpaceOnUse"><stop offset=".567" stop-color="#F5CEA7" stop-opacity="0"/><stop offset="1" stop-color="#F5CEA7"/></radialGradient><path fill="url(#SVGzh7wxehk)" d="M38.02 89.31c0-2.55 1.94-4.46 4.56-4.61c2.61-.15 5.04 1.81 5.04 4.36s-1.64 5-4.85 4.87c-2.62-.11-4.75-2.07-4.75-4.62"/><radialGradient id="SVG2wWMQc4N" cx="52.757" cy="111.04" r="5.668" gradientTransform="matrix(1 0 0 .9699 0 3.75)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6D4C41"/><stop offset=".999" stop-color="#3D3832"/></radialGradient><ellipse cx="51.62" cy="114.16" fill="url(#SVG2wWMQc4N)" rx="4.76" ry="4.61"/><radialGradient id="SVGXxEh2csI" cx="51.549" cy="114.448" r="5.985" gradientTransform="matrix(1 0 0 .9702 0 3.724)" gradientUnits="userSpaceOnUse"><stop offset=".567" stop-color="#F5CEA7" stop-opacity="0"/><stop offset="1" stop-color="#F5CEA7"/></radialGradient><path fill="url(#SVGXxEh2csI)" d="M46.82 114.17c0-2.55 1.94-4.46 4.56-4.61c2.61-.15 5.04 1.81 5.04 4.36s-1.64 5-4.85 4.87c-2.62-.12-4.75-2.08-4.75-4.62"/><path fill="#33AC71" d="M101.31 40.11c.16-.93 1.09-3.65.52-5.62c0 0-2.08 9.1-37.83 9.1s-38.01-9-38.01-9c-.21 1.81.55 4.58.7 5.52c.51 3.05-1.66 3.01-1.66 3.01s.35 3.34 6.35 2.73c1.1-.11 3.97-.76 5.52 1c1.48 1.68 2.77 3.23 5.32 4.01c3.64 1.1 6.46-1.71 10.94-.75c2.76.59 4.52 2.3 9.23 2.8c5.21.56 7-2.19 9.8-2.6c5.06-.74 6.76 1.14 10.94 1.02c4.82-.13 6.4-2.45 8.24-3.71c2.72-1.86 4.97-.71 6.08-.6c6 .62 5.53-3.88 5.53-3.88s-2.18.01-1.67-3.03"/><path fill="#72E6AC" d="M63.92 23.35c-21.49 0-37.91 5.15-37.91 11.5s16.41 11.5 37.91 11.5s37.91-5.15 37.91-11.5s-16.42-11.5-37.91-11.5m12.84 15.29c-4.76 0-8.61-1.38-8.61-3.07c0-1.7 3.86-3.07 8.61-3.07s8.61 1.38 8.61 3.07c0 1.7-3.86 3.07-8.61 3.07"/><path fill="#B39DDB" d="M87.81 4.7c-3.95-1.06-7.16.05-8.06 2.61l-9.07 30.52s1.85.96 7.42.96c4.55 0 7.03-2.25 7.03-2.25s7.07-25 7.36-25.98c.68-2.24-1.23-4.93-4.68-5.86"/><path fill="#9575CD" d="M78.1 38.79c4.55 0 7.03-2.25 7.03-2.25l1.1-3.89s-3.83 2.92-7.91 3.87c-4.38 1.02-7.64 1.31-7.64 1.31s1.85.96 7.42.96"/><ellipse cx="86.26" cy="9.08" fill="#7E57C2" rx="3.5" ry="5.16" transform="rotate(-74.585 86.266 9.084)"/><path fill="#33AC71" d="m71.73 34.3l.45-1.51c-.59.16-1.22.36-1.83.62c-1.32.55-2.03 1.02-2.21 1.97c-.15.8.63 1.4.63 1.4s-.04-.67.33-1.05c.76-.79 1.2-.96 2.63-1.43"/><path fill="#FFF" d="M33.33 57.21c-.86-6.66 5.83-7.34 6.93 5.14l.4 13.92s.52 3.99-1.44 4.42c-2.93.64-3.26-3.68-3.26-3.68S34 62.34 33.33 57.21" opacity=".79"/></svg>Bubble Tea ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="noto:bubble-tea" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:bubble-tea" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:bubble-tea" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--bubble-tea]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:bubble-tea"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:bubble-tea"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/noto/bubble-tea.svg" alt="Bubble Tea ikonu" width="24" height="24">Noto Emoji setindeki benzer ikonlar
Diğer ikon setlerinde Bubble Tea ikonu
Bubble Tea ikonu: sık sorulan sorular
Bubble Tea ikonu ticari kullanım için ücretsiz mi?
Evet. Noto Emoji icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Bubble Tea ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="noto:bubble-tea" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Bubble Tea 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/noto/bubble-tea.svg" alt="Bubble Tea ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.