Hamburger ikonu
fluent-emoji-flat:hamburger
Hamburger ikonu (fluent-emoji-flat:hamburger), Fluent Emoji Flat setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 32 × 32 ızgara üzerinde çizilmiştir. Fluent Emoji Flat icons, MIT 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
- Fluent Emoji Flat
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 32 × 32
- Kategori
- Yiyecek ve içecek
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#e19747" d="M24.849 29.699H7.15a2.575 2.575 0 0 1-2.576-2.576V25.14L16 24l11.444 1.139v1.974A2.6 2.6 0 0 1 24.85 29.7"/><path fill="#f3ad61" d="M19.267 7h-6.524a8.317 8.317 0 0 0-8.318 8.318v1.323h23.17v-1.323C27.585 10.728 23.857 7 19.267 7"/><path fill="#fff3d7" d="M19.207 9.445a.772.772 0 1 1-1.543 0a.772.772 0 0 1 1.543 0m-5.642.772a.772.772 0 1 0 0-1.543a.772.772 0 0 0 0 1.543m8.328 1.393a.772.772 0 1 1-1.544 0a.772.772 0 0 1 1.544 0m-11.013.772a.772.772 0 1 0-.001-1.544a.772.772 0 0 0 0 1.544m5.121.881a.772.772 0 1 0 0-1.543a.772.772 0 0 0 0 1.543"/><path fill="#f8312f" d="M27.434 16.41H4.565v3.207l11.416 1.941l11.453-1.941z"/><path fill="#44911b" d="M5.839 15.175c.872-.465 1.907-1.01 3.827-1.01c1.921 0 2.954.546 3.825 1.01l.018.01c.705.377 1.26.673 2.5.673c1.242 0 1.796-.296 2.501-.672l.019-.01c.87-.465 1.904-1.011 3.825-1.011c1.92 0 2.954.546 3.824 1.011l.02.01c.703.377 1.255.672 2.49.672a1.394 1.394 0 1 1 0 2.788c-1.922 0-2.955-.547-3.825-1.012l-.02-.01c-.704-.377-1.255-.672-2.49-.672c-1.233 0-1.785.295-2.49.671l-.021.012c-.872.465-1.907 1.01-3.832 1.01s-2.96-.545-3.832-1.01l-.021-.012c-.705-.376-1.257-.67-2.49-.67c-1.236 0-1.79.295-2.498.672l-.019.01c-.872.465-1.907 1.01-3.827 1.01a1.394 1.394 0 1 1 0-2.787c1.235 0 1.79-.295 2.497-.673z"/><path fill="#6d4534" d="M27.675 25.139H4.325A2.327 2.327 0 0 1 2 22.814a2.327 2.327 0 0 1 2.325-2.325h23.35A2.327 2.327 0 0 1 30 22.814a2.327 2.327 0 0 1-2.325 2.325"/><path fill="#fcd53f" d="M27.434 19.617H4.565v.872l7.286 1.633c2.726.612 5.562.612 8.288 0l7.285-1.633v-.872z"/></g></svg>
Hamburger ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:hamburger" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:hamburger" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:hamburger" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--hamburger]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:hamburger"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:hamburger"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/hamburger.svg" alt="Hamburger ikonu" width="24" height="24">
Diğer ikon setlerinde Hamburger ikonu
Hamburger ikonu: sık sorulan sorular
Hamburger ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent Emoji Flat icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Hamburger ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-emoji-flat:hamburger" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Hamburger 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/fluent-emoji-flat/hamburger.svg" alt="Hamburger ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Fluent Emoji Flat ikonları →
ICONYZ
