Icono Hamburger 3

streamline-emojis:hamburger-3

El icono Hamburger 3 (streamline-emojis:hamburger-3) es un icono SVG gratuito de la colección Streamline Emojis de Streamline. Está dibujado en una cuadrícula de 48 × 48. Streamline Emojis icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Streamline Emojis
Autor: Streamline
Licencia: CC-BY-4.0
Tamaño: 48 × 48
Categoría: Comida y bebida

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M3.77 44.36a20.23 1.64 0 1 0 40.46 0a20.23 1.64 0 1 0-40.46 0" opacity=".15"/><path fill="#debb7e" d="M43.14 31.47v4.92c0 3.93-8.57 7.11-19.14 7.11S4.86 40.32 4.86 36.39v-4.92Z"/><path fill="#b89558" d="M4.86 33.66c0 3.92 8.57 7.11 19.14 7.11s19.14-3.19 19.14-7.11v-2.19H4.86Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.14 31.47v4.92c0 3.93-8.57 7.11-19.14 7.11S4.86 40.32 4.86 36.39v-4.92Z"/><path fill="#bf8256" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 38c23.58 0 23-7.65 20.23-12c-2.73-3.82-9.06-7.1-20.23-7.1S6.5 22.18 3.77 26C1 30.38.42 38 24 38"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.14 23.82s3.28 1.09 3.28 4.37s-4.38.55-6 1.64s-.41 3.6-2.73 4.38c-3.28 1.09-5-2.07-7.11-1.64c-2.73.54-1.64 3.28-6.56 3.28s-3.83-2.74-6.56-3.28c-2.15-.43-3.83 2.73-7.11 1.64c-2.35-.78-1.11-3.28-2.75-4.38s-6 1.64-6-1.64s3.28-4.37 3.28-4.37Z"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M42.59 27.14h-9.3v3.24a2.19 2.19 0 0 0 2.19 2.19h1.09V35a1.92 1.92 0 0 0 3.83 0v-4.1a2.19 2.19 0 0 0 2.19-2.19Z"/><path fill="#bf8256" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 30.38c23.58 0 23-7.66 20.23-12c-2.73-3.86-9.06-7.14-20.23-7.14S6.5 14.52 3.77 18.35C1 22.72.42 30.38 24 30.38"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.14 16.16s3.28 1.1 3.28 4.38s-4.38.54-6 1.64s-.41 3.6-2.73 4.37c-3.28 1.09-5-2.07-7.11-1.64c-2.73.55-1.64 3.28-6.56 3.28s-3.83-2.73-6.56-3.28c-2.15-.43-3.83 2.73-7.11 1.64c-2.35-.77-1.11-3.28-2.75-4.37s-6 1.64-6-1.64s3.28-4.38 3.28-4.38Z"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M7.05 18.35s-1.82 3.78 2.19 4.92c3.83 1.09 7.65-2.19 10.93-2.19s6.35 4.84 10.39 3.83c4.37-1.09 2.19-3.28 4.92-4.37s12 2.73 6.56-3.83Z"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.73 21.63h-9.29v2.73a2.19 2.19 0 0 0 2.19 2.19h1.09V29a1.92 1.92 0 1 0 3.83 0v-4.1a2.19 2.19 0 0 0 2.18-2.19Z"/><path fill="#f0d5a8" d="M43.14 15.62c0 3.92-8.57 7.1-19.14 7.1s-19.14-3.18-19.14-7.1C4.86 15.62 6 3 24 3s19.14 12.62 19.14 12.62"/><path fill="#debb7e" d="M24 18.9c-9 0-16.61-2.33-18.61-5.46a10.2 10.2 0 0 0-.53 2.18c0 3.92 8.57 7.1 19.14 7.1s19.14-3.18 19.14-7.1a10.2 10.2 0 0 0-.53-2.18C40.61 16.57 33 18.9 24 18.9"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.14 15.62c0 3.92-8.57 7.1-19.14 7.1s-19.14-3.18-19.14-7.1C4.86 15.62 6 3 24 3s19.14 12.62 19.14 12.62"/><path fill="#debb7e" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.78 8.83a1.09 1.09 0 1 0 .57 2.11l1.06-.28a1.09 1.09 0 1 0-.57-2.11Zm6.4 2.96a1.09 1.09 0 0 0 2 .9l.45-1a1.09 1.09 0 0 0-2-.91Zm16.04-2.96a1.09 1.09 0 1 1-.57 2.11l-1.06-.28a1.09 1.09 0 1 1 .57-2.11Zm-6.4 2.96a1.09 1.09 0 0 1-2 .9l-.45-1a1.09 1.09 0 1 1 2-.91Z"/></svg>

Cómo usar el icono Hamburger 3

React

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

<Icon icon="streamline-emojis:hamburger-3" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:hamburger-3" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:hamburger-3" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--hamburger-3]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:hamburger-3"></div>

Web component

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

<iconify-icon icon="streamline-emojis:hamburger-3"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/hamburger-3.svg" alt="Icono Hamburger 3" width="24" height="24">

Iconos relacionados en Streamline Emojis

Preguntas frecuentes sobre Icono Hamburger 3

¿El icono Hamburger 3 es gratis para uso comercial?

Sí. Streamline Emojis icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Hamburger 3 en React?

Instala @iconify/react y renderiza <Icon icon="streamline-emojis:hamburger-3" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Hamburger 3 a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-emojis/hamburger-3.svg" alt="Icono Hamburger 3">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Streamline Emojis →