ICONYZ
Bahasa Indonesia
Ikon Tumbler Glass dari Fluent Emoji High Contrast

Ikon Tumbler Glass

fluent-emoji-high-contrast:tumbler-glass

Ikon Tumbler Glass (fluent-emoji-high-contrast:tumbler-glass) adalah ikon SVG gratis dari set Fluent Emoji High Contrast karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Fluent Emoji High Contrast
Pembuat
Microsoft Corporation
Lisensi
MIT
Ukuran
32 × 32
Kategori
Makanan dan minuman
Tag
tumblerglass
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M5 25.444v-6.456c0-.549.39-.988.878-.988H7v-4.007c0-.55.214-.993.48-.993h7.04c.266 0 .48.443.48.993V18h1v-4.002c0-.553.428-.998.96-.998h6.08c.532 0 .96.445.96.998V18h1V7a1 1 0 1 1 2 0v11h.122c.488 0 .878.439.878.988v6.456c0 .858-.62 1.556-1.383 1.556H6.383C5.621 27 5 26.302 5 25.444M25 18v7a1 1 0 1 0 2 0v-7z"/><path d="M1 4.621C1 3.728 1.729 3 2.621 3H29.38c.89 0 1.62.728 1.62 1.621v22.874A3.497 3.497 0 0 1 27.505 31h-23A3.506 3.506 0 0 1 1 27.495zM3 5v22.495C3 28.325 3.674 29 4.505 29h23C28.33 29 29 28.33 29 27.495V5z"/></g></svg>

Cara memakai ikon Tumbler Glass

React

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

<Icon icon="fluent-emoji-high-contrast:tumbler-glass" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:tumbler-glass" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:tumbler-glass" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--tumbler-glass]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:tumbler-glass"></div>

Web component

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

<iconify-icon icon="fluent-emoji-high-contrast:tumbler-glass"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tumbler-glass.svg" alt="Ikon Tumbler Glass" width="24" height="24">

Ikon Tumbler Glass di set ikon lain

FAQ Ikon Tumbler Glass

Apakah ikon Tumbler Glass gratis untuk penggunaan komersial?

Ya. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Tumbler Glass di React?

Pasang @iconify/react lalu render <Icon icon="fluent-emoji-high-contrast:tumbler-glass" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Tumbler Glass ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tumbler-glass.svg" alt="Ikon Tumbler Glass">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fluent Emoji High Contrast →