Burger ikonu

streamline-plump-color:burger

Burger ikonu (streamline-plump-color:burger), Plump color icons setinden ücretsiz bir SVG ikondur (yapımcı: Streamline). 48 × 48 ızgara üzerinde çizilmiştir. Plump color 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: Plump color icons
Yazar: Streamline
Lisans: CC-BY-4.0
Boyut: 48 × 48
Kategori: Yiyecek ve içecek

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="m6.949 22.238l-.592.025c-1.543.067-3.014.76-3.253 2.286C3.04 24.959 3 25.439 3 26s.04 1.042.104 1.452c.24 1.526 1.71 2.219 3.253 2.286C9.02 29.854 14.31 30 24 30c9.3 0 14.546-.135 17.308-.248c1.751-.072 3.419-.903 3.629-2.643q.061-.495.063-1.109c0-.41-.024-.778-.063-1.108c-.21-1.74-1.878-2.572-3.628-2.643l-.258-.01a4.3 4.3 0 0 1-2.491 1.139c-2.6.3-7.126.622-14.56.622s-11.96-.323-14.56-.622a4.3 4.3 0 0 1-2.491-1.14"/><path fill="#fff" d="M3.92 28.905c.622.53 1.517.792 2.437.832C9.02 29.853 14.31 30 24 30c9.3 0 14.546-.136 17.308-.249c.865-.035 1.71-.256 2.368-.68c1.009 1.28 1.484 3 1.093 4.708a7 7 0 0 1-.185.656c-.63 1.855-2.901 1.946-4.858 1.855c-1.038-.048-2.142.038-2.944.454c-3.23 1.674-6.579 1.674-9.81 0c-2.02-1.048-3.924-1.048-5.946 0c-3.23 1.674-6.578 1.674-9.808 0c-.803-.416-1.907-.502-2.945-.454c-1.957.09-4.228 0-4.858-1.855c-.267-.787-.38-1.66-.408-2.495a4.93 4.93 0 0 1 .912-3.035Z"/><path fill="#8fbffa" d="M8.773 36.29c1.038-.048 2.142.038 2.945.454c3.23 1.675 6.578 1.675 9.808 0c.778-.403 1.539-.651 2.295-.744h1.357c.756.093 1.517.34 2.295.744c3.23 1.675 6.578 1.675 9.809 0c.803-.416 1.906-.502 2.944-.453q.279.013.563.019C42.03 36.753 43 37.663 43 39c0 2.804-2.713 4.698-5.515 4.801C34.68 43.904 30.47 44 24.5 44s-10.18-.096-12.985-.199C8.713 43.698 6 41.804 6 39c0-1.337.972-2.247 2.211-2.69q.284-.005.562-.02M5.5 16.5c0-6.856 5.382-12.174 12.233-12.402C19.563 4.038 21.645 4 24 4s4.437.037 6.267.098C37.117 4.326 42.5 9.644 42.5 16.5c0 1.26-.1 2.394-.232 3.343c-.268 1.929-1.774 3.311-3.708 3.534c-2.6.3-7.126.623-14.56.623s-11.96-.323-14.56-.623c-1.934-.223-3.44-1.605-3.708-3.534A24 24 0 0 1 5.5 16.5"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M40.29 36.31c1.239.442 2.21 1.353 2.21 2.69c0 2.803-2.713 4.698-5.515 4.8c-2.804.104-7.014.2-12.985.2s-10.18-.096-12.985-.2C8.213 43.699 5.5 41.804 5.5 39c0-1.337.972-2.248 2.211-2.69"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M43.676 29.071c1.009 1.28 1.484 3 1.093 4.708a7 7 0 0 1-.185.656c-.63 1.855-2.901 1.946-4.858 1.855c-1.038-.048-2.142.038-2.944.454c-3.23 1.674-6.579 1.674-9.81 0c-2.02-1.048-3.924-1.048-5.946 0c-3.23 1.674-6.578 1.674-9.808 0c-.803-.416-1.907-.502-2.945-.454c-1.957.09-4.228 0-4.858-1.855c-.267-.787-.38-1.66-.408-2.495a4.93 4.93 0 0 1 .912-3.035M5.5 16.5c0-6.856 5.382-12.174 12.233-12.402C19.563 4.038 21.645 4 24 4s4.437.037 6.267.098C37.117 4.326 42.5 9.644 42.5 16.5c0 1.26-.1 2.394-.232 3.343c-.268 1.929-1.774 3.311-3.708 3.534c-2.6.3-7.126.623-14.56.623s-11.96-.323-14.56-.623c-1.934-.223-3.44-1.605-3.708-3.534A24 24 0 0 1 5.5 16.5"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="m6.949 22.238l-.592.025c-1.543.067-3.014.76-3.253 2.286C3.04 24.959 3 25.439 3 26s.04 1.042.104 1.452c.24 1.526 1.71 2.219 3.253 2.286C9.02 29.854 14.31 30 24 30c9.3 0 14.546-.135 17.308-.248c1.751-.072 3.419-.903 3.629-2.643q.061-.495.063-1.109c0-.41-.024-.778-.063-1.108c-.21-1.74-1.878-2.572-3.628-2.643l-.258-.01M36.5 15H36m-5.5-4H30m-1 7h.5"/></g></svg>

Burger ikonu nasıl kullanılır

React

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

<Icon icon="streamline-plump-color:burger" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:burger" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:burger" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--burger]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:burger"></div>

Web bileşeni

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

<iconify-icon icon="streamline-plump-color:burger"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/burger.svg" alt="Burger ikonu" width="24" height="24">

Plump color icons setindeki benzer ikonlar

Diğer ikon setlerinde Burger ikonu

Burger ikonu: sık sorulan sorular

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

Evet. Plump color 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.

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

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

Burger 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/streamline-plump-color/burger.svg" alt="Burger ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Plump color icons →