Иконка Burger

streamline-plump:burger

Иконка Burger (streamline-plump:burger) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Plump free icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Еда и напитки

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="3"><path 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 d="M3.92 28.905a4.93 4.93 0 0 0-.913 3.035c.027.835.14 1.708.408 2.495c.63 1.855 2.901 1.946 4.858 1.855c1.038-.048 2.142.038 2.945.454c3.23 1.674 6.578 1.674 9.808 0c2.022-1.048 3.925-1.048 5.947 0c3.23 1.674 6.578 1.674 9.809 0c.803-.416 1.906-.502 2.944-.454c1.957.09 4.228 0 4.858-1.855a7 7 0 0 0 .185-.656c.391-1.707-.084-3.428-1.093-4.708"/><path stroke-linejoin="round" d="M5.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 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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump/burger.svg" alt="Иконка Burger" width="24" height="24">

Иконка Burger в других наборах

Вопросы и ответы: Иконка Burger

Можно ли бесплатно использовать иконку Burger в коммерческих проектах?

Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Burger в React?

Установите @iconify/react и выведите <Icon icon="streamline-plump:burger" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Burger на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump/burger.svg" alt="Иконка Burger">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Plump free icons →