ICONYZ
Français
Icône Burger Flat de Plump color icons

Icône Burger Flat

streamline-plump-color:burger-flat

L'icône Burger Flat (streamline-plump-color:burger-flat) est une icône SVG gratuite de la collection Plump color icons par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Plump color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Plump color icons
Auteur
Streamline
Licence
CC-BY-4.0
Taille
48 × 48
Catégorie
Nourriture et boissons
Mots-clés
burgerflat
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M24.5 45.5c-5.243 0-9.14-.092-11.928-.202C8.574 45.14 4.5 42.254 4.5 37.75v-.084c.02-1.723.913-3.06 2.106-3.915c1.166-.837 2.648-1.251 4.08-1.251h27.628c1.432 0 2.913.413 4.08 1.25c1.193.857 2.086 2.193 2.105 3.916l.001.084c0 4.504-4.074 7.39-8.072 7.548c-2.788.11-6.685.202-11.928.202"/><path fill="#2859c5" fill-rule="evenodd" d="M9.811 37.206c-1.425-.95-3.702-.694-5.175-.38c-.911.195-1.937.103-2.436-.684c-.626-.99-.937-2.318-1.083-3.573c-.276-2.378 1.05-4.763 3.377-5.326c2.492-.602 5.007-.086 7.46 1.551c2.245 1.497 4.358 1.497 6.602 0c3.585-2.392 7.302-2.392 10.888 0c2.244 1.497 4.357 1.497 6.601 0c2.453-1.637 4.968-2.153 7.46-1.55c2.327.562 3.654 2.947 3.377 5.325c-.146 1.255-.457 2.584-1.083 3.572c-.498.788-1.524.88-2.436.685c-1.472-.314-3.75-.57-5.174.38c-3.586 2.392-7.303 2.392-10.889 0c-2.244-1.497-4.357-1.497-6.6 0c-3.587 2.392-7.303 2.392-10.889 0" clip-rule="evenodd"/><path fill="#2859c5" d="M45.9 23.326c-.243-1.926-2.01-2.932-3.95-3.024C39.01 20.162 33.542 20 24 20c-9.927 0-15.444.175-18.294.318c-1.728.087-3.307.943-3.567 2.654A14 14 0 0 0 2 25c0 .8.055 1.47.14 2.028c.26 1.71 1.838 2.567 3.566 2.654C8.556 29.825 14.073 30 24 30c9.542 0 15.01-.162 17.95-.302c1.94-.092 3.706-1.098 3.95-3.024c.062-.484.1-1.04.1-1.674s-.038-1.19-.1-1.674"/><path fill="#8fbffa" d="M24.5 2.5c-2.617 0-4.902.043-6.882.113C10.359 2.868 4.5 8.506 4.5 15.875c0 1.727.194 3.218.406 4.336c.368 1.936 1.91 3.31 3.808 3.56c2.44.323 7.21.729 15.786.729s13.346-.406 15.786-.728c1.897-.251 3.44-1.625 3.808-3.561c.212-1.118.406-2.61.406-4.336c0-7.369-5.86-13.007-13.118-13.262c-1.98-.07-4.265-.113-6.882-.113"/><path fill="#2859c5" fill-rule="evenodd" d="M37 13.5a1.5 1.5 0 0 0 0 3h.5a1.5 1.5 0 0 0 0-3zM29.5 11A1.5 1.5 0 0 1 31 9.5h.5a1.5 1.5 0 0 1 0 3H31a1.5 1.5 0 0 1-1.5-1.5m1 5.5a1.5 1.5 0 0 1 0 3H30a1.5 1.5 0 0 1 0-3z" clip-rule="evenodd"/></g></svg>

Comment utiliser l'icône Burger Flat

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

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

Icônes similaires dans Plump color icons

L'icône Burger Flat dans d'autres collections

FAQ : Icône Burger Flat

L'icône Burger Flat est-elle gratuite pour un usage commercial ?

Oui. Les Plump color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Burger Flat dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-plump-color:burger-flat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Burger Flat à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-plump-color/burger-flat.svg" alt="Icône Burger Flat">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Plump color icons →