ICONYZ
Bahasa Indonesia
Ikon Burger dari Font Awesome Solid

Ikon Burger

fa7-solid:burger

Ikon Burger (fa7-solid:burger) adalah ikon SVG gratis dari set Font Awesome Solid karya Dave Gandy. Ikon ini digambar pada grid 640 × 640. Font Awesome Solid icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Font Awesome Solid
Pembuat
Dave Gandy
Lisensi
CC-BY-4.0
Ukuran
640 × 640
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M112 448c-8.8 0-16 7.2-16 16c0 44.2 35.8 80 80 80h288c44.2 0 80-35.8 80-80c0-8.8-7.2-16-16-16zM96 266c0 12.2 9.9 22 22 22h404c12.2 0 22-9.9 22-22c0-17.2-2.6-34.4-10.8-49.5C511 175.7 450.9 96 320 96s-191 79.6-213.2 120.5C98.6 231.6 96 248.8 96 266M64 368c0 17.7 14.3 32 32 32h448c17.7 0 32-14.3 32-32s-14.3-32-32-32H96c-17.7 0-32 14.3-32 32m256-232c13.3 0 24 10.7 24 24s-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24m-136 56c0-13.3 10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24s-24-10.7-24-24m248-24c13.3 0 24 10.7 24 24s-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24"/></svg>

Cara memakai ikon Burger

React

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

<Icon icon="fa7-solid:burger" width="24" />

Vue

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

<template>
  <Icon icon="fa7-solid:burger" width="24" />
</template>

Svelte

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

<Icon icon="fa7-solid:burger" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fa7-solid:burger"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fa7-solid/burger.svg" alt="Ikon Burger" width="24" height="24">

Ikon Burger di set ikon lain

FAQ Ikon Burger

Apakah ikon Burger gratis untuk penggunaan komersial?

Ya. Font Awesome Solid icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Burger di React?

Pasang @iconify/react lalu render <Icon icon="fa7-solid:burger" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Burger ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fa7-solid/burger.svg" alt="Ikon Burger">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Font Awesome Solid →