Ikon Top Hat
twemoji:top-hat
Ikon Top Hat (twemoji:top-hat) adalah ikon SVG gratis dari set Twitter Emoji karya Twitter. Ikon ini digambar pada grid 36 × 36. Twitter Emoji icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Twitter Emoji
- Pembuat
- Twitter
- Lisensi
- CC-BY-4.0
- Ukuran
- 36 × 36
- Kategori
- Benda
- Tag
- tophat
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#31373d" d="M30.198 27.385L32 3.816a3 3 0 0 0-.021-.373c.003-.033.021-.075.021-.11C32 1.529 25.731.066 18 .066c-7.732 0-14 1.462-14 3.267c0 .035.017.068.022.102Q4.001 3.599 4 3.8l1.802 23.585C2.298 28.295 0 29.576 0 31c0 2.762 8.611 5 18 5s18-2.238 18-5c0-1.424-2.298-2.705-5.802-3.615"/><path fill="#66757f" d="M17.536 6.595c-4.89 0-8.602-.896-10.852-1.646a1 1 0 1 1 .632-1.898c2.889.963 10.762 2.891 21.421-.016a1 1 0 1 1 .525 1.93c-4.406 1.202-8.347 1.63-11.726 1.63"/><path fill="#744eaa" d="m30.198 27.385l.446-5.829c-7.705 2.157-17.585 2.207-25.316-.377l.393 5.142c.069.304.113.65.113 1.076c0 1.75 1.289 2.828 2.771 3.396c4.458 1.708 13.958 1.646 18.807.149c1.467-.453 2.776-1.733 2.776-3.191c0-.119.015-.241.024-.361z"/></svg>
Cara memakai ikon Top Hat
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:top-hat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:top-hat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:top-hat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--top-hat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:top-hat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:top-hat"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/twemoji/top-hat.svg" alt="Ikon Top Hat" width="24" height="24">
Ikon terkait di Twitter Emoji
Ikon Top Hat di set ikon lain
FAQ Ikon Top Hat
Apakah ikon Top Hat gratis untuk penggunaan komersial?
Ya. Twitter Emoji icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Top Hat di React?
Pasang @iconify/react lalu render <Icon icon="twemoji:top-hat" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Top Hat ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/twemoji/top-hat.svg" alt="Ikon Top Hat">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Twitter Emoji →
ICONYZ
