Ikon Frame Bug

material-symbols:frame-bug

Ikon Frame Bug (material-symbols:frame-bug) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Material Symbols
Pembuat: Google
Lisensi: Apache-2.0
Ukuran: 24 × 24
Kategori: Aksi UI
Tag: framebug

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10 16h4v-2h-4zm0-4h4v-2h-4zm2 9q-1.625 0-3.012-.8T6.8 18H4v-2h2.1q-.075-.5-.088-1T6 14H4v-2h2q0-.5.012-1t.088-1H4V8h2.8q.35-.575.788-1.075T8.6 6.05L7 4.4L8.4 3l2.15 2.15q.7-.225 1.425-.225t1.425.225L15.6 3L17 4.4l-1.65 1.65q.575.375 1.038.862T17.2 8H20v2h-2.1q.075.5.088 1T18 12h2v2h-2q0 .5-.013 1t-.087 1H20v2h-2.8q-.8 1.4-2.187 2.2T12 21M1 6V3q0-.825.588-1.412T3 1h3v2H3v3zm5 17H3q-.825 0-1.412-.587T1 21v-3h2v3h3zm12 0v-2h3v-3h2v3q0 .825-.587 1.413T21 23zm3-17V3h-3V1h3q.825 0 1.413.588T23 3v3z"/></svg>

Cara memakai ikon Frame Bug

React

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

<Icon icon="material-symbols:frame-bug" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:frame-bug" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:frame-bug" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--frame-bug]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:frame-bug"></div>

Web component

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

<iconify-icon icon="material-symbols:frame-bug"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/frame-bug.svg" alt="Ikon Frame Bug" width="24" height="24">

Ikon terkait di Material Symbols

Ikon Frame Bug di set ikon lain

FAQ Ikon Frame Bug

Apakah ikon Frame Bug gratis untuk penggunaan komersial?

Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Frame Bug di React?

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

Bagaimana cara menambahkan ikon Frame Bug ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/frame-bug.svg" alt="Ikon Frame Bug">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Symbols →